MDL-85240 questions: restrict style override to qtype multichoice

As a consequence, the same style has been added to the calculatedmulti
qtype, because it uses similar structure and benefited from the more
general override.

.upgradenotes/MDL-85240-2025051111233235.yml

@@ -0,0 +1,10 @@
+issueNumber: MDL-85240
+notes:
+  qtype_multichoice:
+    - message: >-
+        Restrict override of margin-bottom for fitem_id_answer_* and
+        fitem_id_fraction_* divs to own edit form. Question type
+        plugins currently benefitting from the unlimited style override
+        will need to change their styles.css accordingly. An example
+        can be found in calculatedmulti's style sheet.
+      type: changed

question/type/calculatedmulti/styles.css

@@ -27,3 +27,10 @@
     width: 14px;
     flex-shrink: 0;
 }
+
+/* stylelint-disable declaration-no-important  */
+body#page-question-type-calculatedmulti div[id^="fitem_id_answer_"].mb-3,
+body#page-question-type-calculatedmulti div[id^="fitem_id_fraction_"].mb-3 {
+    margin-bottom: 0 !important;
+}
+/* stylelint-enable declaration-no-important  */

question/type/multichoice/styles.css

@@ -66,10 +66,8 @@ body#page-question-type-multichoice div[id^=fitem_id_][id*=feedback_] {
 }
 
 /* stylelint-disable declaration-no-important  */
-
-div[id^="fitem_id_answer_"].mb-3,
-div[id^="fitem_id_fraction_"].mb-3 {
+body#page-question-type-multichoice div[id^="fitem_id_answer_"].mb-3,
+body#page-question-type-multichoice div[id^="fitem_id_fraction_"].mb-3 {
     margin-bottom: 0 !important;
 }
 /* stylelint-enable declaration-no-important  */
-