@pie-element/mc-populated-blank 0.3.0-next.28 → 0.3.0-next.29

package/README.md

@@ -2,7 +2,7 @@
 
 Svelte 5 PIE element where the learner picks a **multiple-choice** option and that choice **fills a blank** in a sentence/template.
 
-This element is the PIE counterpart for Star Learnosity CQT "populated blank" interactions. The CQT family had several published `custom_type` flavors, but they are all variants of the same base interaction:
+This element is the PIE counterpart for Star CQT "populated blank" interactions. The CQT family had several published `custom_type` flavors, but they are all variants of the same base interaction:
 
 - one selected choice
 - one correctness key
@@ -11,7 +11,7 @@ This element is the PIE counterpart for Star Learnosity CQT "populated blank" in
 
 ## What the original CQT flavors mean
 
-The historical Learnosity CQT names mostly describe layout/stimulus differences, not different scoring logic:
+The historical CQT names mostly describe layout/stimulus differences, not different scoring logic:
 
 - `sel_vic`: sentence-style vocabulary in context, with audio/transcript support
 - `sr-vic`: sentence-style vocabulary in context, typically no audio button
@@ -26,9 +26,9 @@ The shared behavior across these flavors is now represented by one element with
 
 ## Flavor to model mapping (quick defaults)
 
-Use this as a practical starting point when mapping Learnosity CQT payloads into `mc-populated-blank` models.
+Use this as a practical starting point when mapping CQT payloads into `mc-populated-blank` models.
 
-| Learnosity `custom_type` | Typical layout meaning | Suggested `interactionMode` | Suggested `choiceMode` | Template hint |
+| CQT `custom_type` | Typical layout meaning | Suggested `interactionMode` | Suggested `choiceMode` | Template hint |
 | --- | --- | --- | --- | --- |
 | `sel_vic` | sentence cloze with audio/transcript | `populate_blank` | `text` | `<p>{before} {{blank}} {after}</p>` |
 | `sr-vic` | sentence cloze without listen button | `populate_blank` | `text` | `<p>{before} {{blank}} {after}</p>` |
@@ -43,7 +43,7 @@ Notes:
 
 - `choiceMode` should be `image` only when distractors are image choices; otherwise use `text`.
 - Current model contract is single-blank for `populate_blank`; dual-cloze source shapes are normalized to one `{{blank}}`.
-- `correctChoiceId` should always map from Learnosity `valid_response.name` to canonical `distractor_n`.
+- `correctChoiceId` should always map from the CQT's `valid_response.name` to canonical `distractor_n`.
 - Layout defaults are tuned from original CQT visual baselines, but they are not fixed: override through `model.layoutLimits` when host/theme requirements differ.
 
 ## Layouts
@@ -147,7 +147,7 @@ The figures are wireframes: colour marks a region, a dashed region renders only
 - **Audio error behavior:** no TTS fallback is used; when `hasAudio=true` and no playable `audioUrl` is provided, delivery shows an explicit error message.
 - **Prompt-off accessibility:** when `prompt` is empty, delivery uses `choiceGroupLabel` (or fallback UI text) as the radiogroup accessible name.
 - **Print parity:** print renders the delivery component as a player shows the printout's `role` in `view` mode, with the choices in authored order; an instructor's key is the correct-response session, filling the blank and checking the key's choice. Teacher instructions print expanded, and audio prints as its URL and transcript in place of a player.
-- **Delivery renders no transcript:** it is an accessibility-catalog alternate, so on `pie-section-player` the assessment toolkit resolves the `transcript` card against the learner's personal needs profile and renders it in a labelled region above this element (PIE-902) — the same path signing takes. `model.audioTranscript` stays on the model for the print view, which has no toolkit, and as the source the Learnosity import writes the card from. A host that wants a transcript delivers the toolkit; there is no element-specific CSS class to apply.
+- **Delivery renders no transcript:** it is an accessibility-catalog alternate, so on `pie-section-player` the assessment toolkit resolves the `transcript` card against the learner's personal needs profile and renders it in a labelled region above this element (PIE-902) — the same path signing takes. `model.audioTranscript` stays on the model for the print view, which has no toolkit, and as the source the pie-api-aws import writes the card from. A host that wants a transcript delivers the toolkit; there is no element-specific CSS class to apply.
 
 ## Theming hooks (`pie-*` classes)
 
@@ -164,7 +164,7 @@ Delivery now exposes stable `pie-*` classes so hosts can theme this element with
 
 ## Bundled CQT variant CSS
 
-To avoid runtime dependency on cross-origin Learnosity stylesheet loading, this element bundles variant-specific CSS in delivery:
+This element bundles variant-specific CSS in delivery, so it loads no stylesheet at runtime:
 
 - Variant CSS files: `src/delivery/cqt-css/*.css`
 - Variant mapping: `src/delivery/variant-css-map.ts`
@@ -174,15 +174,12 @@ Every selector in a variant CSS file starts at `.mc-populated-blank-root` (`vari
 
 ### Maintenance workflow
 
-1. Fetch the latest Learnosity `question.css` for each supported CQT variant.
-2. Update the matching file under `src/delivery/cqt-css/`.
-3. Keep the source URL comment at the top of each CSS file current.
-4. If a new `custom_type` is introduced, add it in `src/delivery/variant-css-map.ts` with:
+1. Edit the variant's file under `src/delivery/cqt-css/`.
+2. If a new `custom_type` is introduced, add it in `src/delivery/variant-css-map.ts` with:
    - `variantId`
    - `variantClass`
-   - `sourceUrl`
    - imported `cssText`
-5. Run `bun run build` in this package and validate the demo variants.
+3. Run `bun run build` in this package and validate the demo variants.
 
 ## Builds
 

package/dist/browser/{McPopulatedBlank-yvmy2-rw.js → McPopulatedBlank-LqV-pdXv.js}

@@ -2157,54 +2157,46 @@ function It(e) {
 }
 //#endregion
 //#region src/delivery/cqt-css/sel-r1-base.css?raw
-var Lt = "/* Shared base styles for all sel_r1-*_plusggg variants.\n   Applied via the data-mpb-variant=\"sel-r1-base\" style element.\n   Every selector starts at .mc-populated-blank-root carrying any r1 variant class,\n   so it cannot match outside this element. :where() keeps the attribute match out\n   of the specificity, so each per-variant file still overrides a base rule with\n   the selector shapes it already uses.\n   Source: web-ItemBankViewer/learnosity/templates/Renaissance/r1.scss */\n\n/* r1.scss: Starial font throughout.\n   font-size 14px mirrors the Learnosity host root (.lrn_widget) which sets the\n   base for all em-scaled rules in r1.scss (e.g. .rli-r1-content-element { 1.9em })\n   and any em-based author content (e.g. <span style=\"font-size:1.8em\">). Without\n   this base PIE inherits the 16px browser default and renders ~14% larger than\n   the LSY reference. See CONTOOL-2567. */\n.mc-populated-blank-root:where([class*=\"variant-sel-r1-\"]) {\n  font-family: Starial, Arial, sans-serif;\n  font-size: 14px;\n}\n\n/* r1.scss: .rli-r1-content-element { font-size: 1.9em } wraps all stem tokens.\n   Makes inline font-size spans in the template multiply on top of this base. */\n.mc-populated-blank-root:where([class*=\"variant-sel-r1-\"]) .pie-template-line {\n  font-size: 1.9em;\n}\n\n/* r1.scss: .rli-r1-stem { display:flex; flex-direction:row; justify-content:center }\n   r1.scss: .rli-r1-content-element { margin-right:2px; margin-left:2px } — 4px total gap.\n   Apply the per-element margin to both classless tokens and the blank slot\n   (which is the cloze equivalent) so the gap stacks with whitespace text-nodes\n   between flex items the same way LSY does. Earlier this used column-gap:4px,\n   but flex column-gap accumulates with the cloze margin and the implicit\n   whitespace, producing a wider gap than LSY shows. See CONTOOL-2569. */\n.mc-populated-blank-root:where([class*=\"variant-sel-r1-\"]) .pie-template-line {\n  display: flex;\n  flex-direction: row;\n  align-items: baseline;\n  justify-content: center;\n}\n\n.mc-populated-blank-root:where([class*=\"variant-sel-r1-\"]) .pie-template-line p {\n  margin: 0;\n  display: flex;\n  flex-direction: row;\n  align-items: baseline;\n}\n\n/* r1.scss: .rli-r1-content-element { min-width:150px; max-width:150px; min-height:150px;\n   line-height:89px; margin-right:2px; margin-left:2px } — wraps every stem token in\n   LSY, giving each a 150px box with a 2px per-side margin. Applies to the token\n   layouts, the same set that gets the feature button and the wide underline, so\n   trailing tokens in audio_blank_only (gplusggg) match the blank's height the way\n   LSY does. Stems on other layouts are prose, which the box would stack a word or\n   two per line. Spans inside the blank are the answer's own markup, not stem tokens.\n   The margin outranks token_sequence's span + span gap, so tokens sit LSY's 4px\n   apart (CONTOOL-2569). */\n.mc-populated-blank-root:where(\n    [class*=\"variant-sel-r1-\"]:is(\n      .layout-audio_blank_only,\n      .layout-stimulus_image_blank,\n      .layout-token_sequence\n    )\n  )\n  .pie-template-line\n  span:not([class]):not(.pie-blank-slot *) {\n  min-width: 150px;\n  max-width: 150px;\n  min-height: 150px;\n  line-height: 89px;\n  margin-left: 2px;\n  margin-right: 2px;\n}\n\n/* r1.scss: the content-element's wrapping flex line packs to the bottom of its box\n   (align-content:flex-end), so a token's 89px line sits on the box's bottom edge\n   whatever its font size; .rli-r1-stem { align-items:start } top-aligns the row.\n   Every item in it has a fixed height (150px tokens and images, the 160px cloze),\n   so the underline lands 4px under the tokens' bottom edge. */\n.mc-populated-blank-root:where(\n    [class*=\"variant-sel-r1-\"]:is(.layout-audio_blank_only, .layout-token_sequence)\n  )\n  .pie-template-line\n  span:not([class]):not(.pie-blank-slot *) {\n  display: flex;\n  flex-direction: row;\n  flex-wrap: wrap;\n  align-items: baseline;\n  align-content: flex-end;\n  justify-content: center;\n  margin-bottom: 8px;\n}\n\n.mc-populated-blank-root:where(\n    [class*=\"variant-sel-r1-\"]:is(.layout-audio_blank_only, .layout-token_sequence)\n  )\n  .pie-template-line,\n.mc-populated-blank-root:where(\n    [class*=\"variant-sel-r1-\"]:is(.layout-audio_blank_only, .layout-token_sequence)\n  )\n  .pie-template-line\n  p {\n  align-items: flex-start;\n}\n\n/* .pie-template-line's align-items:baseline (above) computes a shared baseline\n   across all its flex items. .pie-blank-slot has no baseline-participating child\n   of its own (.cloze-marker centers internally, align-items:center) — so it\n   contributes a *synthesized* baseline back to the row, based on its own box\n   geometry. That geometry swings wildly depending on the blank's content: an\n   empty placeholder vs. a selected choice's image (up to 150x150). Every time a\n   choice is selected the row's shared baseline is recomputed from that new\n   geometry, visibly shifting sibling tokens like a leading/trailing stem word.\n   align-self removes the blank from that shared computation entirely — its\n   siblings' position no longer depends on what's currently displayed inside it.\n   See CONTOOL-3159. */\n.mc-populated-blank-root:where([class*=\"variant-sel-r1-\"]) .pie-template-line .pie-blank-slot {\n  align-self: flex-end;\n}\n\n/* r1.scss's .rli-r1-cloze and question.css's .rli-s3-cloze have no inline padding, so the\n   150px content-element spans the blank. ClozeMarker.svelte's 0.5rem would narrow an\n   answer image to 134px or 144px. */\n.mc-populated-blank-root:where([class*=\"variant-sel-r1-\"]) .pie-template-line .pie-blank-slot {\n  padding-inline: 0;\n}\n\n/* r1.scss: .rli-r1-cloze { height:160px; padding-bottom:4px; border-bottom:6px solid }\n   — the blank in the token layouts is LSY's cloze box, top-aligned with the stem\n   tokens (align-self overrides the flex-end above). A fixed height rather than a\n   min-height keeps the empty and the filled blank at one geometry: the 150px image\n   or content box below fits its 150px content area exactly, and the underline\n   never moves on selection (CONTOOL-3159). .pie-blank-slot is border-box, as LSY's\n   cloze is. McPopulatedBlank.svelte gives audio_blank_only the padding and the\n   6px underline; token_sequence takes both here. The 2px per-side margin matches\n   LSY's .rli-r1-content-element rhythm (CONTOOL-2569). */\n.mc-populated-blank-root:where([class*=\"variant-sel-r1-\"]):is(\n    .layout-audio_blank_only,\n    .layout-token_sequence\n  )\n  .pie-template-line\n  .pie-blank-slot {\n  align-self: flex-start;\n  height: 160px;\n  padding-bottom: 4px;\n  margin-left: 2px;\n  margin-right: 2px;\n}\n\n.mc-populated-blank-root:where([class*=\"variant-sel-r1-\"]).layout-token_sequence\n  .pie-template-line\n  .pie-blank-slot {\n  min-width: 150px;\n  max-width: 150px;\n  line-height: 89px;\n}\n\n/* stimulus_image_blank keeps the 160px min-height blank slot McPopulatedBlank.svelte\n   sets, with the same 2px per-side margin. See CONTOOL-2569. */\n.mc-populated-blank-root:where([class*=\"variant-sel-r1-\"]).layout-stimulus_image_blank\n  .pie-template-line\n  .pie-blank-slot {\n  margin-left: 2px;\n  margin-right: 2px;\n}\n\n/* cloze.js: the cloze holds an .rli-r1-content-element around the answer's markup,\n   so the answer's line packs to the bottom of a 150px box the way a stem token's\n   does. The box's 8px bottom margin, centred in the cloze's 150px content area,\n   lifts it 4px, as it does in LSY. */\n.mc-populated-blank-root:where([class*=\"variant-sel-r1-\"]):is(\n  .layout-audio_blank_only,\n  .layout-token_sequence\n) .pie-blank-value {\n  display: flex;\n  flex-direction: row;\n  flex-wrap: wrap;\n  align-items: baseline;\n  align-content: flex-end;\n  justify-content: center;\n  min-height: 150px;\n  line-height: 89px;\n  margin-bottom: 8px;\n}\n\n/* An imageUrl answer is .pie-blank-image directly in the blank, with no\n   .pie-blank-value around it; the same margin puts it where a labelHtml image sits. */\n.mc-populated-blank-root:where([class*=\"variant-sel-r1-\"]):is(\n  .layout-audio_blank_only,\n  .layout-token_sequence\n) .pie-blank-image {\n  margin-bottom: 8px;\n}\n\n/* Classless answer spans in the s3 blank keep line-height:normal, which outranks\n   sel-r1-s3.css's 1.1. See CONTOOL-3159. */\n.mc-populated-blank-root:where([class*=\"variant-sel-r1-\"]).layout-stimulus_image_blank\n  .pie-blank-value\n  span:not([class]) {\n  line-height: normal;\n}\n\n/* r1.scss: .rli-r1-content-element { font-size:1.9em; line-height:89px } on distractors */\n.mc-populated-blank-root:where([class*=\"variant-sel-r1-\"]) .pie-choice-label {\n  font-size: 1.9em;\n  line-height: 89px;\n}\n\n/* r1.scss: .rli-r1-content-element { min-width:150px; max-width:150px;\n   min-height:150px } wraps every image (stem token + distractor) and forces\n   the content box to 150×150. LSY's host also rewrites <img width/height>\n   to 150 server-side. PIE keeps the authored attributes (typically 108×108),\n   so without an explicit override images render ~28% smaller than LSY.\n   See CONTOOL-2570. */\n.mc-populated-blank-root:where([class*=\"variant-sel-r1-\"]) .pie-template-line img,\n.mc-populated-blank-root:where([class*=\"variant-sel-r1-\"]) .pie-choice-label img {\n  width: 150px;\n  height: 150px;\n}\n\n/* r1.scss: .rli-r1-stem and .rli-r1-distractors are flex-direction:column and become\n   rows only in its @media (min-width:850px), so below it every stem token, the cloze\n   and each distractor stack at the left edge (.rli-r1-stem { align-items:start }).\n   Each token's 8px bottom margin spaces the stack. */\n@media not all and (min-width: 850px) {\n  .mc-populated-blank-root:where(\n      [class*=\"variant-sel-r1-\"]:is(.layout-audio_blank_only, .layout-token_sequence)\n    )\n    .pie-template-line,\n  .mc-populated-blank-root:where(\n      [class*=\"variant-sel-r1-\"]:is(.layout-audio_blank_only, .layout-token_sequence)\n    )\n    .pie-template-line\n    p {\n    flex-direction: column;\n    align-items: flex-start;\n  }\n\n  .mc-populated-blank-root:where([class*=\"variant-sel-r1-\"]) .pie-choices.choices-horizontal {\n    flex-direction: column;\n    align-items: flex-start;\n    justify-content: flex-start;\n    --mpb-choice-width-vw: 100vw;\n  }\n}\n", Rt = {
+var Lt = "/* Shared base styles for all sel_r1-*_plusggg variants.\n   Applied via the data-mpb-variant=\"sel-r1-base\" style element.\n   Every selector starts at .mc-populated-blank-root carrying any r1 variant class,\n   so it cannot match outside this element. :where() keeps the attribute match out\n   of the specificity, so each per-variant file still overrides a base rule with\n   the selector shapes it already uses. Comments cite the CQT template's r1.scss. */\n\n/* r1.scss: Starial font throughout.\n   font-size 14px mirrors the CQT host root, which sets the\n   base for all em-scaled rules in r1.scss (e.g. .rli-r1-content-element { 1.9em })\n   and any em-based author content (e.g. <span style=\"font-size:1.8em\">). Without\n   this base PIE inherits the 16px browser default and renders ~14% larger than\n   the CQT reference. See CONTOOL-2567. */\n.mc-populated-blank-root:where([class*=\"variant-sel-r1-\"]) {\n  font-family: Starial, Arial, sans-serif;\n  font-size: 14px;\n}\n\n/* r1.scss: .rli-r1-content-element { font-size: 1.9em } wraps all stem tokens.\n   Makes inline font-size spans in the template multiply on top of this base. */\n.mc-populated-blank-root:where([class*=\"variant-sel-r1-\"]) .pie-template-line {\n  font-size: 1.9em;\n}\n\n/* r1.scss: .rli-r1-stem { display:flex; flex-direction:row; justify-content:center }\n   r1.scss: .rli-r1-content-element { margin-right:2px; margin-left:2px } — 4px total gap.\n   Apply the per-element margin to both classless tokens and the blank slot\n   (which is the cloze equivalent) so the gap stacks with whitespace text-nodes\n   between flex items the same way the CQT does. Earlier this used column-gap:4px,\n   but flex column-gap accumulates with the cloze margin and the implicit\n   whitespace, producing a wider gap than the CQT shows. See CONTOOL-2569. */\n.mc-populated-blank-root:where([class*=\"variant-sel-r1-\"]) .pie-template-line {\n  display: flex;\n  flex-direction: row;\n  align-items: baseline;\n  justify-content: center;\n}\n\n.mc-populated-blank-root:where([class*=\"variant-sel-r1-\"]) .pie-template-line p {\n  margin: 0;\n  display: flex;\n  flex-direction: row;\n  align-items: baseline;\n}\n\n/* r1.scss: .rli-r1-content-element { min-width:150px; max-width:150px; min-height:150px;\n   line-height:89px; margin-right:2px; margin-left:2px } — wraps every stem token in\n   the CQT, giving each a 150px box with a 2px per-side margin. Applies to the token\n   layouts, the same set that gets the feature button and the wide underline, so\n   trailing tokens in audio_blank_only (gplusggg) match the blank's height the way\n   the CQT does. Stems on other layouts are prose, which the box would stack a word or\n   two per line. Spans inside the blank are the answer's own markup, not stem tokens.\n   The margin outranks token_sequence's span + span gap, so tokens sit 4px apart,\n   as in the CQT (CONTOOL-2569). */\n.mc-populated-blank-root:where(\n    [class*=\"variant-sel-r1-\"]:is(\n      .layout-audio_blank_only,\n      .layout-stimulus_image_blank,\n      .layout-token_sequence\n    )\n  )\n  .pie-template-line\n  span:not([class]):not(.pie-blank-slot *) {\n  min-width: 150px;\n  max-width: 150px;\n  min-height: 150px;\n  line-height: 89px;\n  margin-left: 2px;\n  margin-right: 2px;\n}\n\n/* r1.scss: the content-element's wrapping flex line packs to the bottom of its box\n   (align-content:flex-end), so a token's 89px line sits on the box's bottom edge\n   whatever its font size; .rli-r1-stem { align-items:start } top-aligns the row.\n   Every item in it has a fixed height (150px tokens and images, the 160px cloze),\n   so the underline lands 4px under the tokens' bottom edge. */\n.mc-populated-blank-root:where(\n    [class*=\"variant-sel-r1-\"]:is(.layout-audio_blank_only, .layout-token_sequence)\n  )\n  .pie-template-line\n  span:not([class]):not(.pie-blank-slot *) {\n  display: flex;\n  flex-direction: row;\n  flex-wrap: wrap;\n  align-items: baseline;\n  align-content: flex-end;\n  justify-content: center;\n  margin-bottom: 8px;\n}\n\n.mc-populated-blank-root:where(\n    [class*=\"variant-sel-r1-\"]:is(.layout-audio_blank_only, .layout-token_sequence)\n  )\n  .pie-template-line,\n.mc-populated-blank-root:where(\n    [class*=\"variant-sel-r1-\"]:is(.layout-audio_blank_only, .layout-token_sequence)\n  )\n  .pie-template-line\n  p {\n  align-items: flex-start;\n}\n\n/* .pie-template-line's align-items:baseline (above) computes a shared baseline\n   across all its flex items. .pie-blank-slot has no baseline-participating child\n   of its own (.cloze-marker centers internally, align-items:center) — so it\n   contributes a *synthesized* baseline back to the row, based on its own box\n   geometry. That geometry swings wildly depending on the blank's content: an\n   empty placeholder vs. a selected choice's image (up to 150x150). Every time a\n   choice is selected the row's shared baseline is recomputed from that new\n   geometry, visibly shifting sibling tokens like a leading/trailing stem word.\n   align-self removes the blank from that shared computation entirely — its\n   siblings' position no longer depends on what's currently displayed inside it.\n   See CONTOOL-3159. */\n.mc-populated-blank-root:where([class*=\"variant-sel-r1-\"]) .pie-template-line .pie-blank-slot {\n  align-self: flex-end;\n}\n\n/* r1.scss's .rli-r1-cloze and question.css's .rli-s3-cloze have no inline padding, so the\n   150px content-element spans the blank. ClozeMarker.svelte's 0.5rem would narrow an\n   answer image to 134px or 144px. */\n.mc-populated-blank-root:where([class*=\"variant-sel-r1-\"]) .pie-template-line .pie-blank-slot {\n  padding-inline: 0;\n}\n\n/* r1.scss: .rli-r1-cloze { height:160px; padding-bottom:4px; border-bottom:6px solid }\n   — the blank in the token layouts is the CQT's cloze box, top-aligned with the stem\n   tokens (align-self overrides the flex-end above). A fixed height rather than a\n   min-height keeps the empty and the filled blank at one geometry: the 150px image\n   or content box below fits its 150px content area exactly, and the underline\n   never moves on selection (CONTOOL-3159). .pie-blank-slot is border-box, as the CQT's\n   cloze is. McPopulatedBlank.svelte gives audio_blank_only the padding and the\n   6px underline; token_sequence takes both here. The 2px per-side margin matches\n   the CQT's .rli-r1-content-element rhythm (CONTOOL-2569). */\n.mc-populated-blank-root:where([class*=\"variant-sel-r1-\"]):is(\n    .layout-audio_blank_only,\n    .layout-token_sequence\n  )\n  .pie-template-line\n  .pie-blank-slot {\n  align-self: flex-start;\n  height: 160px;\n  padding-bottom: 4px;\n  margin-left: 2px;\n  margin-right: 2px;\n}\n\n.mc-populated-blank-root:where([class*=\"variant-sel-r1-\"]).layout-token_sequence\n  .pie-template-line\n  .pie-blank-slot {\n  min-width: 150px;\n  max-width: 150px;\n  line-height: 89px;\n}\n\n/* stimulus_image_blank keeps the 160px min-height blank slot McPopulatedBlank.svelte\n   sets, with the same 2px per-side margin. See CONTOOL-2569. */\n.mc-populated-blank-root:where([class*=\"variant-sel-r1-\"]).layout-stimulus_image_blank\n  .pie-template-line\n  .pie-blank-slot {\n  margin-left: 2px;\n  margin-right: 2px;\n}\n\n/* cloze.js: the cloze holds an .rli-r1-content-element around the answer's markup,\n   so the answer's line packs to the bottom of a 150px box the way a stem token's\n   does. The box's 8px bottom margin, centred in the cloze's 150px content area,\n   lifts it 4px, as it does in the CQT. */\n.mc-populated-blank-root:where([class*=\"variant-sel-r1-\"]):is(\n  .layout-audio_blank_only,\n  .layout-token_sequence\n) .pie-blank-value {\n  display: flex;\n  flex-direction: row;\n  flex-wrap: wrap;\n  align-items: baseline;\n  align-content: flex-end;\n  justify-content: center;\n  min-height: 150px;\n  line-height: 89px;\n  margin-bottom: 8px;\n}\n\n/* An imageUrl answer is .pie-blank-image directly in the blank, with no\n   .pie-blank-value around it; the same margin puts it where a labelHtml image sits. */\n.mc-populated-blank-root:where([class*=\"variant-sel-r1-\"]):is(\n  .layout-audio_blank_only,\n  .layout-token_sequence\n) .pie-blank-image {\n  margin-bottom: 8px;\n}\n\n/* Classless answer spans in the s3 blank keep line-height:normal, which outranks\n   sel-r1-s3.css's 1.1. See CONTOOL-3159. */\n.mc-populated-blank-root:where([class*=\"variant-sel-r1-\"]).layout-stimulus_image_blank\n  .pie-blank-value\n  span:not([class]) {\n  line-height: normal;\n}\n\n/* r1.scss: .rli-r1-content-element { font-size:1.9em; line-height:89px } on distractors */\n.mc-populated-blank-root:where([class*=\"variant-sel-r1-\"]) .pie-choice-label {\n  font-size: 1.9em;\n  line-height: 89px;\n}\n\n/* r1.scss: .rli-r1-content-element { min-width:150px; max-width:150px;\n   min-height:150px } wraps every image (stem token + distractor) and forces\n   the content box to 150×150. The CQT host also rewrites <img width/height>\n   to 150 server-side. PIE keeps the authored attributes (typically 108×108),\n   so without an explicit override images render ~28% smaller than in the CQT.\n   See CONTOOL-2570. */\n.mc-populated-blank-root:where([class*=\"variant-sel-r1-\"]) .pie-template-line img,\n.mc-populated-blank-root:where([class*=\"variant-sel-r1-\"]) .pie-choice-label img {\n  width: 150px;\n  height: 150px;\n}\n\n/* r1.scss: .rli-r1-stem and .rli-r1-distractors are flex-direction:column and become\n   rows only in its @media (min-width:850px), so below it every stem token, the cloze\n   and each distractor stack at the left edge (.rli-r1-stem { align-items:start }).\n   Each token's 8px bottom margin spaces the stack. */\n@media not all and (min-width: 850px) {\n  .mc-populated-blank-root:where(\n      [class*=\"variant-sel-r1-\"]:is(.layout-audio_blank_only, .layout-token_sequence)\n    )\n    .pie-template-line,\n  .mc-populated-blank-root:where(\n      [class*=\"variant-sel-r1-\"]:is(.layout-audio_blank_only, .layout-token_sequence)\n    )\n    .pie-template-line\n    p {\n    flex-direction: column;\n    align-items: flex-start;\n  }\n\n  .mc-populated-blank-root:where([class*=\"variant-sel-r1-\"]) .pie-choices.choices-horizontal {\n    flex-direction: column;\n    align-items: flex-start;\n    justify-content: flex-start;\n    --mpb-choice-width-vw: 100vw;\n  }\n}\n", Rt = {
 	"sel_r1-_plusggg": {
 		variantId: "sel-r1-plusggg",
 		variantClass: "variant-sel-r1-plusggg",
-		sourceUrl: "https://global-pr-ibvcustomfiles.renaissance-go.com/learnosity/sel_r1-_plusggg/0.0.1/question.css",
-		cssText: "/* Source baseline: https://global-pr-ibvcustomfiles.renaissance-go.com/learnosity/sel_r1-_plusggg/0.0.1/question.css */\n/* Shared r1 base styles (font, template-line flex, choice-label) are in sel-r1-base.css */\n.mc-populated-blank-root.variant-sel-r1-plusggg {\n  max-width: 875px;\n  margin-inline: auto;\n  --mpb-listen-button-size: 128px;\n  --mpb-choice-width-px: 155px;\n  --mpb-choice-tile-min-height: 11.25rem;\n  --mpb-choice-content-min-height: 9.375rem;\n  --mpb-choice-group-gap: 1rem;\n  /* A fixed light surface takes fixed dark text: the scheme text colour is near-white in dark schemes. */\n  --mpb-choice-hover-bg: #f2f2f2;\n  --mpb-choice-hover-color: #000;\n  --mpb-choice-selected-bg: #fcfcd3;\n  --mpb-choice-selected-color: #000;\n}\n\n.mc-populated-blank-root.variant-sel-r1-plusggg {\n  --mpb-choice-radio-padding: 20px;\n}\n"
+		cssText: "/* Shared r1 base styles (font, template-line flex, choice-label) are in sel-r1-base.css */\n.mc-populated-blank-root.variant-sel-r1-plusggg {\n  max-width: 875px;\n  margin-inline: auto;\n  --mpb-listen-button-size: 128px;\n  --mpb-choice-width-px: 155px;\n  --mpb-choice-tile-min-height: 11.25rem;\n  --mpb-choice-content-min-height: 9.375rem;\n  --mpb-choice-group-gap: 1rem;\n  /* A fixed light surface takes fixed dark text: the scheme text colour is near-white in dark schemes. */\n  --mpb-choice-hover-bg: #f2f2f2;\n  --mpb-choice-hover-color: #000;\n  --mpb-choice-selected-bg: #fcfcd3;\n  --mpb-choice-selected-color: #000;\n}\n\n.mc-populated-blank-root.variant-sel-r1-plusggg {\n  --mpb-choice-radio-padding: 20px;\n}\n"
 	},
 	"sr-vic": {
 		variantId: "sr-vic",
 		variantClass: "variant-sr-vic",
-		sourceUrl: "https://global-pr-ibvcustomfiles.renaissance-go.com/learnosity/sr-vic/0.0.1/question.css",
-		cssText: "/* Source baseline: https://global-pr-ibvcustomfiles.renaissance-go.com/learnosity/sr-vic/0.0.1/question.css */\n/* Reference layout: web-ItemBankViewer/learnosity/templates/Renaissance/vic.scss */\n.mc-populated-blank-root.variant-sr-vic {\n  font-family: Starial, Arial, sans-serif;\n}\n\n.mc-populated-blank-root.variant-sr-vic .pie-template-line,\n.mc-populated-blank-root.variant-sr-vic .pie-blank-value,\n.mc-populated-blank-root.variant-sr-vic .pie-choice-label {\n  line-height: 123%;\n}\n\n/* vic.scss: .rli-vic-answer uses display:flex so sentence and cloze stay on\n   one line. The template HTML wraps text in <p>, which is block by default and\n   breaks to a new line. Making <p> inline keeps the sentence and blank inline. */\n.mc-populated-blank-root.variant-sr-vic .pie-template-line p {\n  display: inline;\n  margin: 0;\n}\n\n/* LSY .rli-vic-answer has no text-align rule and inherits start; PIE's\n   inline_sentence layout sets text-align:center on .template-line via a\n   Svelte-scoped selector with specificity (0,4,0), so we need to match or\n   exceed that. Pin sr-vic back to start so wrapped lines stay left-aligned.\n   Same root cause as sel-vic. See CONTOOL-2573. */\n.mc-populated-blank-root.variant-sr-vic.layout-inline_sentence .pie-template-line.template-line {\n  text-align: start;\n}\n\n/* vic.scss: .rli-vic-cloze { margin-left:6px; margin-right:6px }, with no inline\n   padding, where ClozeMarker.svelte gives the blank 0.5rem. See CONTOOL-2572. */\n.mc-populated-blank-root.variant-sr-vic .pie-template-line .pie-blank-slot {\n  margin-left: 6px;\n  margin-right: 6px;\n  padding-inline: 0;\n}\n\n/* vic.scss: .rli-vic-cloze > .rli-vic-content-element { color: #cc3333 }\n   The red holds AA only on LSY's white page (5.1:1), so the answer carries that\n   surface: on a dark host it is 3.08:1. light-dark() would miss pie-players'\n   colour schemes, which declare no color-scheme. */\n.mc-populated-blank-root.variant-sr-vic .pie-blank-value {\n  color: #cc3333;\n  background-color: #fff;\n}\n\n/* vic.scss: .rli-vic-selected { background-color: #fcfcd3 } applied to the\n   whole distractor row (radio + label), not just the label wrapper. */\n.mc-populated-blank-root.variant-sr-vic .pie-choice.is-selected {\n  background-color: #fcfcd3;\n  color: #000;\n  border-radius: 6px;\n}\n\n.mc-populated-blank-root.variant-sr-vic .pie-choice.is-selected .pie-choice-label-wrap {\n  background-color: transparent;\n  color: inherit;\n}\n\n/* vic.scss: distractor label text sits to the right of the radio — no centering. */\n.mc-populated-blank-root.variant-sr-vic .pie-choice-label {\n  text-align: left;\n  justify-content: flex-start;\n}\n\n/* vic.scss: .rli-vic-distractor { align-items:center; margin-right:10px } and\n   .rli-vic-distractor > input { margin:20px }. The radio sits 20px from the row edge and\n   from its label, centred on the label, and its margins set the row pitch: the rows and\n   the radio and label have no gap between them. */\n.mc-populated-blank-root.variant-sr-vic .pie-choices.choices-vertical {\n  --mpb-choice-group-gap: 0;\n}\n\n.mc-populated-blank-root.variant-sr-vic .pie-choice:not(.pie-choice-horizontal) {\n  --mpb-choice-row-gap: 0;\n  align-items: center;\n  margin-right: 10px;\n}\n\n.mc-populated-blank-root.variant-sr-vic .pie-choice-radio-inline {\n  margin: 20px;\n}\n\n/* vic.scss: .rli-vic-distractor:hover { background-color: #F2F2F2 } applied to\n   the full row element, not only the inner label wrapper. */\n.mc-populated-blank-root.variant-sr-vic .pie-choice:not(.pie-choice-horizontal):hover {\n  background-color: #f2f2f2;\n  color: #000;\n  border-radius: 6px;\n}\n\n.mc-populated-blank-root.variant-sr-vic\n  .pie-choice:not(.pie-choice-horizontal):hover\n  .pie-choice-label-wrap {\n  background-color: transparent;\n  color: inherit;\n}\n\n/* Selected state must win over hover — yellow persists when hovering a chosen row. */\n.mc-populated-blank-root.variant-sr-vic .pie-choice:not(.pie-choice-horizontal).is-selected:hover {\n  background-color: #fcfcd3;\n  color: #000;\n}\n"
+		cssText: ".mc-populated-blank-root.variant-sr-vic {\n  font-family: Starial, Arial, sans-serif;\n}\n\n.mc-populated-blank-root.variant-sr-vic .pie-template-line,\n.mc-populated-blank-root.variant-sr-vic .pie-blank-value,\n.mc-populated-blank-root.variant-sr-vic .pie-choice-label {\n  line-height: 123%;\n}\n\n/* vic.scss: .rli-vic-answer uses display:flex so sentence and cloze stay on\n   one line. The template HTML wraps text in <p>, which is block by default and\n   breaks to a new line. Making <p> inline keeps the sentence and blank inline. */\n.mc-populated-blank-root.variant-sr-vic .pie-template-line p {\n  display: inline;\n  margin: 0;\n}\n\n/* The CQT's .rli-vic-answer has no text-align rule and inherits start; PIE's\n   inline_sentence layout sets text-align:center on .template-line via a\n   Svelte-scoped selector with specificity (0,4,0), so we need to match or\n   exceed that. Pin sr-vic back to start so wrapped lines stay left-aligned.\n   Same root cause as sel-vic. See CONTOOL-2573. */\n.mc-populated-blank-root.variant-sr-vic.layout-inline_sentence .pie-template-line.template-line {\n  text-align: start;\n}\n\n/* vic.scss: .rli-vic-cloze { margin-left:6px; margin-right:6px }, with no inline\n   padding, where ClozeMarker.svelte gives the blank 0.5rem. See CONTOOL-2572. */\n.mc-populated-blank-root.variant-sr-vic .pie-template-line .pie-blank-slot {\n  margin-left: 6px;\n  margin-right: 6px;\n  padding-inline: 0;\n}\n\n/* vic.scss: .rli-vic-cloze > .rli-vic-content-element { color: #cc3333 }\n   The red holds AA only on the CQT's white page (5.1:1), so the answer carries that\n   surface: on a dark host it is 3.08:1. light-dark() would miss pie-players'\n   colour schemes, which declare no color-scheme. */\n.mc-populated-blank-root.variant-sr-vic .pie-blank-value {\n  color: #cc3333;\n  background-color: #fff;\n}\n\n/* vic.scss: .rli-vic-selected { background-color: #fcfcd3 } applied to the\n   whole distractor row (radio + label), not just the label wrapper. */\n.mc-populated-blank-root.variant-sr-vic .pie-choice.is-selected {\n  background-color: #fcfcd3;\n  color: #000;\n  border-radius: 6px;\n}\n\n.mc-populated-blank-root.variant-sr-vic .pie-choice.is-selected .pie-choice-label-wrap {\n  background-color: transparent;\n  color: inherit;\n}\n\n/* vic.scss: distractor label text sits to the right of the radio — no centering. */\n.mc-populated-blank-root.variant-sr-vic .pie-choice-label {\n  text-align: left;\n  justify-content: flex-start;\n}\n\n/* vic.scss: .rli-vic-distractor { align-items:center; margin-right:10px } and\n   .rli-vic-distractor > input { margin:20px }. The radio sits 20px from the row edge and\n   from its label, centred on the label, and its margins set the row pitch: the rows and\n   the radio and label have no gap between them. */\n.mc-populated-blank-root.variant-sr-vic .pie-choices.choices-vertical {\n  --mpb-choice-group-gap: 0;\n}\n\n.mc-populated-blank-root.variant-sr-vic .pie-choice:not(.pie-choice-horizontal) {\n  --mpb-choice-row-gap: 0;\n  align-items: center;\n  margin-right: 10px;\n}\n\n.mc-populated-blank-root.variant-sr-vic .pie-choice-radio-inline {\n  margin: 20px;\n}\n\n/* vic.scss: .rli-vic-distractor:hover { background-color: #F2F2F2 } applied to\n   the full row element, not only the inner label wrapper. */\n.mc-populated-blank-root.variant-sr-vic .pie-choice:not(.pie-choice-horizontal):hover {\n  background-color: #f2f2f2;\n  color: #000;\n  border-radius: 6px;\n}\n\n.mc-populated-blank-root.variant-sr-vic\n  .pie-choice:not(.pie-choice-horizontal):hover\n  .pie-choice-label-wrap {\n  background-color: transparent;\n  color: inherit;\n}\n\n/* Selected state must win over hover — yellow persists when hovering a chosen row. */\n.mc-populated-blank-root.variant-sr-vic .pie-choice:not(.pie-choice-horizontal).is-selected:hover {\n  background-color: #fcfcd3;\n  color: #000;\n}\n"
 	},
 	sel_vic: {
 		variantId: "sel-vic",
 		variantClass: "variant-sel-vic",
-		sourceUrl: "https://global-pr-ibvcustomfiles.renaissance-go.com/learnosity/sel_vic/0.0.1/question.css",
-		cssText: "/* Source baseline: https://global-pr-ibvcustomfiles.renaissance-go.com/learnosity/sel_vic/0.0.1/question.css */\n/* Reference layout: web-ItemBankViewer/learnosity/templates/Renaissance/sel_vic/scss/main.scss + vic.scss */\n.mc-populated-blank-root.variant-sel-vic {\n  font-family: Starial, Arial, sans-serif;\n  /* LSY chain: .lrn_widget (14px host) → .sel-vic { 1.5em } = 21px.\n     PIE collapses both LSY layers into this single variant-root selector, so\n     the resolved value is set directly. See CONTOOL-2567. */\n  font-size: 21px;\n  max-width: 800px;\n  margin-inline: auto;\n}\n\n.mc-populated-blank-root.variant-sel-vic .pie-template-line,\n.mc-populated-blank-root.variant-sel-vic .pie-blank-value,\n.mc-populated-blank-root.variant-sel-vic .pie-choice-label {\n  line-height: 123%;\n}\n\n/* sel_vic/main.scss: template left ~75%, audio right ~25% on the same row.\n   Svelte scoping prevents the component-internal grid-area rule from reaching\n   .audio-container inside AudioPlayer, so we override it here via the global\n   .pie-audio-container class which is not subject to scope hashing. */\n.mc-populated-blank-root.variant-sel-vic .pie-audio-container {\n  grid-area: audio;\n  margin: 0;\n  justify-self: end;\n  align-self: start;\n  min-height: 128px;\n}\n\n/* vic.scss: sentence and cloze sit inline — the <p> wrapper must not break to\n   a new line before the blank slot. */\n.mc-populated-blank-root.variant-sel-vic .pie-template-line p {\n  display: inline;\n  margin: 0;\n}\n\n/* LSY .rli-vic-answer has no text-align rule and inherits start; PIE's\n   inline_sentence layout sets text-align:center on .template-line via a\n   Svelte-scoped selector with specificity (0,4,0), so we need to match or\n   exceed that. Pin sel-vic back to start so wrapped lines stay left-aligned.\n   See CONTOOL-2573.\n   vic.scss: .rli-vic-stimulus { align-items:flex-start } also starts the\n   sentence at the content's left edge, where the same layout centres it in its\n   grid column (justify-self:center). */\n.mc-populated-blank-root.variant-sel-vic.layout-inline_sentence .pie-template-line.template-line {\n  text-align: start;\n  justify-self: start;\n}\n\n/* vic.scss: @media (min-width:850px) { .rli-vic-stimulus { margin-left:20px;\n   margin-right:20px } } — the sentence sits 20px in from the distractors. */\n@media (min-width: 850px) {\n  .mc-populated-blank-root.variant-sel-vic.layout-inline_sentence .pie-template-line.template-line {\n    margin-left: 20px;\n    margin-right: 20px;\n  }\n}\n\n/* sel_vic/main.scss: .sel-vic .rli-vic-stimulus { min-height:128px }. From 850px up the\n   listen button beside the sentence gives the row that height; below it the button\n   moves above, and the sentence keeps the 128px on its own. */\n@media not all and (min-width: 850px) {\n  .mc-populated-blank-root.variant-sel-vic.layout-inline_sentence .pie-template-line.template-line {\n    min-height: 128px;\n  }\n}\n\n/* vic.scss: .rli-vic-cloze { margin-left: 6px; margin-right: 6px } gives the\n   cloze breathing room from adjacent text or punctuation. The shared blank slot\n   has no inline margin, so set it here so the cloze→trailing-punctuation gap\n   matches LSY. See CONTOOL-2572. The cloze has no inline padding either, where\n   ClozeMarker.svelte gives the blank 0.5rem. */\n.mc-populated-blank-root.variant-sel-vic .pie-template-line .pie-blank-slot {\n  margin-left: 6px;\n  margin-right: 6px;\n  padding-inline: 0;\n}\n\n/* vic.scss: .rli-vic-cloze > .rli-vic-content-element { color: #cc3333 }\n   The red holds AA only on LSY's white page (5.1:1), so the answer carries that\n   surface: on a dark host it is 3.08:1. light-dark() would miss pie-players'\n   colour schemes, which declare no color-scheme. */\n.mc-populated-blank-root.variant-sel-vic .pie-blank-value {\n  color: #cc3333;\n  background-color: #fff;\n}\n\n/* sel_vic/main.scss: .sel-vic { max-width: 800px } — the fieldset/choices must\n   also be constrained so rows don't span beyond 800px. */\n.mc-populated-blank-root.variant-sel-vic .pie-choices-fieldset {\n  max-width: 800px;\n  width: 100%;\n}\n\n/* vic.scss: distractor label text sits to the right of the radio — no centering. */\n.mc-populated-blank-root.variant-sel-vic .pie-choice-label {\n  text-align: left;\n  justify-content: flex-start;\n}\n\n/* vic.scss: .rli-vic-distractor { align-items:center; margin-right:10px } and\n   .rli-vic-distractor > input { margin:20px }. The radio sits 20px from the row edge and\n   from its label, centred on the label, and its margins set the row pitch: the rows and\n   the radio and label have no gap between them. */\n.mc-populated-blank-root.variant-sel-vic .pie-choices.choices-vertical {\n  --mpb-choice-group-gap: 0;\n}\n\n.mc-populated-blank-root.variant-sel-vic .pie-choice:not(.pie-choice-horizontal) {\n  --mpb-choice-row-gap: 0;\n  align-items: center;\n  margin-right: 10px;\n}\n\n.mc-populated-blank-root.variant-sel-vic .pie-choice-radio-inline {\n  margin: 20px;\n}\n\n/* vic.scss: .rli-vic-selected { background-color: #fcfcd3 } on the full row. */\n.mc-populated-blank-root.variant-sel-vic .pie-choice.is-selected {\n  background-color: #fcfcd3;\n  color: #000;\n  border-radius: 6px;\n}\n\n.mc-populated-blank-root.variant-sel-vic .pie-choice.is-selected .pie-choice-label-wrap {\n  background-color: transparent;\n  color: inherit;\n}\n\n/* Selected state must win over hover. */\n.mc-populated-blank-root.variant-sel-vic .pie-choice:not(.pie-choice-horizontal).is-selected:hover {\n  background-color: #fcfcd3;\n  color: #000;\n}\n\n/* vic.scss: .rli-vic-distractor:hover { background-color: #F2F2F2 } on the full row. */\n.mc-populated-blank-root.variant-sel-vic .pie-choice:not(.pie-choice-horizontal):hover {\n  background-color: #f2f2f2;\n  color: #000;\n  border-radius: 6px;\n}\n\n.mc-populated-blank-root.variant-sel-vic\n  .pie-choice:not(.pie-choice-horizontal):hover\n  .pie-choice-label-wrap {\n  background-color: transparent;\n  color: inherit;\n}\n"
+		cssText: ".mc-populated-blank-root.variant-sel-vic {\n  font-family: Starial, Arial, sans-serif;\n  /* CQT chain: 14px host → .sel-vic { 1.5em } = 21px.\n     PIE collapses both CQT layers into this single variant-root selector, so\n     the resolved value is set directly. See CONTOOL-2567. */\n  font-size: 21px;\n  max-width: 800px;\n  margin-inline: auto;\n}\n\n.mc-populated-blank-root.variant-sel-vic .pie-template-line,\n.mc-populated-blank-root.variant-sel-vic .pie-blank-value,\n.mc-populated-blank-root.variant-sel-vic .pie-choice-label {\n  line-height: 123%;\n}\n\n/* sel_vic/main.scss: template left ~75%, audio right ~25% on the same row.\n   Svelte scoping prevents the component-internal grid-area rule from reaching\n   .audio-container inside AudioPlayer, so we override it here via the global\n   .pie-audio-container class which is not subject to scope hashing. */\n.mc-populated-blank-root.variant-sel-vic .pie-audio-container {\n  grid-area: audio;\n  margin: 0;\n  justify-self: end;\n  align-self: start;\n  min-height: 128px;\n}\n\n/* vic.scss: sentence and cloze sit inline — the <p> wrapper must not break to\n   a new line before the blank slot. */\n.mc-populated-blank-root.variant-sel-vic .pie-template-line p {\n  display: inline;\n  margin: 0;\n}\n\n/* The CQT's .rli-vic-answer has no text-align rule and inherits start; PIE's\n   inline_sentence layout sets text-align:center on .template-line via a\n   Svelte-scoped selector with specificity (0,4,0), so we need to match or\n   exceed that. Pin sel-vic back to start so wrapped lines stay left-aligned.\n   See CONTOOL-2573.\n   vic.scss: .rli-vic-stimulus { align-items:flex-start } also starts the\n   sentence at the content's left edge, where the same layout centres it in its\n   grid column (justify-self:center). */\n.mc-populated-blank-root.variant-sel-vic.layout-inline_sentence .pie-template-line.template-line {\n  text-align: start;\n  justify-self: start;\n}\n\n/* vic.scss: @media (min-width:850px) { .rli-vic-stimulus { margin-left:20px;\n   margin-right:20px } } — the sentence sits 20px in from the distractors. */\n@media (min-width: 850px) {\n  .mc-populated-blank-root.variant-sel-vic.layout-inline_sentence .pie-template-line.template-line {\n    margin-left: 20px;\n    margin-right: 20px;\n  }\n}\n\n/* sel_vic/main.scss: .sel-vic .rli-vic-stimulus { min-height:128px }. From 850px up the\n   listen button beside the sentence gives the row that height; below it the button\n   moves above, and the sentence keeps the 128px on its own. */\n@media not all and (min-width: 850px) {\n  .mc-populated-blank-root.variant-sel-vic.layout-inline_sentence .pie-template-line.template-line {\n    min-height: 128px;\n  }\n}\n\n/* vic.scss: .rli-vic-cloze { margin-left: 6px; margin-right: 6px } gives the\n   cloze breathing room from adjacent text or punctuation. The shared blank slot\n   has no inline margin, so set it here so the cloze→trailing-punctuation gap\n   matches the CQT. See CONTOOL-2572. The cloze has no inline padding either, where\n   ClozeMarker.svelte gives the blank 0.5rem. */\n.mc-populated-blank-root.variant-sel-vic .pie-template-line .pie-blank-slot {\n  margin-left: 6px;\n  margin-right: 6px;\n  padding-inline: 0;\n}\n\n/* vic.scss: .rli-vic-cloze > .rli-vic-content-element { color: #cc3333 }\n   The red holds AA only on the CQT's white page (5.1:1), so the answer carries that\n   surface: on a dark host it is 3.08:1. light-dark() would miss pie-players'\n   colour schemes, which declare no color-scheme. */\n.mc-populated-blank-root.variant-sel-vic .pie-blank-value {\n  color: #cc3333;\n  background-color: #fff;\n}\n\n/* sel_vic/main.scss: .sel-vic { max-width: 800px } — the fieldset/choices must\n   also be constrained so rows don't span beyond 800px. */\n.mc-populated-blank-root.variant-sel-vic .pie-choices-fieldset {\n  max-width: 800px;\n  width: 100%;\n}\n\n/* vic.scss: distractor label text sits to the right of the radio — no centering. */\n.mc-populated-blank-root.variant-sel-vic .pie-choice-label {\n  text-align: left;\n  justify-content: flex-start;\n}\n\n/* vic.scss: .rli-vic-distractor { align-items:center; margin-right:10px } and\n   .rli-vic-distractor > input { margin:20px }. The radio sits 20px from the row edge and\n   from its label, centred on the label, and its margins set the row pitch: the rows and\n   the radio and label have no gap between them. */\n.mc-populated-blank-root.variant-sel-vic .pie-choices.choices-vertical {\n  --mpb-choice-group-gap: 0;\n}\n\n.mc-populated-blank-root.variant-sel-vic .pie-choice:not(.pie-choice-horizontal) {\n  --mpb-choice-row-gap: 0;\n  align-items: center;\n  margin-right: 10px;\n}\n\n.mc-populated-blank-root.variant-sel-vic .pie-choice-radio-inline {\n  margin: 20px;\n}\n\n/* vic.scss: .rli-vic-selected { background-color: #fcfcd3 } on the full row. */\n.mc-populated-blank-root.variant-sel-vic .pie-choice.is-selected {\n  background-color: #fcfcd3;\n  color: #000;\n  border-radius: 6px;\n}\n\n.mc-populated-blank-root.variant-sel-vic .pie-choice.is-selected .pie-choice-label-wrap {\n  background-color: transparent;\n  color: inherit;\n}\n\n/* Selected state must win over hover. */\n.mc-populated-blank-root.variant-sel-vic .pie-choice:not(.pie-choice-horizontal).is-selected:hover {\n  background-color: #fcfcd3;\n  color: #000;\n}\n\n/* vic.scss: .rli-vic-distractor:hover { background-color: #F2F2F2 } on the full row. */\n.mc-populated-blank-root.variant-sel-vic .pie-choice:not(.pie-choice-horizontal):hover {\n  background-color: #f2f2f2;\n  color: #000;\n  border-radius: 6px;\n}\n\n.mc-populated-blank-root.variant-sel-vic\n  .pie-choice:not(.pie-choice-horizontal):hover\n  .pie-choice-label-wrap {\n  background-color: transparent;\n  color: inherit;\n}\n"
 	},
 	"sel_r1-_gplusggg": {
 		variantId: "sel-r1-gplusggg",
 		variantClass: "variant-sel-r1-gplusggg",
-		sourceUrl: "https://global-pr-ibvcustomfiles.renaissance-go.com/learnosity/sel_r1-_gplusggg/0.0.1/question.css",
-		cssText: "/* Source baseline: https://global-pr-ibvcustomfiles.renaissance-go.com/learnosity/sel_r1-_gplusggg/0.0.1/question.css */\n/* Shared r1 base styles (font, template-line flex, choice-label) are in sel-r1-base.css */\n.mc-populated-blank-root.variant-sel-r1-gplusggg {\n  max-width: 875px;\n  margin-inline: auto;\n  --mpb-listen-button-size: 128px;\n  --mpb-choice-width-px: 155px;\n  --mpb-choice-tile-min-height: 11.25rem;\n  --mpb-choice-content-min-height: 9.375rem;\n  --mpb-choice-group-gap: 1rem;\n  /* A fixed light surface takes fixed dark text: the scheme text colour is near-white in dark schemes. */\n  --mpb-choice-hover-bg: #f2f2f2;\n  --mpb-choice-hover-color: #000;\n  --mpb-choice-selected-bg: #fcfcd3;\n  --mpb-choice-selected-color: #000;\n}\n"
+		cssText: "/* Shared r1 base styles (font, template-line flex, choice-label) are in sel-r1-base.css */\n.mc-populated-blank-root.variant-sel-r1-gplusggg {\n  max-width: 875px;\n  margin-inline: auto;\n  --mpb-listen-button-size: 128px;\n  --mpb-choice-width-px: 155px;\n  --mpb-choice-tile-min-height: 11.25rem;\n  --mpb-choice-content-min-height: 9.375rem;\n  --mpb-choice-group-gap: 1rem;\n  /* A fixed light surface takes fixed dark text: the scheme text colour is near-white in dark schemes. */\n  --mpb-choice-hover-bg: #f2f2f2;\n  --mpb-choice-hover-color: #000;\n  --mpb-choice-selected-bg: #fcfcd3;\n  --mpb-choice-selected-color: #000;\n}\n"
 	},
 	"sel_r1-g_plusggg": {
 		variantId: "sel-r1-g-stem",
 		variantClass: "variant-sel-r1-g-stem",
-		sourceUrl: "https://global-pr-ibvcustomfiles.renaissance-go.com/learnosity/sel_r1-g_plusggg/0.0.1/question.css",
-		cssText: "/* Source baseline: https://global-pr-ibvcustomfiles.renaissance-go.com/learnosity/sel_r1-g_plusggg/0.0.1/question.css */\n/* Shared r1 base styles (font, template-line flex, choice-label) are in sel-r1-base.css */\n.mc-populated-blank-root.variant-sel-r1-g-stem {\n  max-width: 875px;\n  margin-inline: auto;\n  --mpb-listen-button-size: 128px;\n  --mpb-choice-width-px: 155px;\n  --mpb-choice-tile-min-height: 11.25rem;\n  --mpb-choice-content-min-height: 9.375rem;\n  /* A fixed light surface takes fixed dark text: the scheme text colour is near-white in dark schemes. */\n  --mpb-choice-hover-bg: #f2f2f2;\n  --mpb-choice-hover-color: #000;\n  --mpb-choice-selected-bg: #fcfcd3;\n  --mpb-choice-selected-color: #000;\n  /* r1.scss: .rli-r1-cloze { border-bottom: 6px solid } */\n  --mpb-blank-underline-wide-width: 6px;\n}\n"
+		cssText: "/* Shared r1 base styles (font, template-line flex, choice-label) are in sel-r1-base.css */\n.mc-populated-blank-root.variant-sel-r1-g-stem {\n  max-width: 875px;\n  margin-inline: auto;\n  --mpb-listen-button-size: 128px;\n  --mpb-choice-width-px: 155px;\n  --mpb-choice-tile-min-height: 11.25rem;\n  --mpb-choice-content-min-height: 9.375rem;\n  /* A fixed light surface takes fixed dark text: the scheme text colour is near-white in dark schemes. */\n  --mpb-choice-hover-bg: #f2f2f2;\n  --mpb-choice-hover-color: #000;\n  --mpb-choice-selected-bg: #fcfcd3;\n  --mpb-choice-selected-color: #000;\n  /* r1.scss: .rli-r1-cloze { border-bottom: 6px solid } */\n  --mpb-blank-underline-wide-width: 6px;\n}\n"
 	},
 	"sel_r1-gg_plusggg": {
 		variantId: "sel-r1-gg-plus",
 		variantClass: "variant-sel-r1-gg-plus",
-		sourceUrl: "https://global-pr-ibvcustomfiles.renaissance-go.com/learnosity/sel_r1-gg_plusggg/0.0.1/question.css",
-		cssText: "/* Source baseline: https://global-pr-ibvcustomfiles.renaissance-go.com/learnosity/sel_r1-gg_plusggg/0.0.1/question.css */\n/* Shared r1 base styles (font, template-line flex, choice-label) are in sel-r1-base.css */\n.mc-populated-blank-root.variant-sel-r1-gg-plus {\n  max-width: 875px;\n  margin-inline: auto;\n  --mpb-listen-button-size: 128px;\n  --mpb-choice-width-px: 155px;\n  --mpb-choice-tile-min-height: 11.25rem;\n  --mpb-choice-content-min-height: 9.375rem;\n  /* A fixed light surface takes fixed dark text: the scheme text colour is near-white in dark schemes. */\n  --mpb-choice-hover-bg: #f2f2f2;\n  --mpb-choice-hover-color: #000;\n  --mpb-choice-selected-bg: #fcfcd3;\n  --mpb-choice-selected-color: #000;\n}\n"
+		cssText: "/* Shared r1 base styles (font, template-line flex, choice-label) are in sel-r1-base.css */\n.mc-populated-blank-root.variant-sel-r1-gg-plus {\n  max-width: 875px;\n  margin-inline: auto;\n  --mpb-listen-button-size: 128px;\n  --mpb-choice-width-px: 155px;\n  --mpb-choice-tile-min-height: 11.25rem;\n  --mpb-choice-content-min-height: 9.375rem;\n  /* A fixed light surface takes fixed dark text: the scheme text colour is near-white in dark schemes. */\n  --mpb-choice-hover-bg: #f2f2f2;\n  --mpb-choice-hover-color: #000;\n  --mpb-choice-selected-bg: #fcfcd3;\n  --mpb-choice-selected-color: #000;\n}\n"
 	},
 	"sel_r1-_ggplusggg": {
 		variantId: "sel-r1-ggplus",
 		variantClass: "variant-sel-r1-ggplus",
-		sourceUrl: "https://global-pr-ibvcustomfiles.renaissance-go.com/learnosity/sel_r1-_ggplusggg/0.0.1/question.css",
-		cssText: "/* Source baseline: https://global-pr-ibvcustomfiles.renaissance-go.com/learnosity/sel_r1-_ggplusggg/0.0.1/question.css */\n/* Shared r1 base styles (font, template-line flex, choice-label) are in sel-r1-base.css */\n.mc-populated-blank-root.variant-sel-r1-ggplus {\n  max-width: 875px;\n  margin-inline: auto;\n  --mpb-listen-button-size: 128px;\n  --mpb-choice-width-px: 155px;\n  --mpb-choice-tile-min-height: 11.25rem;\n  --mpb-choice-content-min-height: 9.375rem;\n  /* A fixed light surface takes fixed dark text: the scheme text colour is near-white in dark schemes. */\n  --mpb-choice-hover-bg: #f2f2f2;\n  --mpb-choice-hover-color: #000;\n  --mpb-choice-selected-bg: #fcfcd3;\n  --mpb-choice-selected-color: #000;\n}\n"
+		cssText: "/* Shared r1 base styles (font, template-line flex, choice-label) are in sel-r1-base.css */\n.mc-populated-blank-root.variant-sel-r1-ggplus {\n  max-width: 875px;\n  margin-inline: auto;\n  --mpb-listen-button-size: 128px;\n  --mpb-choice-width-px: 155px;\n  --mpb-choice-tile-min-height: 11.25rem;\n  --mpb-choice-content-min-height: 9.375rem;\n  /* A fixed light surface takes fixed dark text: the scheme text colour is near-white in dark schemes. */\n  --mpb-choice-hover-bg: #f2f2f2;\n  --mpb-choice-hover-color: #000;\n  --mpb-choice-selected-bg: #fcfcd3;\n  --mpb-choice-selected-color: #000;\n}\n"
 	},
 	"sel_r1-s3_plusggg": {
 		variantId: "sel-r1-s3",
 		variantClass: "variant-sel-r1-s3",
-		sourceUrl: "https://global-pr-ibvcustomfiles.renaissance-go.com/learnosity/sel_r1-s3_plusggg/0.0.1/question.css",
-		cssText: "/* Source baseline: https://global-pr-ibvcustomfiles.renaissance-go.com/learnosity/sel_r1-s3_plusggg/0.0.1/question.css */\n/* Shared r1 base styles (font, template-line flex, choice-label) are in sel-r1-base.css */\n.mc-populated-blank-root.variant-sel-r1-s3 {\n  max-width: 860px;\n  margin-inline: auto;\n  --mpb-listen-button-size: 128px;\n  --mpb-choice-width-px: 155px;\n  --mpb-choice-tile-min-height: 11.25rem;\n  --mpb-choice-content-min-height: 9.375rem;\n  --mpb-choice-group-gap: 0.35rem;\n  --mpb-choice-row-gap: 0.35rem;\n  --mpb-horizontal-choice-radio-top-margin: 0.25rem;\n  --mpb-stimulus-min-column: 240px;\n  --mpb-stimulus-grid-column-gap: 1.1rem;\n  --mpb-stimulus-choices-margin-top: 0.85rem;\n  --mpb-audio-blank-template-margin-bottom: 0.9rem;\n  --mpb-blank-wide-width: 6.8rem;\n}\n\n/* sel_r1-s3_plusggg/question.css does not set font-weight on distractors or\n   cloze content-element, so they inherit 400 from the host root. The earlier\n   font-weight:500 override caused PIE to render visibly heavier than LSY for\n   the same author content. See CONTOOL-2571. */\n.mc-populated-blank-root.variant-sel-r1-s3 .pie-choice-label,\n.mc-populated-blank-root.variant-sel-r1-s3 .pie-choice-label :is(span, p, div) {\n  font-size: 1.9em;\n  line-height: 89px;\n}\n\n.mc-populated-blank-root.variant-sel-r1-s3 .pie-blank-value,\n.mc-populated-blank-root.variant-sel-r1-s3 .pie-blank-value :is(span, p, div) {\n  line-height: 1.1;\n  white-space: nowrap;\n}\n\n.mc-populated-blank-root.variant-sel-r1-s3 .pie-choice-horizontal .pie-choice-tile {\n  border-radius: 6px;\n}\n\n.mc-populated-blank-root.variant-sel-r1-s3.layout-stimulus_image_blank {\n  grid-template-columns: minmax(220px, auto) auto auto;\n  grid-template-areas:\n    \"sentence template audio\"\n    \"choices choices choices\";\n  justify-content: center;\n  /* question.css: .rli-s3-cloze-container { justify-content:end } bottom-anchors\n     the cloze against the shared sentence/audio row instead of top-aligning it —\n     matches every item sitting on the same visual baseline. See CONTOOL-3159. */\n  align-items: end;\n}\n\n/* The component's header row, restated because these areas replace its own. */\n.mc-populated-blank-root.variant-sel-r1-s3.layout-stimulus_image_blank.has-header {\n  grid-template-areas:\n    \"header header header\"\n    \"sentence template audio\"\n    \"choices choices choices\";\n}\n\n.mc-populated-blank-root.variant-sel-r1-s3.layout-stimulus_image_blank .pie-template-line {\n  grid-area: template;\n  justify-self: center;\n}\n\n/* ClozeMarker.svelte's shared .cloze-marker rule vertically *centers* its content\n   (align-items:center). question.css's .rli-s3-cloze-container uses\n   justify-content:end instead, bottom-anchoring the answer text against the\n   underline. Centering leaves it floating well above both the underline and the\n   sentence image's own (bottom-anchored) baseline. The blank's own box height\n   (160px, from McPopulatedBlank.svelte's shared audio_blank_only/stimulus_image_blank\n   rule) is left as-is — it already matches the Learnosity reference (~161px)\n   closely; only the internal alignment was wrong. See CONTOOL-3159. */\n.mc-populated-blank-root.variant-sel-r1-s3.layout-stimulus_image_blank .pie-blank-slot {\n  align-items: flex-end;\n}\n\n.mc-populated-blank-root.variant-sel-r1-s3.layout-stimulus_image_blank .pie-sentence-line {\n  justify-self: end;\n}\n\n.mc-populated-blank-root.variant-sel-r1-s3.layout-stimulus_image_blank .pie-audio-container {\n  justify-self: start;\n  align-self: start;\n}\n\n.mc-populated-blank-root.variant-sel-r1-s3.layout-stimulus_image_blank .pie-choices-fieldset {\n  justify-self: center;\n  width: fit-content;\n}\n\n.mc-populated-blank-root.variant-sel-r1-s3 .pie-sentence-line img {\n  max-width: 100%;\n  height: auto;\n}\n\n.mc-populated-blank-root.variant-sel-r1-s3 .pie-choice-horizontal:hover .pie-choice-tile {\n  background: #e2e2e2;\n  color: #000;\n}\n\n.mc-populated-blank-root.variant-sel-r1-s3 .pie-choice-horizontal.is-selected .pie-choice-tile,\n.mc-populated-blank-root.variant-sel-r1-s3\n  .pie-choice-horizontal.is-selected:hover\n  .pie-choice-tile {\n  background: #fcfcd3;\n  color: #000;\n}\n\n.mc-populated-blank-root.variant-sel-r1-s3 .pie-choice-horizontal .pie-choice-radio {\n  transform: scale(0.85);\n}\n\n/* question.css: below 850px .rli-s3-container is a one-column grid in DOM order\n   (listen button, sentence, cloze, distractors), each at the left edge. The cloze\n   container stretches, so the underline spans the column, with the 150px\n   content-element at its start (.rli-s3-cloze { justify-content:flex-start }). */\n@media not all and (min-width: 850px) {\n  .mc-populated-blank-root.variant-sel-r1-s3.layout-stimulus_image_blank {\n    grid-template-columns: minmax(0, 1fr);\n    grid-template-areas:\n      \"transcript\"\n      \"audio\"\n      \"sentence\"\n      \"template\"\n      \"choices\";\n    align-items: start;\n  }\n\n  .mc-populated-blank-root.variant-sel-r1-s3.layout-stimulus_image_blank.has-header {\n    grid-template-areas:\n      \"header\"\n      \"transcript\"\n      \"audio\"\n      \"sentence\"\n      \"template\"\n      \"choices\";\n  }\n\n  .mc-populated-blank-root.variant-sel-r1-s3.layout-stimulus_image_blank .pie-sentence-line,\n  .mc-populated-blank-root.variant-sel-r1-s3.layout-stimulus_image_blank .pie-choices-fieldset {\n    justify-self: start;\n  }\n\n  .mc-populated-blank-root.variant-sel-r1-s3.layout-stimulus_image_blank .pie-template-line {\n    justify-self: stretch;\n  }\n\n  .mc-populated-blank-root.variant-sel-r1-s3.layout-stimulus_image_blank .pie-blank-slot {\n    flex-grow: 1;\n    justify-content: flex-start;\n  }\n\n  .mc-populated-blank-root.variant-sel-r1-s3.layout-stimulus_image_blank .pie-blank-value {\n    width: 150px;\n  }\n}\n"
+		cssText: "/* Shared r1 base styles (font, template-line flex, choice-label) are in sel-r1-base.css */\n.mc-populated-blank-root.variant-sel-r1-s3 {\n  max-width: 860px;\n  margin-inline: auto;\n  --mpb-listen-button-size: 128px;\n  --mpb-choice-width-px: 155px;\n  --mpb-choice-tile-min-height: 11.25rem;\n  --mpb-choice-content-min-height: 9.375rem;\n  --mpb-choice-group-gap: 0.35rem;\n  --mpb-choice-row-gap: 0.35rem;\n  --mpb-horizontal-choice-radio-top-margin: 0.25rem;\n  --mpb-stimulus-min-column: 240px;\n  --mpb-stimulus-grid-column-gap: 1.1rem;\n  --mpb-stimulus-choices-margin-top: 0.85rem;\n  --mpb-audio-blank-template-margin-bottom: 0.9rem;\n  --mpb-blank-wide-width: 6.8rem;\n}\n\n/* sel_r1-s3_plusggg/question.css does not set font-weight on distractors or\n   cloze content-element, so they inherit 400 from the host root. The earlier\n   font-weight:500 override caused PIE to render visibly heavier than the CQT for\n   the same author content. See CONTOOL-2571. */\n.mc-populated-blank-root.variant-sel-r1-s3 .pie-choice-label,\n.mc-populated-blank-root.variant-sel-r1-s3 .pie-choice-label :is(span, p, div) {\n  font-size: 1.9em;\n  line-height: 89px;\n}\n\n.mc-populated-blank-root.variant-sel-r1-s3 .pie-blank-value,\n.mc-populated-blank-root.variant-sel-r1-s3 .pie-blank-value :is(span, p, div) {\n  line-height: 1.1;\n  white-space: nowrap;\n}\n\n.mc-populated-blank-root.variant-sel-r1-s3 .pie-choice-horizontal .pie-choice-tile {\n  border-radius: 6px;\n}\n\n.mc-populated-blank-root.variant-sel-r1-s3.layout-stimulus_image_blank {\n  grid-template-columns: minmax(220px, auto) auto auto;\n  grid-template-areas:\n    \"sentence template audio\"\n    \"choices choices choices\";\n  justify-content: center;\n  /* question.css: .rli-s3-cloze-container { justify-content:end } bottom-anchors\n     the cloze against the shared sentence/audio row instead of top-aligning it —\n     matches every item sitting on the same visual baseline. See CONTOOL-3159. */\n  align-items: end;\n}\n\n/* The component's header row, restated because these areas replace its own. */\n.mc-populated-blank-root.variant-sel-r1-s3.layout-stimulus_image_blank.has-header {\n  grid-template-areas:\n    \"header header header\"\n    \"sentence template audio\"\n    \"choices choices choices\";\n}\n\n.mc-populated-blank-root.variant-sel-r1-s3.layout-stimulus_image_blank .pie-template-line {\n  grid-area: template;\n  justify-self: center;\n}\n\n/* ClozeMarker.svelte's shared .cloze-marker rule vertically *centers* its content\n   (align-items:center). question.css's .rli-s3-cloze-container uses\n   justify-content:end instead, bottom-anchoring the answer text against the\n   underline. Centering leaves it floating well above both the underline and the\n   sentence image's own (bottom-anchored) baseline. The blank's own box height\n   (160px, from McPopulatedBlank.svelte's shared audio_blank_only/stimulus_image_blank\n   rule) is left as-is — it already matches the CQT reference (~161px)\n   closely; only the internal alignment was wrong. See CONTOOL-3159. */\n.mc-populated-blank-root.variant-sel-r1-s3.layout-stimulus_image_blank .pie-blank-slot {\n  align-items: flex-end;\n}\n\n.mc-populated-blank-root.variant-sel-r1-s3.layout-stimulus_image_blank .pie-sentence-line {\n  justify-self: end;\n}\n\n.mc-populated-blank-root.variant-sel-r1-s3.layout-stimulus_image_blank .pie-audio-container {\n  justify-self: start;\n  align-self: start;\n}\n\n.mc-populated-blank-root.variant-sel-r1-s3.layout-stimulus_image_blank .pie-choices-fieldset {\n  justify-self: center;\n  width: fit-content;\n}\n\n.mc-populated-blank-root.variant-sel-r1-s3 .pie-sentence-line img {\n  max-width: 100%;\n  height: auto;\n}\n\n.mc-populated-blank-root.variant-sel-r1-s3 .pie-choice-horizontal:hover .pie-choice-tile {\n  background: #e2e2e2;\n  color: #000;\n}\n\n.mc-populated-blank-root.variant-sel-r1-s3 .pie-choice-horizontal.is-selected .pie-choice-tile,\n.mc-populated-blank-root.variant-sel-r1-s3\n  .pie-choice-horizontal.is-selected:hover\n  .pie-choice-tile {\n  background: #fcfcd3;\n  color: #000;\n}\n\n.mc-populated-blank-root.variant-sel-r1-s3 .pie-choice-horizontal .pie-choice-radio {\n  transform: scale(0.85);\n}\n\n/* question.css: below 850px .rli-s3-container is a one-column grid in DOM order\n   (listen button, sentence, cloze, distractors), each at the left edge. The cloze\n   container stretches, so the underline spans the column, with the 150px\n   content-element at its start (.rli-s3-cloze { justify-content:flex-start }). */\n@media not all and (min-width: 850px) {\n  .mc-populated-blank-root.variant-sel-r1-s3.layout-stimulus_image_blank {\n    grid-template-columns: minmax(0, 1fr);\n    grid-template-areas:\n      \"transcript\"\n      \"audio\"\n      \"sentence\"\n      \"template\"\n      \"choices\";\n    align-items: start;\n  }\n\n  .mc-populated-blank-root.variant-sel-r1-s3.layout-stimulus_image_blank.has-header {\n    grid-template-areas:\n      \"header\"\n      \"transcript\"\n      \"audio\"\n      \"sentence\"\n      \"template\"\n      \"choices\";\n  }\n\n  .mc-populated-blank-root.variant-sel-r1-s3.layout-stimulus_image_blank .pie-sentence-line,\n  .mc-populated-blank-root.variant-sel-r1-s3.layout-stimulus_image_blank .pie-choices-fieldset {\n    justify-self: start;\n  }\n\n  .mc-populated-blank-root.variant-sel-r1-s3.layout-stimulus_image_blank .pie-template-line {\n    justify-self: stretch;\n  }\n\n  .mc-populated-blank-root.variant-sel-r1-s3.layout-stimulus_image_blank .pie-blank-slot {\n    flex-grow: 1;\n    justify-content: flex-start;\n  }\n\n  .mc-populated-blank-root.variant-sel-r1-s3.layout-stimulus_image_blank .pie-blank-value {\n    width: 150px;\n  }\n}\n"
 	}
 }, zt = (e) => String(e || "").trim().toLowerCase().replace(/v\d+\.\d+\.\d+$/i, ""), Bt = (e) => Rt[zt(e)], Vt = (e) => Bt(e)?.variantClass || "", Ht = /* @__PURE__ */ new Set([
 	"sel-r1-plusggg",
@@ -2546,4 +2538,4 @@ k(an, {
 //#endregion
 export { Q as n, an as t };
 
-//# sourceMappingURL=McPopulatedBlank-yvmy2-rw.js.map
+//# sourceMappingURL=McPopulatedBlank-LqV-pdXv.js.map