/* V52 · Dictation current student UI on top of the R17 DOM/events.
   Presentation only: no query/session/score/review/broadcast/PDF logic here. */
body.student-active[data-student-page="dictate"] #main{overflow:hidden}
body.student-active[data-student-page="dictate"] .ss-dict-workspace{
  position:relative;
  min-height:calc(100dvh - 141px - env(safe-area-inset-top) - env(safe-area-inset-bottom));
  height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  background:#211344 url("dictation/castle_scene.b6a3105a39430cc5b.webp") center 14%/cover no-repeat!important;
  border-radius:0!important;
  isolation:isolate;
}
body.student-active[data-student-page="dictate"] .ss-dict-workspace::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(180deg,#150a3280 0%,#24134b3d 30%,#160b34a8 100%);
}
body.student-active[data-student-page="dictate"] .ss-dict-board{
  position:relative;z-index:1;
  width:min(96vw,460px,calc((100dvh - 150px - env(safe-area-inset-top) - env(safe-area-inset-bottom))*2/3));
  max-width:none;
  aspect-ratio:2/3;
  background:transparent url("dictation/board.b6a3105a39430cc5b.webp") center/contain no-repeat!important;
  color:#4e3656;
  filter:drop-shadow(0 10px 16px #0803158c);
}
body.student-active[data-student-page="dictate"] .ss-dict-board>h2{
  position:absolute;z-index:5;left:18%;right:18%;top:2.5%;margin:0;
  min-height:7.8%;display:flex;flex-direction:column;align-items:center;justify-content:center;
  font:700 clamp(20px,5.7vw,28px)/1.05 var(--wordbook-ui-font),serif;
  letter-spacing:2px;text-align:center;color:#48215e;text-shadow:0 1px #fff5d8;
}
body.student-active[data-student-page="dictate"] .ss-dict-board>h2::after{
  content:"MAGIC DICTATION";margin-top:2px;font:italic 9px/1.2 Georgia,serif;letter-spacing:1.5px;color:#805b74;
}
/* Three primary actions stay above the two paper tabs. */
body.student-active[data-student-page="dictate"] .ss-output-actions{
  position:absolute;z-index:6;left:8.4%;right:8.4%;top:13.0%;min-height:0;height:8.9%;
}
body.student-active[data-student-page="dictate"] .ss-output-actions .dictation-top-actions{
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:3%!important;margin:0!important;height:100%;
}
body.student-active[data-student-page="dictate"] .ss-output-actions .dictation-top-actions .btn{
  position:relative!important;min-width:0!important;width:100%!important;height:100%!important;min-height:40px!important;
  margin:0!important;padding:0 4px 0 31%!important;border:0!important;border-radius:0!important;
  background:transparent url("dictation/button_purple.b6a3105a39430cc5b.webp") center/100% 100% no-repeat!important;
  color:#fff0cc!important;font-size:clamp(10px,2.9vw,13px)!important;font-weight:750!important;line-height:1.15!important;
  white-space:nowrap!important;text-shadow:0 1px 2px #2b143e;box-shadow:none!important;overflow:visible;
}
body.student-active[data-student-page="dictate"] .ss-output-actions .dictation-top-actions .btn::before{
  content:"";position:absolute;left:7%;top:14%;width:28%;height:70%;background:center/contain no-repeat;pointer-events:none;
}
body.student-active[data-student-page="dictate"] .ss-output-actions [data-action="open-broadcast"]::before{background-image:url("dictation/gramophone.b6a3105a39430cc5b.webp")}
body.student-active[data-student-page="dictate"] .ss-output-actions [data-action="start-dictation-quiz"]::before{background-image:url("dictation/quill_scroll.b6a3105a39430cc5b.webp")}
body.student-active[data-student-page="dictate"] .ss-output-actions [data-action="download-dictation-pdf"]::before{background-image:url("dictation/scrolls.b6a3105a39430cc5b.webp")}
body.student-active[data-student-page="dictate"] .ss-output-actions .btn:active{transform:translateY(1px) scale(.985)}
body.student-active[data-student-page="dictate"] .ss-output-actions .btn:focus-visible{outline:2px solid #ffe0a7;outline-offset:2px}
body.student-active[data-student-page="dictate"] .ss-dict-tabs{
  position:absolute;z-index:6;left:8%;right:8%;top:22.7%;height:6.8%;display:grid;grid-template-columns:1fr 1fr;gap:1.3%;
}
body.student-active[data-student-page="dictate"] .ss-dict-tabs button{
  position:relative;min-height:38px;border:0!important;border-radius:0!important;padding:0 6% 3%!important;
  background:transparent url("dictation/tab_unselected.b6a3105a39430cc5b.webp") center/100% 100% no-repeat!important;
  color:#593a61!important;font-size:clamp(12px,3.3vw,15px)!important;font-weight:750!important;box-shadow:none!important;
}
body.student-active[data-student-page="dictate"] .ss-dict-tabs button[aria-pressed="true"]{
  background-image:url("dictation/tab_selected.b6a3105a39430cc5b.webp")!important;color:#fff0cc!important;text-shadow:0 1px 2px #37134f;
}
body.student-active[data-student-page="dictate"] .ss-dict-tabs button:focus-visible{outline:2px solid #8c5aa8;outline-offset:1px}
/* Paper safe area: R17 session/today DOM lives here unchanged. */
body.student-active[data-student-page="dictate"] .ss-dict-body{
  position:absolute;z-index:5;left:8.7%;right:8.7%;top:30.7%;bottom:7.4%;
  overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#aa7f9d66 transparent;
  padding:0 1.2% 24px;
}
body.student-active[data-student-page="dictate"] .ss-session-slot,
body.student-active[data-student-page="dictate"] .ss-today-slot{min-height:100%}
body.student-active[data-student-page="dictate"] .ss-dict-body .dictation-session-card{
  margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;color:#4d3651!important;
}
body.student-active[data-student-page="dictate"] .ss-dict-body .dictation-heading{display:none!important}
body.student-active[data-student-page="dictate"] .ss-dict-body .dictation-session-card>p.small{
  margin:1px 0 4px!important;text-align:center;font-size:9.5px!important;color:#806a72!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
body.student-active[data-student-page="dictate"] .ss-dict-body .dictation-progress{
  height:8px!important;margin:4px 1px 5px!important;border-radius:999px;background:#d9ccc0!important;box-shadow:inset 0 1px 3px #6a4c4b55!important;overflow:hidden;
}
body.student-active[data-student-page="dictate"] .ss-dict-body .dictation-progress>span{
  display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#8550b2,#62348e)!important;box-shadow:0 0 5px #8d5bc288;
}
body.student-active[data-student-page="dictate"] .ss-dict-body .dictation-summary-row{margin:0 1px 2px!important}
body.student-active[data-student-page="dictate"] .ss-dict-body .dictation-result-summary{
  display:flex!important;justify-content:center!important;gap:7%!important;padding:2px 0 4px;font-size:11px!important;font-weight:750;color:#624a61;
}
/* Four secondary controls are one compact row on normal iPhone widths. */
body.student-active[data-student-page="dictate"] .ss-dict-body .dictation-display-tools{
  display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:4px!important;padding:4px 0 6px!important;margin:0!important;
}
body.student-active[data-student-page="dictate"] .ss-dict-body .dictation-display-tools .btn{
  width:100%!important;min-width:0!important;min-height:36px!important;margin:0!important;padding:5px 2px!important;
  border:1px solid #c49a68!important;border-radius:9px!important;background:linear-gradient(#fff4dc,#efd2a8)!important;
  color:#59405e!important;font-size:9.5px!important;font-weight:700!important;line-height:1.2!important;white-space:nowrap!important;box-shadow:0 1px 3px #5e3d2a1c!important;
}
body.student-active[data-student-page="dictate"] .ss-dict-body .dictation-display-tools .btn[aria-pressed="true"]{border-color:#8d5cac!important;color:#6b3f8d!important;box-shadow:inset 0 0 0 1px #a97bc36b!important}
body.student-active[data-student-page="dictate"] .ss-dict-body .dictation-display-tools .btn:focus-visible{outline:2px solid #8b5ba7;outline-offset:1px}
/* Current word rows: badge | word content | three illustrated grading actions. */
body.student-active[data-student-page="dictate"] .ss-dict-body .dictation-list{padding:0 0 18px!important}
body.student-active[data-student-page="dictate"] .ss-dict-body .dictation-item{
  position:relative!important;display:grid!important;grid-template-columns:32px minmax(0,1fr) 134px!important;grid-template-rows:auto auto!important;
  column-gap:6px!important;row-gap:2px!important;align-items:center!important;min-height:70px!important;padding:6px 0!important;
  border:0!important;border-bottom:1px solid #d8c09d!important;background:transparent!important;color:#493450!important;
}
body.student-active[data-student-page="dictate"] .ss-dict-body .dictation-number{
  position:relative!important;top:auto!important;left:auto!important;grid-column:1!important;grid-row:1 / span 2!important;
  width:32px;height:32px;display:grid;place-items:center;align-self:center;
  font:700 13px/1 Georgia,serif;color:#5d3e62!important;background:url("dictation/number_badge.b6a3105a39430cc5b.webp") center/contain no-repeat;
}
body.student-active[data-student-page="dictate"] .ss-dict-body .dictation-question{
  grid-column:2!important;grid-row:1!important;display:grid!important;grid-template-rows:auto auto!important;min-width:0;padding:0!important;align-self:center;
}
body.student-active[data-student-page="dictate"] .ss-dict-body .dictation-question .dictation-answer{
  grid-row:1;display:block;margin:0 0 2px;font:700 clamp(18px,4.7vw,23px)/1.08 Georgia,"Times New Roman",serif!important;color:#351b61!important;overflow-wrap:anywhere;
}
body.student-active[data-student-page="dictate"] .ss-dict-body .dictation-question .dictation-first-line{
  grid-row:2;display:flex!important;align-items:center!important;gap:4px!important;min-width:0;flex-wrap:wrap!important;
}
body.student-active[data-student-page="dictate"] .ss-dict-body .dictation-question:not(:has(.dictation-answer)) .dictation-first-line{grid-row:1}
body.student-active[data-student-page="dictate"] .ss-dict-body .dictation-meaning-toggle{
  min-width:0;max-width:100%;min-height:31px!important;padding:1px 2px!important;border:0!important;background:transparent!important;box-shadow:none!important;
  color:#4e3b51!important;font-size:12px!important;line-height:1.45!important;text-align:left!important;white-space:normal!important;overflow-wrap:anywhere;
}
body.student-active[data-student-page="dictate"] .ss-dict-body .dictation-question:not(:has(.dictation-answer)) .dictation-meaning-toggle{font-size:13.5px!important;font-weight:650!important}
body.student-active[data-student-page="dictate"] .ss-dict-body .dictation-meaning-toggle small{font-size:.84em;color:#765d6e}
body.student-active[data-student-page="dictate"] .ss-dict-body .dictation-speak,
body.student-active[data-student-page="dictate"] .ss-dict-body .dictation-ipa-toggle,
body.student-active[data-student-page="dictate"] .ss-dict-body .dictation-ipa-reveal{
  flex:0 0 auto;min-width:28px!important;width:auto!important;min-height:28px!important;height:28px!important;padding:2px 4px!important;margin:0!important;
  border:0!important;background:transparent!important;color:#684879!important;box-shadow:none!important;border-radius:8px!important;
}
body.student-active[data-student-page="dictate"] .ss-dict-body .dictation-speak{width:28px!important;background:url("dictation/sound.b6a3105a39430cc5b.webp") center/18px 18px no-repeat!important;color:transparent!important}
body.student-active[data-student-page="dictate"] .ss-dict-body .dictation-speak svg{opacity:0}
body.student-active[data-student-page="dictate"] .ss-dict-body .dictation-ipa-toggle{width:28px!important;background:url("dictation/phonetic.b6a3105a39430cc5b.webp") center/19px 19px no-repeat!important;color:transparent!important}
body.student-active[data-student-page="dictate"] .ss-dict-body .dictation-ipa-reveal{font:600 11px/1.2 Georgia,serif!important;color:#604773!important;background:#f7e7c4a8!important;border:1px solid #c6a27166!important;max-width:100%;height:auto!important}
body.student-active[data-student-page="dictate"] .ss-dict-body .dictation-buttons{
  grid-column:3!important;grid-row:1 / span 2!important;display:grid!important;grid-template-columns:repeat(3,42px)!important;gap:4px!important;justify-content:end!important;justify-self:end!important;align-self:center!important;width:auto!important;
}
body.student-active[data-student-page="dictate"] .ss-dict-body .dictation-buttons button{
  width:42px!important;height:42px!important;min-height:42px!important;min-width:42px!important;margin:0!important;padding:0!important;border:0!important;border-radius:50%!important;
  background-color:transparent!important;background-position:center!important;background-size:34px 34px!important;background-repeat:no-repeat!important;
  color:transparent!important;font-size:0!important;box-shadow:none!important;filter:drop-shadow(0 2px 2px #63402e2c);
}
body.student-active[data-student-page="dictate"] .ss-dict-body .dictation-buttons .correct{background-image:url("dictation/choice_correct.b6a3105a39430cc5b.webp")!important}
body.student-active[data-student-page="dictate"] .ss-dict-body .dictation-buttons .wrong{background-image:url("dictation/choice_wrong.b6a3105a39430cc5b.webp")!important}
body.student-active[data-student-page="dictate"] .ss-dict-body .dictation-buttons .dictation-clear{background-image:url("dictation/choice_undo.b6a3105a39430cc5b.webp")!important}
body.student-active[data-student-page="dictate"] .ss-dict-body .dictation-buttons .correct.selected{filter:drop-shadow(0 0 6px #6fbd68) saturate(1.12)}
body.student-active[data-student-page="dictate"] .ss-dict-body .dictation-buttons .wrong.selected{filter:drop-shadow(0 0 6px #e26662) saturate(1.12)}
body.student-active[data-student-page="dictate"] .ss-dict-body .dictation-buttons button:disabled{opacity:.3;filter:grayscale(.3)}
body.student-active[data-student-page="dictate"] .ss-dict-body .dictation-buttons button:focus-visible{outline:2px solid #7c4e9a;outline-offset:2px}
body.student-active[data-student-page="dictate"] .ss-dict-body .student-card-link{
  grid-column:2!important;grid-row:2!important;justify-self:start!important;align-self:start!important;width:auto!important;max-width:none!important;min-height:26px!important;
  margin:0!important;padding:1px 5px!important;border:0!important;background:transparent!important;color:#7a587d!important;font-size:9.5px!important;text-decoration:underline dotted;text-underline-offset:2px;box-shadow:none!important;
}
/* Today's tested page uses the same paper and the same illustrated grading language. */
body.student-active[data-student-page="dictate"] .ss-today-slot .dictation-today-card{margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;color:#4d3651!important}
body.student-active[data-student-page="dictate"] .ss-today-slot .dictation-today-toggle{display:flex!important;justify-content:flex-end!important;align-items:center!important;min-height:34px!important;padding:0 0 4px!important;border-bottom:1px solid #d8c09d!important}
body.student-active[data-student-page="dictate"] .ss-today-slot .today-summary-title,
body.student-active[data-student-page="dictate"] .ss-today-slot .dictation-today-chevron{display:none!important}
body.student-active[data-student-page="dictate"] .ss-today-slot .today-summary-toolbar{display:flex!important;justify-content:flex-end!important;gap:5px!important}
body.student-active[data-student-page="dictate"] .ss-today-slot .today-summary-toolbar .btn{
  min-height:34px!important;padding:5px 10px!important;border:1px solid #b98d5e!important;border-radius:9px!important;background:#f6dfbb!important;color:#5d4266!important;font-size:10.5px!important;font-weight:700!important;box-shadow:none!important;
}
body.student-active[data-student-page="dictate"] .ss-today-slot .dictation-today-content>p.small{margin:5px 0!important;text-align:center;font-size:9.5px!important;color:#826e74!important}
body.student-active[data-student-page="dictate"] .ss-today-slot .daily-completed-list{padding-bottom:18px}
body.student-active[data-student-page="dictate"] .ss-today-slot .today-record-item{border-bottom:1px solid #d8c09d!important}
body.student-active[data-student-page="dictate"] .ss-today-slot .daily-completed-item{
  display:grid!important;grid-template-columns:28px minmax(0,1fr) 134px!important;gap:6px!important;align-items:center!important;min-height:62px!important;padding:6px 0!important;
}
body.student-active[data-student-page="dictate"] .ss-today-slot .daily-completed-index{
  width:28px;height:28px;display:grid;place-items:center;font:700 12px Georgia,serif;color:#5d3e62;background:url("dictation/number_badge.b6a3105a39430cc5b.webp") center/contain no-repeat;
}
body.student-active[data-student-page="dictate"] .ss-today-slot .daily-completed-word{min-width:0;display:flex!important;flex-direction:column!important;gap:2px!important}
body.student-active[data-student-page="dictate"] .ss-today-slot .ss-today-word{min-height:30px!important;padding:0!important;border:0!important;background:transparent!important;font:700 17px/1.15 Georgia,"Times New Roman",serif!important;color:#351b61!important;text-decoration:none!important;overflow-wrap:anywhere}
body.student-active[data-student-page="dictate"] .ss-today-slot .daily-completed-word small{font-size:10.5px!important;line-height:1.35!important;color:#594a55!important;white-space:normal!important}
body.student-active[data-student-page="dictate"] .ss-today-slot .today-inline-actions{display:grid!important;grid-template-columns:repeat(3,42px)!important;gap:4px!important;margin:0!important;justify-self:end!important}
body.student-active[data-student-page="dictate"] .ss-today-slot .today-inline-grade,
body.student-active[data-student-page="dictate"] .ss-today-slot .today-inline-undo-placeholder{
  width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important;padding:0!important;margin:0!important;border:0!important;border-radius:50%!important;
  background-color:transparent!important;background-position:center!important;background-size:34px 34px!important;background-repeat:no-repeat!important;
  color:transparent!important;font-size:0!important;box-shadow:none!important;
}
body.student-active[data-student-page="dictate"] .ss-today-slot .today-inline-grade.is-correct{background-image:url("dictation/choice_correct.b6a3105a39430cc5b.webp")!important}
body.student-active[data-student-page="dictate"] .ss-today-slot .today-inline-grade.is-wrong{background-image:url("dictation/choice_wrong.b6a3105a39430cc5b.webp")!important}
body.student-active[data-student-page="dictate"] .ss-today-slot .today-inline-grade.is-undo,
body.student-active[data-student-page="dictate"] .ss-today-slot .today-inline-undo-placeholder{background-image:url("dictation/choice_undo.b6a3105a39430cc5b.webp")!important}
body.student-active[data-student-page="dictate"] .ss-today-slot .today-inline-grade.is-selected{filter:drop-shadow(0 0 6px #9b69bb) saturate(1.15)}
body.student-active[data-student-page="dictate"] .ss-today-slot .today-inline-actions.is-readonly .today-inline-grade:not(.is-selected){opacity:.2}
body.student-active[data-student-page="dictate"] .ss-today-slot .today-inline-undo-placeholder{opacity:.14}
/* Left edge handle: current design is a small arrow, not a vertical text button. */
body.student-active[data-student-page="dictate"] .ss-builder-handle{
  position:absolute;z-index:10;left:0!important;top:43%!important;width:30px!important;height:64px!important;min-height:64px!important;padding:0!important;
  writing-mode:horizontal-tb!important;border:1px solid #ca9a61!important;border-left:0!important;border-radius:0 13px 13px 0!important;
  background:linear-gradient(#f0d6a4,#b88b64)!important;color:transparent!important;font-size:0!important;box-shadow:2px 0 8px #e9bf7480!important;
}
body.student-active[data-student-page="dictate"] .ss-builder-handle::after{content:"›";display:grid;place-items:center;width:100%;height:100%;color:#58336f;font:700 25px/1 Georgia,serif}
body.student-active[data-student-page="dictate"] .ss-builder-handle[aria-expanded="true"]::after{content:"‹"}
body.student-active[data-student-page="dictate"] .ss-builder-handle:focus-visible{outline:2px solid #ffe0a8;outline-offset:2px}
/* Drawer: same R17 builder markup, current parchment presentation. */
body.student-active[data-student-page="dictate"] .ss-builder-shade{position:fixed;inset:0;z-index:1500;display:flex!important;align-items:center;background:#0d0625b8!important;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
body.student-active[data-student-page="dictate"] .ss-builder-shade[hidden]{display:none!important}
body.student-active[data-student-page="dictate"] #ssBuilderDrawer{
  position:relative;width:min(92vw,390px)!important;height:calc(100dvh - 18px - env(safe-area-inset-top) - env(safe-area-inset-bottom))!important;max-height:900px;
  margin:calc(env(safe-area-inset-top) + 9px) 0 calc(env(safe-area-inset-bottom) + 9px)!important;
  display:flex;flex-direction:column;overflow:hidden;
  padding:58px 38px 46px 42px!important;border:0!important;
  background:transparent url("dictation/drawer_parchment.b6a3105a39430cc5b.webp") center/100% 100% no-repeat!important;color:#4f3950!important;box-shadow:none!important;filter:drop-shadow(8px 4px 15px #050213aa);
}
body.student-active[data-student-page="dictate"] .ss-drawer-heading{position:absolute;left:46px;right:39px;top:26px;display:flex!important;align-items:center!important;justify-content:center!important;min-height:38px;gap:6px!important}
body.student-active[data-student-page="dictate"] .ss-drawer-heading h2{margin:0!important;font:700 20px/1.1 var(--wordbook-ui-font),serif!important;color:#4b3260!important;text-align:center}
body.student-active[data-student-page="dictate"] .ss-drawer-heading h2::after{content:"DICTATION LIST";display:block;margin-top:2px;font:italic 8px Georgia,serif;letter-spacing:1.2px;color:#8a6878}
body.student-active[data-student-page="dictate"] .ss-drawer-heading button{
  position:absolute;right:-18px;top:-8px;width:34px;height:34px;min-height:34px;padding:0!important;border:1px solid #b78956!important;border-radius:50%!important;background:#70468e!important;color:transparent!important;font-size:0!important;box-shadow:0 2px 5px #6d432f3b!important;
}
body.student-active[data-student-page="dictate"] .ss-drawer-heading button::after{content:"×";display:grid;place-items:center;width:100%;height:100%;color:#fff0ce;font:20px/1 Arial,sans-serif}
body.student-active[data-student-page="dictate"] .ss-builder-fields{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;margin:0!important;padding:2px 5px 4px 0!important;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#af7e7366 transparent}
body.student-active[data-student-page="dictate"] .ss-builder-fields #dictationBuilder,
body.student-active[data-student-page="dictate"] .ss-builder-fields .dictation-builder-content,
body.student-active[data-student-page="dictate"] .ss-builder-fields .dictation-builder-content>.card{margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;color:#4f3950!important}
body.student-active[data-student-page="dictate"] .ss-builder-fields #dictationBuilder>summary{display:none!important}
body.student-active[data-student-page="dictate"] .ss-builder-fields .field-row{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:0 7px!important}
body.student-active[data-student-page="dictate"] .ss-builder-fields .field{min-width:0;margin:6px 0!important}
body.student-active[data-student-page="dictate"] .ss-builder-fields label{display:block;margin-bottom:3px;color:#563f55!important;font-size:10.5px!important;font-weight:750!important;line-height:1.3}
body.student-active[data-student-page="dictate"] .ss-builder-fields select,
body.student-active[data-student-page="dictate"] .ss-builder-fields input{
  width:100%;min-width:0;min-height:38px!important;height:38px!important;padding:5px 7px!important;border:1px solid #c29a6b!important;border-radius:9px!important;
  background:#fff1d6!important;color:#4d3a53!important;font-size:16px!important;box-shadow:inset 0 1px 2px #8a674426!important;
}
body.student-active[data-student-page="dictate"] .ss-builder-fields .compact-course-select{min-width:0}
body.student-active[data-student-page="dictate"] .ss-builder-fields .compact-course-text{font-size:11px!important;color:#5c4758!important}
body.student-active[data-student-page="dictate"] .ss-builder-fields [data-action="generate-dictation"]{
  width:100%!important;min-height:42px!important;margin:9px 0 0!important;border:1px solid #b28655!important;border-radius:11px!important;background:linear-gradient(#8159a0,#5b3877)!important;color:#fff0ce!important;font-size:13px!important;font-weight:750!important;box-shadow:0 3px 8px #57364440!important;
}
/* Short screens keep the board readable rather than squeezing text to tiny sizes. */
@media(max-height:800px){
 body.student-active[data-student-page="dictate"] .ss-dict-board{width:min(94vw,calc((100dvh - 132px - env(safe-area-inset-top) - env(safe-area-inset-bottom))*2/3))}
 body.student-active[data-student-page="dictate"] .ss-dict-board>h2{font-size:19px}
 body.student-active[data-student-page="dictate"] .ss-output-actions .dictation-top-actions .btn{font-size:9.5px!important;min-height:36px!important}
 body.student-active[data-student-page="dictate"] .ss-dict-body{top:30.4%;bottom:6.7%}
 body.student-active[data-student-page="dictate"] .ss-dict-body .dictation-item{min-height:62px!important;grid-template-columns:29px minmax(0,1fr) 116px!important;column-gap:4px!important}
 body.student-active[data-student-page="dictate"] .ss-dict-body .dictation-number{width:29px;height:29px;font-size:11px}
 body.student-active[data-student-page="dictate"] .ss-dict-body .dictation-buttons{grid-template-columns:repeat(3,36px)!important;gap:4px!important}
 body.student-active[data-student-page="dictate"] .ss-dict-body .dictation-buttons button{width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;background-size:30px 30px!important}
 body.student-active[data-student-page="dictate"] .ss-dict-body .dictation-display-tools .btn{font-size:8.7px!important;min-height:32px!important}
 body.student-active[data-student-page="dictate"] #ssBuilderDrawer{padding:52px 34px 40px 38px!important}
}
@media(max-width:380px){
 body.student-active[data-student-page="dictate"] .ss-dict-body .dictation-item{grid-template-columns:28px minmax(0,1fr) 108px!important}
 body.student-active[data-student-page="dictate"] .ss-dict-body .dictation-buttons{grid-template-columns:repeat(3,34px)!important;gap:3px!important}
 body.student-active[data-student-page="dictate"] .ss-dict-body .dictation-buttons button{width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important;background-size:28px 28px!important}
 body.student-active[data-student-page="dictate"] .ss-today-slot .daily-completed-item{grid-template-columns:26px minmax(0,1fr) 108px!important;gap:4px!important}
 body.student-active[data-student-page="dictate"] .ss-today-slot .today-inline-actions{grid-template-columns:repeat(3,34px)!important;gap:3px!important}
 body.student-active[data-student-page="dictate"] .ss-today-slot .today-inline-grade,
 body.student-active[data-student-page="dictate"] .ss-today-slot .today-inline-undo-placeholder{width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important;background-size:28px 28px!important}
 body.student-active[data-student-page="dictate"] .ss-builder-fields .field-row{grid-template-columns:1fr!important}
}
@media(prefers-reduced-motion:reduce){body.student-active[data-student-page="dictate"] *{scroll-behavior:auto!important;transition-duration:.01ms!important}}