/* ug-question-type v1 (Boss via Mary, 8 Oct 2026): UG question text scale. Johnny for Anit.
   Load after ug-theme.css (or append to it). Problem fixed: on desktop the stem was 1.12rem / 1.75
   against options at .97rem / 1.5, so the stem looked oversized and the two blocks read as different texts.

   Scale (one family: Manrope; one line height for the whole question):
                 phone (<=560px)    desktop
     stem        .97rem             1.03rem
     options     .97rem             1.03rem
     statements  .97rem             1.03rem   (same as the stem, never bold)
     line height 1.55 everywhere (stem, statements, options)

   Markup expected from the stem renderer (Anit): split the stem on "\n"; each line becomes
     <p class="ql">…</p>                      ordinary line
     <p class="ql qs"><b class="qn">I.</b> …</p>          statement line: starts with I. II. … or
                                                           "Statement I:" / "Assertion (A):" / "Reason (R):"
                                                           (the numeral or label in .qn; the rest plain)
     <p class="ql qask">…</p>                 the final question sentence (the **…** line), the only bold
*/
html body .qtext{font-size:1.03rem;line-height:1.55;font-weight:500}
html body .opts .opt{font-size:1.03rem;line-height:1.55}
@media (max-width:560px){
  html body .qtext, html body .opts .opt{font-size:.97rem;line-height:1.55}
}
/* lines */
html body .qtext .ql{margin:0 0 .55em}
html body .qtext .ql:last-child{margin-bottom:0}
html body .qtext .ql.qs{display:grid;grid-template-columns:2.6em minmax(0,1fr);column-gap:.35em;margin:0 0 .4em;font-weight:500}
html body .qtext .ql.qs + .ql:not(.qs){margin-top:.75em}       /* clear gap before the question sentence */
html body .qtext .ql.qs .qn{font-weight:700;color:var(--muted);font-variant-numeric:tabular-nums}
html body .qtext .ql.qs.lbl{grid-template-columns:auto minmax(0,1fr)}   /* "Statement I:" / "Assertion (A):" labels */
html body .qtext .ql.qs b:not(.qn), html body .qtext .ql.qs strong{font-weight:500}   /* statements are never bold */
html body .qtext .ql.qask, html body .qtext .ql.qask b, html body .qtext .ql.qask strong{font-weight:700;color:var(--ink)}