/* Explainables Exam Mode — Apple-style visual owner (V3.6.8)
   Functional flow remains the classic guided wizard -> timetable -> classroom.
   This file intentionally owns presentation only. */
:root{
  --apple-bg:#000;
  --apple-bg-elevated:#101010;
  --apple-surface:rgba(28,28,30,.78);
  --apple-surface-solid:#1c1c1e;
  --apple-surface-2:#242426;
  --apple-text:#f5f5f7;
  --apple-text-2:#a1a1a6;
  --apple-text-3:#6e6e73;
  --apple-line:rgba(255,255,255,.12);
  --apple-line-strong:rgba(255,255,255,.20);
  --apple-control:rgba(255,255,255,.075);
  --apple-control-hover:rgba(255,255,255,.12);
  --apple-accent:#f4d35e;
  --apple-blue:#2997ff;
  --apple-green:#30d158;
  --apple-red:#ff453a;
  --apple-orange:#ff9f0a;
  --apple-shadow:0 22px 70px rgba(0,0,0,.36);
  --apple-glass:rgba(0,0,0,.78);
  --apple-glass-panel:rgba(28,28,30,.80);
  --apple-sheet:rgba(28,28,30,.92);
  --apple-sheet-strong:rgba(28,28,30,.94);
  --apple-sidebar:rgba(18,18,18,.88);
  --apple-composer:rgba(20,20,22,.92);
  --apple-radius-lg:28px;
  --apple-radius-md:18px;
  --apple-radius-sm:12px;
  --ex-bg:var(--apple-bg);
  --ex-bg2:var(--apple-bg-elevated);
  --ex-panel:var(--apple-surface-solid);
  --ex-panel2:var(--apple-surface-2);
  --ex-text:var(--apple-text);
  --ex-muted:var(--apple-text-2);
  --ex-soft:rgba(255,255,255,.06);
  --ex-line:var(--apple-line);
  --ex-blue:var(--apple-blue);
  --ex-cyan:var(--apple-blue);
  --ex-gold:var(--apple-accent);
  --ex-red:var(--apple-red);
  --ex-green:var(--apple-green);
  --ex-purple:#bf5af2;
  --ex-shadow:var(--apple-shadow);
  --ex-radius:var(--apple-radius-md);
  --ex-header:96px;
}
html{color-scheme:dark;background:var(--apple-bg)!important;scrollbar-color:rgba(255,255,255,.22) transparent!important}
body{
  background:var(--apple-bg)!important;
  color:var(--apple-text)!important;
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Helvetica Neue",Arial,sans-serif!important;
  letter-spacing:-.012em;
}
body:before,body:after{display:none!important}
::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-track{background:transparent!important}::-webkit-scrollbar-thumb{background:rgba(255,255,255,.20)!important;border:2px solid transparent!important;background-clip:padding-box!important;border-radius:999px!important}
::selection{background:rgba(41,151,255,.28);color:var(--apple-text)}

/* Shared Apple controls */
.ex-btn,.ex-pill,.ex-home,.ex-icon-btn,.ex-drawer-close,.ex-bp,.ex-side-pill,.ex-help-button,
.ex-dash-sidebar-toggle,.ex-metric-pill,.ex-icon-label-btn{
  border:1px solid var(--apple-line)!important;
  background:var(--apple-control)!important;
  background-image:none!important;
  color:var(--apple-text)!important;
  box-shadow:none!important;
  text-shadow:none!important;
  filter:none!important;
  font-weight:650!important;
  transition:background-color .16s ease,border-color .16s ease,transform .16s ease,opacity .16s ease!important;
}
.ex-btn:hover,.ex-pill:hover,.ex-home:hover,.ex-icon-btn:hover,.ex-drawer-close:hover,.ex-bp:hover,.ex-side-pill:hover,.ex-help-button:hover,
.ex-dash-sidebar-toggle:hover,.ex-metric-pill:hover,.ex-icon-label-btn:hover{background:var(--apple-control-hover)!important;border-color:var(--apple-line-strong)!important;transform:none!important}
.ex-btn:active,.ex-pill:active,.ex-help-button:active{transform:scale(.985)!important}
.ex-btn.primary{
  background:var(--apple-text)!important;
  color:#000!important;
  border-color:var(--apple-text)!important;
  box-shadow:none!important;
  font-weight:700!important;
}
.ex-btn.primary:hover{background:#e8e8ed!important;border-color:#e8e8ed!important}
.ex-btn.gold{background:var(--apple-accent)!important;color:#111!important;border-color:var(--apple-accent)!important}
.ex-btn.danger{color:#ff6961!important;border-color:rgba(255,69,58,.35)!important;background:rgba(255,69,58,.07)!important}
.ex-btn:focus-visible,.ex-card-button:focus-visible,.ex-pill:focus-visible,.ex-drawer button:focus-visible,.ex-stage button:focus-visible,
.ex-input:focus,.ex-select:focus,.ex-textarea:focus{outline:3px solid rgba(41,151,255,.38)!important;outline-offset:2px!important;box-shadow:none!important}

/* Branding */
.ex-brand{gap:11px!important}.ex-brand img,.ex-dash-brand img{
  width:40px!important;height:40px!important;border:0!important;border-radius:11px!important;box-shadow:none!important;background:transparent!important
}
.ex-brand-copy span{color:var(--apple-text-2)!important;font-size:10px!important;letter-spacing:.08em!important;text-transform:none!important;font-weight:600!important}
.ex-brand-copy strong{color:var(--apple-text)!important;font-size:18px!important;letter-spacing:-.025em!important;font-weight:720!important}
.ex-kicker{color:var(--apple-text-2)!important;font-size:11px!important;letter-spacing:.06em!important;text-transform:uppercase!important;font-weight:650!important}

/* Entry */
.ex-entry{background:var(--apple-bg)!important}
.ex-entry-hero{padding:clamp(64px,9vh,110px) 20px!important}
.ex-entry-inner{max-width:860px!important}
.ex-entry h1,.ex-welcome h1{
  margin:20px 0 18px!important;
  color:var(--apple-text)!important;
  font-size:clamp(48px,6vw,78px)!important;
  font-weight:720!important;
  letter-spacing:-.055em!important;
  line-height:.98!important;
}
.ex-entry-lead,.ex-wizard-copy,.ex-welcome p{color:var(--apple-text-2)!important;font-size:clamp(16px,1.55vw,20px)!important;line-height:1.55!important}
.ex-entry-actions{gap:10px!important;margin-top:30px!important}
.ex-entry-note{color:var(--apple-text-3)!important}
.ex-room-strip{background:var(--apple-surface)!important;border:1px solid var(--apple-line)!important;border-radius:22px!important;box-shadow:none!important;backdrop-filter:blur(30px) saturate(120%)!important;-webkit-backdrop-filter:blur(30px) saturate(120%)!important}
.ex-room-mini{background:transparent!important;border-color:var(--apple-line)!important;border-radius:14px!important}

/* Wizard — same flow, far calmer presentation */
.ex-wizard{background:var(--apple-bg)!important;padding-bottom:108px!important}
.ex-wizard-head{padding-top:20px!important}
.ex-progress-wrap{width:min(520px,52vw)!important}
.ex-progress-meta{color:var(--apple-text-3)!important;font-weight:600!important}
.ex-progress{height:4px!important;background:rgba(255,255,255,.10)!important}
.ex-progress>span{background:var(--apple-text)!important;transition:width .25s ease!important}
.ex-wizard-stage{width:min(1050px,100%)!important;margin:clamp(34px,6vh,70px) auto 0!important;padding-bottom:72px!important}
.ex-wizard-title{
  color:var(--apple-text)!important;
  font-size:clamp(40px,4.5vw,64px)!important;
  font-weight:720!important;
  letter-spacing:-.05em!important;
  line-height:1!important;
  margin:12px 0 14px!important
}
.ex-wizard-copy{max-width:720px!important;margin:0 auto 32px!important}
.ex-grid{gap:12px!important}.ex-grid.two{gap:12px!important}
.ex-card-button{
  min-height:96px!important;
  padding:18px 18px!important;
  border-radius:18px!important;
  border:1px solid var(--apple-line)!important;
  background:var(--apple-surface)!important;
  background-image:none!important;
  box-shadow:none!important;
  backdrop-filter:blur(18px) saturate(120%)!important;
  -webkit-backdrop-filter:blur(18px) saturate(120%)!important;
}
.ex-card-button:hover{transform:none!important;border-color:var(--apple-line-strong)!important;background:rgba(44,44,46,.86)!important}
.ex-card-button.selected{border-color:rgba(255,255,255,.58)!important;background:rgba(255,255,255,.12)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)!important}
.ex-card-button strong{font-size:17px!important;font-weight:680!important;letter-spacing:-.02em!important;margin-bottom:5px!important}
.ex-card-button>span:not(.ex-check){font-size:13px!important;color:var(--apple-text-2)!important;line-height:1.4!important}
.ex-card-button .ex-check{width:22px!important;height:22px!important;right:14px!important;top:14px!important;border-color:var(--apple-line-strong)!important;background:transparent!important;color:#000!important}
.ex-card-button.selected .ex-check{background:var(--apple-text)!important;border-color:var(--apple-text)!important}
.ex-choice-section,.ex-review-card,.ex-time-block,.ex-file-card,.ex-curriculum-source,.ex-flow-note,.ex-reference-led-banner,.ex-rescue-summary{
  border:1px solid var(--apple-line)!important;
  border-radius:18px!important;
  background:var(--apple-surface)!important;
  background-image:none!important;
  box-shadow:none!important;
}
.ex-choice-section{padding:18px!important}.ex-choice-section h3{color:var(--apple-text-2)!important;letter-spacing:.04em!important;text-transform:none!important;font-size:13px!important}
.ex-input,.ex-select,.ex-textarea{
  min-height:48px!important;
  border:1px solid var(--apple-line)!important;
  border-radius:13px!important;
  background:rgba(118,118,128,.16)!important;
  color:var(--apple-text)!important;
  box-shadow:none!important
}
.ex-input::placeholder,.ex-textarea::placeholder{color:var(--apple-text-3)!important}
.ex-field>span,.ex-field>label{color:var(--apple-text-2)!important;text-transform:none!important;letter-spacing:0!important;font-size:12px!important;font-weight:600!important}
.ex-pill{min-height:38px!important;padding:0 14px!important;border-radius:999px!important;font-size:13px!important}
.ex-pill.active{background:var(--apple-text)!important;color:#000!important;border-color:var(--apple-text)!important}
.ex-tag{border-color:var(--apple-line)!important;background:transparent!important;color:var(--apple-text-2)!important}
.ex-tag.active{border-color:rgba(244,211,94,.55)!important;color:var(--apple-accent)!important;background:rgba(244,211,94,.08)!important}
.ex-wizard-nav{padding:10px 24px calc(10px + env(safe-area-inset-bottom))!important;background:var(--apple-glass)!important;border-top:1px solid var(--apple-line)!important;backdrop-filter:blur(26px) saturate(130%)!important;-webkit-backdrop-filter:blur(26px) saturate(130%)!important}
.ex-wizard-nav-inner{width:min(100%,860px)!important}
.ex-wizard-nav .ex-btn{min-height:46px!important;border-radius:13px!important}
.ex-wizard-nav .ex-btn.primary{min-width:0!important;max-width:440px!important;margin:auto!important}
.ex-wizard-nav #examWizardBack,.ex-wizard-nav #examWizardSkip{background:transparent!important;border-color:transparent!important;color:var(--apple-text-2)!important}
.ex-wizard-nav #examWizardBack:hover,.ex-wizard-nav #examWizardSkip:hover{background:var(--apple-control)!important;border-color:transparent!important}
.ex-error{border-color:rgba(255,69,58,.32)!important;background:rgba(255,69,58,.09)!important;color:#ffb3ad!important;border-radius:14px!important}
.ex-dropzone{min-height:160px!important;border:1px dashed var(--apple-line-strong)!important;border-radius:20px!important;background:transparent!important}
.ex-dropzone.dragging{border-color:var(--apple-blue)!important;background:rgba(41,151,255,.07)!important}
.ex-upload-limit{border-color:var(--apple-line)!important;background:var(--apple-surface)!important;border-radius:16px!important}
.ex-upload-limit strong{color:var(--apple-text)!important}.ex-upload-limit small{color:var(--apple-text-2)!important}
.ex-file-pill{background:rgba(255,255,255,.08)!important;border-color:var(--apple-line)!important}
.ex-file-icon{background:rgba(255,255,255,.07)!important;border:1px solid var(--apple-line)!important;border-radius:14px!important}
.ex-time-reality{border-radius:20px!important;box-shadow:none!important;background:var(--apple-surface)!important}
.ex-time-reality.tight{border-color:rgba(255,159,10,.42)!important}.ex-time-reality.danger{border-color:rgba(255,69,58,.42)!important}
.ex-time-reality-head strong{color:var(--apple-text)!important}

/* Generating / timetable / welcome */
.ex-generating,.ex-timetable-screen,.ex-welcome{background:var(--apple-bg)!important}
.ex-generating-card{width:min(720px,100%)!important;padding:clamp(26px,5vw,46px)!important;border:1px solid var(--apple-line)!important;border-radius:28px!important;background:var(--apple-surface)!important;background-image:none!important;box-shadow:var(--apple-shadow)!important}
.ex-generating-orbit{width:72px!important;height:72px!important;border-color:rgba(255,255,255,.14)!important;border-top-color:var(--apple-text)!important}.ex-generating-orbit:after{border-color:rgba(255,255,255,.08)!important;border-bottom-color:var(--apple-accent)!important}
.ex-generating h1,.ex-timetable-screen h1,.ex-welcome h1{color:var(--apple-text)!important;font-weight:720!important;letter-spacing:-.045em!important}
.ex-generation-item,.ex-timetable-summary,.ex-time-row,.ex-timetable-card{border-color:var(--apple-line)!important;background:var(--apple-surface)!important;background-image:none!important;box-shadow:none!important}
.ex-generation-bp{color:var(--apple-text-2)!important}
.ex-timetable-screen .ex-topline{padding-top:16px!important}
.ex-timetable-head{margin-top:38px!important}
.ex-timetable-list{gap:10px!important}
.ex-timetable-actions{background:var(--apple-glass)!important;border-top:1px solid var(--apple-line)!important;backdrop-filter:blur(24px)!important;-webkit-backdrop-filter:blur(24px)!important}
.ex-welcome-inner{width:min(720px,calc(100% - 32px))!important;border:1px solid var(--apple-line)!important;border-radius:30px!important;background:var(--apple-surface)!important;box-shadow:var(--apple-shadow)!important;padding:clamp(28px,6vw,60px)!important}

/* Classroom — minimal, content-first, no giant theatre treatment */
.ex-classroom{background:var(--apple-bg)!important;min-height:100dvh!important;overflow-x:hidden!important}
.ex-class-header{
  min-height:82px!important;
  grid-template-columns:minmax(150px,220px) minmax(0,1fr) auto!important;
  gap:18px!important;
  padding:12px clamp(16px,3vw,34px)!important;
  border-bottom:1px solid var(--apple-line)!important;
  background:var(--apple-glass)!important;
  backdrop-filter:blur(30px) saturate(130%)!important;
  -webkit-backdrop-filter:blur(30px) saturate(130%)!important;
}
.ex-class-header .ex-brand img{width:36px!important;height:36px!important}
.ex-header-progress{text-align:left!important;display:grid!important;gap:6px!important}
.ex-header-progress-top{justify-content:flex-start!important;gap:10px!important;min-width:0!important}
.ex-progress-number{font-size:14px!important;color:var(--apple-text)!important;font-weight:700!important;flex:none!important}
.ex-current-block{display:block!important;min-width:0!important;text-align:left!important}
.ex-current-block small{display:none!important}
.ex-current-block strong{display:block!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;font-size:13px!important;color:var(--apple-text-2)!important;font-weight:600!important}
.ex-header-progress>.ex-progress{height:3px!important;max-width:520px!important}.ex-header-progress>.ex-progress>span{background:var(--apple-text)!important}
.ex-header-chips{display:flex!important;gap:6px!important;flex-wrap:nowrap!important;overflow:hidden!important}
.ex-header-chip{min-width:0!important;padding:0!important;border:0!important;background:transparent!important;color:var(--apple-text-3)!important;font-size:11px!important;white-space:nowrap!important}
.ex-header-chip+ .ex-header-chip:before{content:"·";margin-right:6px;color:var(--apple-text-3)!important}
.ex-header-chip.warn{color:var(--apple-text-2)!important}.ex-header-chip.late{color:var(--apple-red)!important}
.ex-bp{min-height:38px!important;padding:0 11px!important;border-radius:999px!important;font-size:12px!important}.ex-bp svg{width:16px!important;height:16px!important}
.ex-teacher-wrap{min-height:calc(100dvh - 82px)!important;padding:clamp(18px,3vw,34px) clamp(16px,5vw,72px) 108px!important}
.ex-teacher-stage{
  width:min(1180px,100%)!important;
  min-height:calc(100dvh - 158px)!important;
  grid-template-rows:auto minmax(180px,1fr) auto!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  overflow:visible!important;
}
.ex-stage-header{padding:clamp(8px,2vw,18px) clamp(4px,1vw,10px) 18px!important;border-bottom:1px solid var(--apple-line)!important;background:transparent!important;text-align:left!important}
.ex-stage-header h1{font-size:clamp(34px,4.8vw,64px)!important;line-height:1.02!important;letter-spacing:-.05em!important;font-weight:720!important;color:var(--apple-text)!important;margin:7px 0 8px!important}
.ex-stage-header p{color:var(--apple-text-2)!important;font-size:15px!important;max-width:720px!important}
.ex-stage-body{padding:clamp(22px,3vw,42px) clamp(4px,1vw,10px)!important;overflow:visible!important;background:transparent!important}
.ex-teach-slide{min-height:0!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}
.ex-teach-slide h2{font-size:clamp(30px,4vw,50px)!important;letter-spacing:-.045em!important;line-height:1.06!important;color:var(--apple-text)!important}
.ex-teach-slide p,.ex-rich-content{color:var(--apple-text)!important;line-height:1.62!important}
.ex-stage-nav{position:sticky!important;bottom:12px!important;z-index:24!important;margin:18px auto 0!important;width:min(100%,760px)!important;padding:8px!important;border:1px solid var(--apple-line)!important;border-radius:18px!important;background:var(--apple-glass-panel)!important;backdrop-filter:blur(28px) saturate(130%)!important;-webkit-backdrop-filter:blur(28px) saturate(130%)!important;box-shadow:0 10px 32px rgba(0,0,0,.22)!important}
.ex-stage-nav .ex-btn{min-width:118px!important;min-height:44px!important;border-radius:13px!important}
.ex-stage-dots{gap:5px!important;overflow:auto!important;max-width:42%!important}.ex-stage-dot{width:6px!important;height:6px!important;background:rgba(255,255,255,.20)!important}.ex-stage-dot.active{background:var(--apple-text)!important;transform:scale(1.15)!important}
.ex-question-form,.ex-grade-result,.ex-formula-card,.ex-visual-card,.ex-sample-question,.ex-answer-key-item,.ex-concept-card,.ex-definition-card,.ex-worked-example,.ex-recap-card{
  border:1px solid var(--apple-line)!important;
  background:var(--apple-surface)!important;
  background-image:none!important;
  box-shadow:none!important;
  border-radius:20px!important
}
.ex-question-option{border:1px solid var(--apple-line)!important;background:rgba(255,255,255,.045)!important;border-radius:14px!important;box-shadow:none!important}
.ex-question-option:hover{transform:none!important;border-color:var(--apple-line-strong)!important;background:rgba(255,255,255,.08)!important}
.ex-question-option.is-selected{border-color:rgba(255,255,255,.56)!important;background:rgba(255,255,255,.10)!important;box-shadow:none!important}
.ex-question-option input{accent-color:var(--apple-blue)!important}
.ex-exam-tip{border-left:3px solid var(--apple-accent)!important;background:rgba(244,211,94,.07)!important;color:var(--apple-text)!important}
.ex-curriculum-source,.ex-question-origin{border-color:var(--apple-line)!important;background:rgba(255,255,255,.045)!important}.ex-question-origin a{color:var(--apple-blue)!important}

/* Classroom helper controls: only Controls + Notes + Ask remain */
.ex-pill-history,#examHistoryPill,#examHistoryDrawer{display:none!important}
.ex-side-pill.ex-pill-controls{
  position:fixed!important;right:18px!important;top:50%!important;transform:translateY(-50%)!important;
  width:44px!important;height:44px!important;min-height:44px!important;padding:0!important;border-radius:14px!important;display:grid!important;place-items:center!important;z-index:55!important;
  background:var(--apple-glass-panel)!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important
}
.ex-side-pill.ex-pill-controls span{display:none!important}.ex-side-pill.ex-pill-controls svg{width:19px!important;height:19px!important}
.ex-classroom-helpbar{
  position:fixed!important;left:50%!important;bottom:18px!important;transform:translateX(-50%)!important;z-index:55!important;
  display:flex!important;align-items:center!important;gap:6px!important;padding:6px!important;
  border:1px solid var(--apple-line)!important;border-radius:18px!important;background:var(--apple-glass-panel)!important;
  backdrop-filter:blur(28px) saturate(130%)!important;-webkit-backdrop-filter:blur(28px) saturate(130%)!important;box-shadow:0 12px 36px rgba(0,0,0,.25)!important
}
.ex-help-button{position:static!important;min-height:42px!important;padding:0 13px!important;border-radius:13px!important;font-size:12px!important}.ex-help-button svg{width:18px!important;height:18px!important}.ex-help-button span{white-space:nowrap!important}

/* Drawers / Notes / Teacher — Apple sheets */
.ex-drawer-backdrop{background:rgba(0,0,0,.46)!important;backdrop-filter:blur(3px)!important;-webkit-backdrop-filter:blur(3px)!important}
.ex-drawer{
  border:1px solid var(--apple-line)!important;
  background:var(--apple-sheet)!important;
  background-image:none!important;
  box-shadow:0 22px 80px rgba(0,0,0,.40)!important;
  backdrop-filter:blur(34px) saturate(130%)!important;
  -webkit-backdrop-filter:blur(34px) saturate(130%)!important
}
.ex-drawer.right{border-radius:24px 0 0 24px!important}.ex-drawer.helper{border-radius:24px 0 0 24px!important}.ex-drawer.floating{border-radius:24px!important}
.ex-drawer-head{padding:17px 18px!important;border-bottom:1px solid var(--apple-line)!important}.ex-drawer-head h2{font-size:20px!important;font-weight:700!important;letter-spacing:-.025em!important}.ex-drawer-close,.ex-icon-btn{width:34px!important;height:34px!important;min-height:34px!important;border-radius:999px!important;display:grid!important;place-items:center!important;padding:0!important}
.ex-drawer-close svg,.ex-icon-btn svg{width:16px!important;height:16px!important;fill:none!important;stroke:currentColor!important;stroke-width:2!important;stroke-linecap:round!important;stroke-linejoin:round!important}
.ex-drawer-body{padding:16px!important}.ex-control-list{gap:8px!important}.ex-control-item,.ex-control-list button{min-height:52px!important;padding:0 14px!important;border:1px solid var(--apple-line)!important;border-radius:13px!important;background:rgba(255,255,255,.055)!important;color:var(--apple-text)!important;font-weight:600!important}
.ex-control-item:hover,.ex-control-list button:hover{background:rgba(255,255,255,.09)!important}
.ex-note-toolbar{gap:6px!important}.ex-note-editor,.ex-note-card,.ex-notebook-section,.ex-global-note-editor{border-color:var(--apple-line)!important;background:rgba(255,255,255,.045)!important;border-radius:15px!important;box-shadow:none!important}
.ex-mentor-messages{gap:10px!important}.ex-mentor-msg,.ex-mentor-message{border:0!important;border-radius:18px!important;box-shadow:none!important}.ex-mentor-msg.user,.ex-mentor-message.user{background:#2c2c2e!important;margin-left:34px!important}.ex-mentor-msg.assistant,.ex-mentor-message.assistant{background:rgba(255,255,255,.065)!important;margin-right:34px!important}
.ex-quick-actions{gap:6px!important}.ex-quick-actions .ex-pill{min-height:34px!important;font-size:12px!important}
.ex-mentor-compose{padding:10px!important;background:var(--apple-composer)!important;border-top:1px solid var(--apple-line)!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important}.ex-mentor-compose textarea{border-radius:14px!important;background:rgba(118,118,128,.18)!important}.ex-mentor-mic,.ex-mentor-send,.ex-mentor-attach{border:1px solid var(--apple-line)!important;background:rgba(255,255,255,.07)!important;color:var(--apple-text)!important;border-radius:13px!important;box-shadow:none!important}.ex-mentor-send{background:var(--apple-text)!important;color:#000!important}
.ex-selection-toolbar{background:var(--apple-sheet-strong)!important;border-color:var(--apple-line)!important;box-shadow:0 12px 30px rgba(0,0,0,.30)!important}
.ex-toast{border:1px solid var(--apple-line)!important;background:rgba(36,36,38,.94)!important;color:var(--apple-text)!important;box-shadow:0 15px 46px rgba(0,0,0,.32)!important;backdrop-filter:blur(24px)!important;-webkit-backdrop-filter:blur(24px)!important}

/* Overlays */
.ex-decision-overlay,.ex-complete-overlay{background:rgba(0,0,0,.62)!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important}
.ex-decision-card,.ex-complete-card,.ex-dashboard-modal-card{
  border:1px solid var(--apple-line)!important;border-radius:26px!important;background:var(--apple-sheet-strong)!important;background-image:none!important;box-shadow:var(--apple-shadow)!important;color:var(--apple-text)!important
}
.ex-decision-card h2,.ex-complete-card h1,.ex-dashboard-modal-card h2{color:var(--apple-text)!important;font-weight:720!important;letter-spacing:-.04em!important}
.ex-dwell-nudge{border-color:var(--apple-line)!important;background:var(--apple-sheet-strong)!important;border-radius:18px!important;box-shadow:var(--apple-shadow)!important}

/* Dashboard — retain current information architecture, make it Apple-clean */
#examDashboard.ex-dashboard:not([hidden]){background:var(--apple-bg)!important}
#examDashboard .ex-dash-shell{grid-template-columns:228px minmax(0,1fr)!important;background:var(--apple-bg)!important}
#examDashboard .ex-dash-sidebar{padding:14px 12px!important;border-right:1px solid var(--apple-line)!important;background:var(--apple-sidebar)!important;backdrop-filter:blur(26px)!important;-webkit-backdrop-filter:blur(26px)!important}
#examDashboard .ex-dash-brand{padding:6px 8px 14px!important}.ex-dash-brand strong{color:var(--apple-text)!important}.ex-dash-brand small{color:var(--apple-text-2)!important}
#examDashboard .ex-dash-nav{gap:3px!important}
#examDashboard .ex-dash-nav button,html[data-exam-dash-sidebar="collapsed"] #examDashboard .ex-dash-nav button{min-height:43px!important;padding:9px 10px!important;border-radius:11px!important;color:var(--apple-text-2)!important;font-size:13px!important;font-weight:600!important;background:transparent!important;box-shadow:none!important}
#examDashboard .ex-dash-nav button:hover{background:rgba(255,255,255,.06)!important;color:var(--apple-text)!important}
#examDashboard .ex-dash-nav button.active{border-color:transparent!important;background:rgba(255,255,255,.10)!important;color:var(--apple-text)!important;box-shadow:none!important}
#examDashboard .ex-dash-main{background:var(--apple-bg)!important;background-image:none!important}
#examDashboard .ex-dash-topbar{min-height:70px!important;padding:10px 18px!important;border-bottom:1px solid var(--apple-line)!important;background:var(--apple-glass)!important;backdrop-filter:blur(28px)!important;-webkit-backdrop-filter:blur(28px)!important}
#examDashboard .ex-dash-sidebar-toggle,#examDashboard .ex-metric-pill,#examDashboard .ex-icon-label-btn{min-height:38px!important;border-radius:11px!important;border-color:var(--apple-line)!important;background:rgba(255,255,255,.06)!important}
#examDashboard .ex-dash-global-search{min-height:40px!important;border-color:var(--apple-line)!important;border-radius:12px!important;background:rgba(118,118,128,.16)!important}
#examDashboard .ex-dash-global-search:focus-within{border-color:rgba(255,255,255,.26)!important;box-shadow:none!important}
#examDashboard .ex-dash-panel{padding:22px clamp(18px,2.4vw,34px) calc(30px + env(safe-area-inset-bottom))!important;background:var(--apple-bg)!important}
#examDashboard .ex-room-card,#examDashboard .ex-project-card,#examDashboard .ex-library-card,#examDashboard .ex-dash-card,#examDashboard .ex-settings-card,#examDashboard .ex-current-learning,#examDashboard .ex-identity-card,
#examDashboard .ex-stat-card,#examDashboard .ex-dashboard-room{
  border:1px solid var(--apple-line)!important;border-radius:18px!important;background:var(--apple-surface)!important;background-image:none!important;box-shadow:none!important
}
#examDashboard .ex-room-card:hover,#examDashboard .ex-project-card:hover,#examDashboard .ex-library-card:hover{transform:none!important;border-color:var(--apple-line-strong)!important;background:rgba(44,44,46,.86)!important}
#examDashboard .ex-account-badge.free{background:rgba(255,255,255,.06)!important;color:var(--apple-text-2)!important;border-color:var(--apple-line)!important}
#examDashboard .ex-account-badge.vip{background:rgba(244,211,94,.10)!important;color:var(--apple-accent)!important;border-color:rgba(244,211,94,.30)!important;box-shadow:none!important}
#examDashboard .ex-account-badge.trial{background:rgba(41,151,255,.10)!important;color:#79bfff!important;border-color:rgba(41,151,255,.28)!important}

/* Source / dashboard modals */
.ex-source-upload{border:1px dashed var(--apple-line-strong)!important;border-radius:18px!important;background:transparent!important}.ex-source-upload:hover{border-color:rgba(255,255,255,.34)!important;background:rgba(255,255,255,.035)!important}
.ex-share-targets button{border:1px solid var(--apple-line)!important;background:var(--apple-control)!important;color:var(--apple-text)!important;border-radius:13px!important;box-shadow:none!important}

/* Light environment support without changing the product's theme logic. */
@media (prefers-color-scheme: light){
  :root{
    --apple-bg:#f5f5f7;--apple-bg-elevated:#fff;--apple-surface:rgba(255,255,255,.76);--apple-surface-solid:#fff;--apple-surface-2:#f2f2f7;
    --apple-text:#1d1d1f;--apple-text-2:#6e6e73;--apple-text-3:#86868b;--apple-line:rgba(0,0,0,.10);--apple-line-strong:rgba(0,0,0,.18);
    --apple-control:rgba(118,118,128,.10);--apple-control-hover:rgba(118,118,128,.16);--apple-shadow:0 20px 60px rgba(0,0,0,.10);--apple-glass:rgba(245,245,247,.80);--apple-glass-panel:rgba(255,255,255,.80);--apple-sheet:rgba(255,255,255,.92);--apple-sheet-strong:rgba(255,255,255,.94);--apple-sidebar:rgba(242,242,247,.92);--apple-composer:rgba(248,248,250,.92)
  }
  html{color-scheme:light;background:var(--apple-bg)!important}
  .ex-wizard-nav,.ex-class-header,#examDashboard .ex-dash-topbar{background:rgba(245,245,247,.80)!important}
  .ex-stage-nav,.ex-classroom-helpbar,.ex-side-pill.ex-pill-controls{background:rgba(255,255,255,.78)!important}
  .ex-drawer{background:rgba(255,255,255,.92)!important}.ex-mentor-compose{background:rgba(248,248,250,.92)!important}.ex-toast{background:rgba(255,255,255,.94)!important}
  #examDashboard .ex-dash-sidebar{background:rgba(242,242,247,.92)!important}#examDashboard .ex-dash-main{background:var(--apple-bg)!important}
  .ex-btn.primary{background:#1d1d1f!important;color:#fff!important;border-color:#1d1d1f!important}.ex-btn.primary:hover{background:#333336!important;border-color:#333336!important}
  .ex-pill.active{background:#1d1d1f!important;color:#fff!important;border-color:#1d1d1f!important}
  .ex-card-button.selected .ex-check{background:#1d1d1f!important;border-color:#1d1d1f!important;color:#fff!important}
  .ex-mentor-send{background:#1d1d1f!important;color:#fff!important}
  .ex-mentor-msg.user,.ex-mentor-message.user{background:#e9e9eb!important}
  .ex-drawer-backdrop{background:rgba(0,0,0,.22)!important}
}
html[data-theme="light"],html[data-appearance="light"],html[data-color-scheme="light"],html[data-mode="light"],html[data-ex-close-scheme="light"]{
  --apple-bg:#f5f5f7;--apple-bg-elevated:#fff;--apple-surface:rgba(255,255,255,.76);--apple-surface-solid:#fff;--apple-surface-2:#f2f2f7;
  --apple-text:#1d1d1f;--apple-text-2:#6e6e73;--apple-text-3:#86868b;--apple-line:rgba(0,0,0,.10);--apple-line-strong:rgba(0,0,0,.18);
  --apple-control:rgba(118,118,128,.10);--apple-control-hover:rgba(118,118,128,.16);--apple-shadow:0 20px 60px rgba(0,0,0,.10);--apple-glass:rgba(245,245,247,.80);--apple-glass-panel:rgba(255,255,255,.80);--apple-sheet:rgba(255,255,255,.92);--apple-sheet-strong:rgba(255,255,255,.94);--apple-sidebar:rgba(242,242,247,.92);--apple-composer:rgba(248,248,250,.92)
}

@media(max-width:900px){
  :root{--ex-header:82px}
  .ex-screen{padding-left:18px!important;padding-right:18px!important}
  .ex-wizard-head{display:grid!important;gap:14px!important}.ex-progress-wrap{width:100%!important}
  .ex-grid,.ex-grid.two,.ex-grid.four,.ex-form-grid,.ex-review-grid{grid-template-columns:1fr!important}
  .ex-wizard-title{font-size:clamp(36px,10vw,50px)!important}.ex-wizard-copy{font-size:15px!important}
  .ex-wizard-nav{padding-left:10px!important;padding-right:10px!important}.ex-wizard-nav-inner{grid-template-columns:auto minmax(0,1fr) auto!important;gap:6px!important}.ex-wizard-nav .ex-btn{font-size:12px!important;padding:0 10px!important}
  .ex-class-header{grid-template-columns:minmax(0,1fr) auto!important;min-height:72px!important;padding:10px 14px!important}.ex-class-header>.ex-brand{display:none!important}.ex-header-progress{min-width:0!important}.ex-header-progress-top{gap:7px!important}.ex-header-chips{overflow-x:auto!important;scrollbar-width:none!important}.ex-header-chips::-webkit-scrollbar{display:none!important}.ex-bp{max-width:120px!important;overflow:hidden!important}.ex-bp span{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .ex-teacher-wrap{min-height:calc(100dvh - 72px)!important;padding:16px 14px 94px!important}.ex-teacher-stage{min-height:calc(100dvh - 144px)!important}.ex-stage-header{padding:4px 2px 14px!important}.ex-stage-header h1{font-size:clamp(30px,9vw,44px)!important}.ex-stage-body{padding:20px 2px!important}.ex-stage-nav{bottom:10px!important;width:100%!important;grid-template-columns:auto minmax(0,1fr) auto!important}.ex-stage-nav .ex-btn{min-width:0!important;padding:0 12px!important}.ex-stage-dots{max-width:100%!important;justify-content:center!important}
  .ex-side-pill.ex-pill-controls{top:auto!important;right:12px!important;bottom:18px!important;transform:none!important;width:42px!important;height:42px!important}
  .ex-classroom-helpbar{left:12px!important;right:62px!important;bottom:18px!important;transform:none!important;justify-content:stretch!important}.ex-help-button{flex:1!important;justify-content:center!important}.ex-help-button span{display:inline!important}
  .ex-drawer.right,.ex-drawer.helper,.ex-drawer.floating{left:10px!important;right:10px!important;top:auto!important;bottom:10px!important;width:auto!important;max-width:none!important;height:min(82dvh,720px)!important;max-height:calc(100dvh - 20px)!important;border-radius:24px!important}
  #examDashboard .ex-dash-shell{grid-template-columns:1fr!important;padding-bottom:68px!important}
  #examDashboard .ex-dash-sidebar{position:fixed!important;left:10px!important;right:10px!important;bottom:max(8px,env(safe-area-inset-bottom))!important;top:auto!important;width:auto!important;height:58px!important;min-height:58px!important;padding:5px!important;border:1px solid var(--apple-line)!important;border-radius:18px!important;background:var(--apple-glass-panel)!important;backdrop-filter:blur(28px) saturate(130%)!important;-webkit-backdrop-filter:blur(28px) saturate(130%)!important;z-index:50!important;overflow:hidden!important;box-shadow:0 12px 34px rgba(0,0,0,.22)!important}
  #examDashboard .ex-dash-brand{display:none!important}#examDashboard .ex-dash-nav{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:2px!important;padding:0!important;height:100%!important;overflow:hidden!important}
  #examDashboard .ex-dash-nav button,html[data-exam-dash-sidebar="collapsed"] #examDashboard .ex-dash-nav button{min-height:46px!important;height:46px!important;padding:4px!important;border-radius:13px!important;justify-content:center!important;flex-direction:column!important;gap:2px!important;font-size:8px!important;text-align:center!important;white-space:nowrap!important}.ex-dashboard .ex-dash-nav .ex-svg{width:18px!important;height:18px!important}
  #examDashboard .ex-dash-topbar{grid-template-columns:minmax(0,1fr) auto!important;min-height:62px!important;padding:9px 12px!important}.ex-dash-sidebar-toggle,#examDashboard .ex-dash-global-search{display:none!important}#examDashboard .ex-dash-metrics{gap:4px!important}#examDashboard .ex-metric-pill,#examDashboard .ex-icon-label-btn{min-height:36px!important;padding:5px 7px!important}#examDashboard .ex-icon-label-btn strong{display:none!important}#examDashboard .ex-dash-panel{padding:16px 14px calc(86px + env(safe-area-inset-bottom))!important}
}
@media(max-width:520px){
  .ex-entry h1{font-size:44px!important}.ex-entry-actions{display:grid!important}.ex-entry-actions .ex-btn{width:100%!important}.ex-wizard-stage{margin-top:28px!important}.ex-card-button{min-height:88px!important}
  .ex-wizard-nav #examWizardSkip{font-size:0!important}.ex-wizard-nav #examWizardSkip:after{content:"Skip";font-size:12px!important}
  .ex-header-chips #examNextBlock{display:none!important}.ex-classroom-helpbar{right:60px!important}.ex-help-button{padding:0 10px!important}.ex-help-button span{font-size:11px!important}
  .ex-stage-nav{grid-template-columns:1fr 1fr!important}.ex-stage-dots{display:none!important}.ex-stage-nav .ex-btn{width:100%!important}.ex-question-actions{grid-template-columns:1fr!important}.ex-question-actions [data-question-mentor]{grid-column:auto!important}
}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}

.ex-slide-nav-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important}.ex-slide-nav-btn svg{width:16px!important;height:16px!important;fill:none!important;stroke:currentColor!important;stroke-width:2!important;stroke-linecap:round!important;stroke-linejoin:round!important}

/* V3.6.8.1 classroom geometry repair — explicit owner over legacy V6.5 desktop theatre rules */
#examClassroom .ex-teacher-wrap{
  width:min(1240px,100%)!important;
  margin:0 auto!important;
  min-height:calc(100dvh - 82px)!important;
  padding:clamp(20px,3vw,38px) clamp(16px,4vw,54px) 34px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  grid-template-rows:auto auto!important;
  gap:14px 10px!important;
  align-items:start!important;
}
#examClassroom .ex-teacher-stage{
  grid-column:1/-1!important;
  grid-row:1!important;
  position:relative!important;
  display:block!important;
  width:100%!important;
  min-height:0!important;
  overflow:visible!important;
}
/* The slide already owns its title/kicker. Hide the legacy duplicate presentation header. */
#examClassroom .ex-stage-header{display:none!important}
#examClassroom .ex-stage-body{
  width:min(1120px,100%)!important;
  margin:0 auto!important;
  padding:clamp(12px,2vw,24px) 0 18px!important;
  overflow:visible!important;
}
#examClassroom .ex-teach-slide{width:100%!important;max-width:none!important;margin:0!important}
#examClassroom .ex-teach-slide h2{font-size:clamp(32px,4vw,52px)!important;line-height:1.06!important;margin:0 0 24px!important}
#examClassroom .ex-teach-slide p,
#examClassroom .ex-teach-slide li,
#examClassroom .ex-rich-content{font-size:clamp(16px,1.45vw,19px)!important;line-height:1.62!important}

/* Kill the old absolute side-arrow theatre nav completely. */
#examClassroom .ex-stage-nav{
  position:static!important;
  inset:auto!important;
  left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;
  transform:none!important;
  z-index:12!important;
  width:min(760px,100%)!important;
  margin:24px auto 0!important;
  padding:6px!important;
  display:grid!important;
  grid-template-columns:minmax(112px,auto) minmax(0,1fr) minmax(112px,auto)!important;
  align-items:center!important;
  gap:8px!important;
  border:1px solid var(--apple-line)!important;
  border-radius:16px!important;
  background:var(--apple-glass-panel)!important;
  backdrop-filter:blur(24px) saturate(130%)!important;
  -webkit-backdrop-filter:blur(24px) saturate(130%)!important;
  box-shadow:none!important;
  pointer-events:auto!important;
}
#examClassroom .ex-stage-nav #examSlidePrevious,
#examClassroom .ex-stage-nav #examSlideNext{
  position:static!important;
  inset:auto!important;
  left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;
  transform:none!important;
  width:auto!important;
  height:42px!important;
  min-width:112px!important;
  min-height:42px!important;
  margin:0!important;
  padding:0 14px!important;
  border-radius:12px!important;
  border:1px solid var(--apple-line)!important;
  box-shadow:none!important;
  font-size:13px!important;
  line-height:1!important;
  pointer-events:auto!important;
}
#examClassroom .ex-stage-nav #examSlidePrevious{background:var(--apple-control)!important;color:var(--apple-text)!important}
#examClassroom .ex-stage-nav #examSlideNext{background:var(--apple-text)!important;color:var(--apple-bg)!important;border-color:var(--apple-text)!important}
#examClassroom .ex-stage-nav #examSlidePrevious::before,
#examClassroom .ex-stage-nav #examSlideNext::before{content:none!important;display:none!important}
#examClassroom .ex-stage-nav #examSlidePrevious:not(:disabled):hover,
#examClassroom .ex-stage-nav #examSlideNext:not(:disabled):hover,
#examClassroom .ex-stage-nav #examSlidePrevious:not(:disabled):active,
#examClassroom .ex-stage-nav #examSlideNext:not(:disabled):active{transform:none!important}
#examClassroom .ex-stage-nav .ex-stage-dots{
  position:static!important;
  left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;
  transform:none!important;
  justify-self:center!important;
  width:auto!important;
  max-width:100%!important;
  padding:0 8px!important;
  background:transparent!important;
  border:0!important;
  pointer-events:auto!important;
}

/* Utilities live below the lesson instead of covering it. */
#examClassroom .ex-classroom-helpbar{
  grid-column:1!important;
  grid-row:2!important;
  position:static!important;
  left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;
  transform:none!important;
  width:auto!important;
  margin:0!important;
  padding:0!important;
  display:flex!important;
  justify-content:flex-start!important;
  gap:8px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  box-shadow:none!important;
}
#examClassroom .ex-help-button{
  flex:0 0 auto!important;
  min-height:40px!important;
  padding:0 13px!important;
  border:1px solid var(--apple-line)!important;
  border-radius:12px!important;
  background:var(--apple-control)!important;
  box-shadow:none!important;
}
#examClassroom .ex-side-pill.ex-pill-controls{
  grid-column:2!important;
  grid-row:2!important;
  align-self:center!important;
  position:static!important;
  inset:auto!important;
  right:auto!important;top:auto!important;bottom:auto!important;
  transform:none!important;
  width:40px!important;
  height:40px!important;
  min-width:40px!important;
  min-height:40px!important;
  margin:0!important;
  border-radius:12px!important;
  box-shadow:none!important;
}

/* Keep the header compact and prevent metadata from becoming a second content block. */
#examClassroom .ex-class-header{min-height:74px!important;padding-top:10px!important;padding-bottom:10px!important}
#examClassroom .ex-header-progress{gap:4px!important}
#examClassroom .ex-header-chips{min-height:16px!important}

@media(max-width:900px){
  #examClassroom .ex-teacher-wrap{
    width:100%!important;
    min-height:calc(100dvh - 72px)!important;
    padding:16px 14px calc(22px + env(safe-area-inset-bottom))!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:12px 8px!important;
  }
  #examClassroom .ex-stage-body{padding:8px 0 14px!important}
  #examClassroom .ex-teach-slide h2{font-size:clamp(30px,9vw,42px)!important;margin-bottom:18px!important}
  #examClassroom .ex-stage-nav{
    width:100%!important;
    margin-top:18px!important;
    grid-template-columns:1fr minmax(40px,auto) 1fr!important;
  }
  #examClassroom .ex-stage-nav #examSlidePrevious,
  #examClassroom .ex-stage-nav #examSlideNext{width:100%!important;min-width:0!important;padding:0 10px!important}
  #examClassroom .ex-classroom-helpbar{gap:6px!important;min-width:0!important}
  #examClassroom .ex-help-button{min-width:0!important;padding:0 10px!important}
  #examClassroom .ex-help-button span{font-size:11px!important}
}
@media(max-width:520px){
  #examClassroom .ex-stage-nav{grid-template-columns:1fr 1fr!important}
  #examClassroom .ex-stage-nav .ex-stage-dots{display:none!important}
  #examClassroom .ex-classroom-helpbar{display:grid!important;grid-template-columns:1fr 1fr!important;width:100%!important}
  #examClassroom .ex-help-button{width:100%!important;justify-content:center!important}
}



/* V3.6.8.2 polish — user-tested classic flow cleanup. */
/* A collapsed dashboard rail now genuinely closes on desktop instead of clipping labels. */
@media (min-width:901px){
  html[data-exam-dash-sidebar="collapsed"] #examDashboard .ex-dash-shell{grid-template-columns:0 minmax(0,1fr)!important}
  html[data-exam-dash-sidebar="collapsed"] #examDashboard .ex-dash-sidebar{
    width:0!important;min-width:0!important;padding:0!important;border:0!important;overflow:hidden!important;opacity:0!important;pointer-events:none!important
  }
  #examDashboard .ex-dash-shell{transition:grid-template-columns .18s ease!important}
  #examDashboard .ex-dash-sidebar{transition:width .18s ease,opacity .14s ease,padding .18s ease!important}
}

/* Keep previous classrooms horizontally scrollable and make the scrollbar discoverable. */
.ex-entry #examRecentRoomList{
  display:flex!important;grid-template-columns:none!important;gap:12px!important;overflow-x:auto!important;overflow-y:hidden!important;
  padding:2px 2px 12px!important;scrollbar-width:thin!important;scrollbar-color:var(--apple-line-strong) transparent!important;scrollbar-gutter:stable!important
}
.ex-entry #examRecentRoomList::-webkit-scrollbar{height:7px!important}
.ex-entry #examRecentRoomList::-webkit-scrollbar-track{background:transparent!important}
.ex-entry #examRecentRoomList::-webkit-scrollbar-thumb{background:var(--apple-line-strong)!important;border:0!important;border-radius:999px!important}
.ex-entry #examRecentRoomList>.ex-room-mini,.ex-entry #examRecentRoomList>.ex-recent-room{flex:0 0 min(310px,82vw)!important;scroll-snap-align:start!important}

/* Exam Memory is deliberately one quiet status line; the dropzone carries the interaction. */
.ex-upload-limit.compact{
  display:block!important;margin:0 0 12px!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;
  color:var(--apple-text-3)!important;text-align:left!important;font-size:12px!important;line-height:1.45!important
}
.ex-upload-limit.compact span{font-size:12px!important;font-weight:500!important;color:var(--apple-text-3)!important}
.ex-upload-limit.compact strong{font-weight:650!important;color:var(--apple-text-2)!important}

/* Classroom keeps the clean user-tested layout: narrow lesson, open nav, Controls in the header. */
#examClassroom .ex-class-header{grid-template-columns:minmax(150px,220px) minmax(0,1fr) auto!important}
#examClassroom .ex-teacher-wrap{width:min(1080px,100%)!important;grid-template-columns:minmax(0,1fr)!important}
#examClassroom .ex-stage-body{width:min(900px,100%)!important}
#examClassroom .ex-stage-nav{
  width:min(900px,100%)!important;padding:8px 0!important;border:0!important;border-radius:0!important;background:transparent!important;
  backdrop-filter:none!important;-webkit-backdrop-filter:none!important;grid-template-columns:1fr auto 1fr!important
}
#examClassroom .ex-stage-nav #examSlidePrevious{justify-self:start!important}
#examClassroom .ex-stage-nav #examSlideNext{justify-self:end!important}
#examClassHeader #examControlsPill{
  position:static!important;inset:auto!important;transform:none!important;width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;
  padding:0!important;border-radius:50%!important;display:grid!important;place-items:center!important;align-self:center!important
}
#examClassHeader #examControlsPill svg{width:20px!important;height:20px!important;fill:currentColor!important;stroke:none!important}
#examClassHeader #examControlsPill span{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important}
#examClassroom .ex-classroom-helpbar{grid-column:1!important;grid-row:2!important}

/* BP is intentionally visible only inside the Side Mentor drawer. */
#examMentorDrawer .ex-mentor-bp{position:static!important;inset:auto!important;transform:none!important;max-width:150px!important;min-height:34px!important;height:34px!important;padding:0 9px!important}
#examMentorDrawer .ex-mentor-bp span{font-size:11px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
#examMentorDrawer .ex-mentor-bp svg{width:14px!important;height:14px!important}

/* Brand-authentic WhatsApp mark in every Exam Mode share sheet (one shared modal owns all targets). */
.ex-share-targets [data-share-target="whatsapp"] .ex-share-whatsapp{width:43px!important;height:43px!important;border-radius:50%!important;display:grid!important;place-items:center!important;background:#fff!important}
.ex-share-targets [data-share-target="whatsapp"] .ex-share-whatsapp svg{width:31px!important;height:31px!important;display:block!important}

@media(max-width:900px){
  #examClassroom .ex-class-header{grid-template-columns:minmax(0,1fr) auto!important}
  #examClassroom .ex-teacher-wrap{grid-template-columns:minmax(0,1fr)!important}
  #examClassroom .ex-stage-nav{grid-template-columns:1fr auto 1fr!important}
  #examMentorDrawer .ex-mentor-bp{max-width:108px!important}
}
@media(max-width:520px){
  #examClassroom .ex-stage-nav{grid-template-columns:1fr 1fr!important}
}

/* V3.6.8.3 — reference-matched classroom composition */
#examClassroom{min-height:100dvh!important;background:var(--apple-bg)!important;color:var(--apple-text)!important;overflow-x:hidden!important}
#examClassroom .ex-class-header{
  position:sticky!important;top:0!important;z-index:80!important;height:68px!important;min-height:68px!important;
  display:grid!important;grid-template-columns:220px minmax(0,1fr) 56px!important;align-items:center!important;gap:18px!important;
  padding:0 20px!important;border-bottom:1px solid var(--apple-line)!important;background:color-mix(in srgb,var(--apple-bg) 88%,transparent)!important;
  backdrop-filter:blur(24px) saturate(130%)!important;-webkit-backdrop-filter:blur(24px) saturate(130%)!important;
}
#examClassroom .ex-class-header>.ex-brand{display:flex!important;align-items:center!important;gap:10px!important;min-width:0!important;color:var(--apple-text)!important;text-decoration:none!important}
#examClassroom .ex-class-header>.ex-brand img{width:26px!important;height:26px!important;object-fit:contain!important}
#examClassroom .ex-class-header>.ex-brand>strong{font-size:14px!important;font-weight:700!important;letter-spacing:-.02em!important;white-space:nowrap!important}
#examClassroom .ex-header-progress{position:relative!important;width:min(760px,100%)!important;justify-self:center!important;display:block!important;min-width:0!important;padding:0 0 12px!important}
#examClassroom .ex-header-progress-top{display:flex!important;align-items:center!important;justify-content:center!important;gap:30px!important;min-width:0!important;height:28px!important}
#examClassroom .ex-current-block{display:block!important;min-width:0!important;max-width:min(520px,70vw)!important}
#examClassroom .ex-current-block strong{display:block!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;color:var(--apple-text)!important;font-size:13px!important;line-height:1!important;font-weight:680!important;text-align:center!important;letter-spacing:-.012em!important}
#examClassroom .ex-progress-number{flex:0 0 auto!important;color:var(--apple-text-2)!important;font-size:12px!important;line-height:1!important;font-weight:700!important}
#examClassroom .ex-header-progress>.ex-progress{position:absolute!important;left:0!important;right:0!important;bottom:0!important;width:100%!important;max-width:none!important;height:2px!important;border:0!important;border-radius:999px!important;background:var(--apple-line)!important;overflow:hidden!important}
#examClassroom .ex-header-progress>.ex-progress>span{height:100%!important;border-radius:inherit!important;background:var(--apple-text)!important}
#examClassroom .ex-header-chips{position:absolute!important;right:-255px!important;top:6px!important;display:block!important;overflow:visible!important;white-space:nowrap!important}
#examClassroom .ex-header-chip{border:0!important;background:transparent!important;padding:0!important;color:var(--apple-text-2)!important;font-size:10px!important;font-weight:650!important;white-space:nowrap!important}
#examClassroom #examBlockCountdown,#examClassroom #examNextBlock{display:none!important}
#examClassroom .ex-class-menu-wrap{position:relative!important;justify-self:end!important;width:44px!important;height:44px!important;display:grid!important;place-items:center!important}
#examClassroom .ex-class-menu-trigger{width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;padding:0!important;border:0!important;border-radius:999px!important;display:grid!important;place-items:center!important;background:var(--apple-control)!important;color:var(--apple-text)!important;cursor:pointer!important;box-shadow:none!important}
#examClassroom .ex-class-menu-trigger:hover{background:var(--apple-control-hover)!important}
#examClassroom .ex-class-menu-trigger svg{width:18px!important;height:18px!important;fill:currentColor!important;stroke:none!important}
#examClassroom .ex-class-menu{position:absolute!important;right:0!important;top:50px!important;width:210px!important;padding:6px!important;display:grid!important;gap:2px!important;border:1px solid var(--apple-line)!important;border-radius:16px!important;background:var(--apple-sheet)!important;box-shadow:0 18px 50px rgba(0,0,0,.18)!important;backdrop-filter:blur(30px) saturate(135%)!important;-webkit-backdrop-filter:blur(30px) saturate(135%)!important;z-index:120!important}
#examClassroom .ex-class-menu[hidden]{display:none!important}
#examClassroom .ex-class-menu button{width:100%!important;min-height:42px!important;padding:0 11px!important;border:0!important;border-radius:11px!important;background:transparent!important;color:var(--apple-text)!important;display:flex!important;align-items:center!important;gap:10px!important;text-align:left!important;font:inherit!important;font-size:13px!important;font-weight:620!important;cursor:pointer!important}
#examClassroom .ex-class-menu button:hover{background:var(--apple-control)!important}
#examClassroom .ex-class-menu button svg{width:17px!important;height:17px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important;flex:0 0 auto!important}

#examClassroom .ex-teacher-wrap{width:min(900px,calc(100% - 36px))!important;min-height:calc(100dvh - 68px)!important;margin:0 auto!important;padding:96px 0 126px!important;display:block!important}
#examClassroom .ex-teacher-stage{display:block!important;width:100%!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important}
#examClassroom .ex-stage-header{display:none!important}
#examClassroom .ex-stage-body{width:min(660px,100%)!important;margin:0 auto!important;padding:0!important;overflow:visible!important;background:transparent!important}
#examClassroom .ex-teach-slide{width:100%!important;max-width:none!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important}
#examClassroom .ex-slide-label{display:block!important;width:auto!important;margin:0 0 34px!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;color:var(--apple-accent)!important;font-size:10px!important;line-height:1.2!important;font-weight:760!important;letter-spacing:.055em!important;text-transform:uppercase!important;box-shadow:none!important}
#examClassroom .ex-teach-slide>h2{display:block!important;margin:0 0 30px!important;padding:0!important;max-width:none!important;color:var(--apple-text)!important;font-size:clamp(34px,3vw,42px)!important;line-height:1.08!important;font-weight:720!important;letter-spacing:-.045em!important;text-shadow:none!important;filter:none!important}
#examClassroom .ex-teach-slide>h2>p{display:inline!important;margin:0!important;padding:0!important;font:inherit!important;line-height:inherit!important;color:inherit!important;letter-spacing:inherit!important}
#examClassroom .ex-teach-slide p,#examClassroom .ex-teach-copy,#examClassroom .ex-rich-content:not(h2){color:var(--apple-text-2)!important;font-size:17px!important;line-height:1.55!important;font-weight:420!important;letter-spacing:-.012em!important}
#examClassroom .ex-teach-list{display:grid!important;gap:13px!important;margin:24px 0!important;padding-left:22px!important;color:var(--apple-text-2)!important}
#examClassroom .ex-teach-list li{padding-left:2px!important;color:var(--apple-text-2)!important;font-size:17px!important;line-height:1.5!important;font-weight:420!important}
#examClassroom .ex-slide-pills{display:flex!important;flex-wrap:wrap!important;gap:7px!important;margin-top:34px!important}
#examClassroom .ex-slide-pill{min-height:36px!important;padding:0 12px!important;border:1px solid var(--apple-line)!important;border-radius:999px!important;background:transparent!important;color:var(--apple-text-2)!important;font-size:12px!important;font-weight:520!important;box-shadow:none!important}
#examClassroom .ex-slide-pill:hover{background:var(--apple-control)!important;color:var(--apple-text)!important}

#examClassroom .ex-stage-nav{position:static!important;inset:auto!important;transform:none!important;width:100%!important;margin:68px 0 0!important;padding:54px 0 0!important;border:0!important;border-top:1px solid var(--apple-line)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;display:grid!important;grid-template-columns:1fr auto 1fr!important;align-items:center!important;gap:20px!important;pointer-events:auto!important}
#examClassroom .ex-stage-nav #examSlidePrevious,#examClassroom .ex-stage-nav #examSlideNext{position:static!important;inset:auto!important;transform:none!important;width:auto!important;height:44px!important;min-width:104px!important;min-height:44px!important;margin:0!important;padding:0 15px!important;border:1px solid var(--apple-line)!important;border-radius:12px!important;box-shadow:none!important;font-size:12px!important;line-height:1!important;font-weight:650!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;pointer-events:auto!important}
#examClassroom .ex-stage-nav #examSlidePrevious{justify-self:start!important;background:transparent!important;color:var(--apple-text)!important}
#examClassroom .ex-stage-nav #examSlideNext{justify-self:end!important;background:var(--apple-text)!important;color:var(--apple-bg)!important;border-color:var(--apple-text)!important}
#examClassroom .ex-stage-nav #examSlidePrevious svg,#examClassroom .ex-stage-nav #examSlideNext svg{width:14px!important;height:14px!important;fill:none!important;stroke:currentColor!important;stroke-width:2!important}
#examClassroom .ex-stage-dots{position:static!important;inset:auto!important;transform:none!important;justify-self:center!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;width:auto!important;max-width:300px!important;padding:0!important;border:0!important;background:transparent!important;overflow:hidden!important}
#examClassroom .ex-stage-dot{width:6px!important;height:6px!important;min-width:6px!important;min-height:6px!important;padding:0!important;border:0!important;border-radius:999px!important;background:color-mix(in srgb,var(--apple-text) 18%,transparent)!important;box-shadow:none!important}
#examClassroom .ex-stage-dot.active{background:var(--apple-text)!important;transform:none!important}

#examClassroom .ex-classroom-composer{position:fixed!important;left:50%!important;bottom:max(20px,env(safe-area-inset-bottom))!important;transform:translateX(-50%)!important;z-index:68!important;width:min(720px,calc(100% - 36px))!important;min-height:56px!important;padding:7px 8px 7px 16px!important;border:1px solid var(--apple-line)!important;border-radius:20px!important;background:var(--apple-sheet-strong)!important;display:grid!important;grid-template-columns:20px minmax(0,1fr) 40px!important;align-items:center!important;gap:10px!important;box-shadow:0 14px 42px rgba(0,0,0,.10)!important;backdrop-filter:blur(28px) saturate(130%)!important;-webkit-backdrop-filter:blur(28px) saturate(130%)!important}
#examClassroom .ex-classroom-composer-icon{width:17px!important;height:17px!important;fill:none!important;stroke:var(--apple-text-3)!important;stroke-width:1.7!important;stroke-linecap:round!important;stroke-linejoin:round!important}
#examClassroom .ex-classroom-composer input{width:100%!important;min-width:0!important;height:40px!important;padding:0!important;border:0!important;outline:0!important;background:transparent!important;color:var(--apple-text)!important;font:inherit!important;font-size:13px!important;box-shadow:none!important}
#examClassroom .ex-classroom-composer input::placeholder{color:var(--apple-text-3)!important;opacity:1!important}
#examClassroom .ex-classroom-composer button{width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;padding:0!important;border:0!important;border-radius:999px!important;background:var(--apple-text)!important;color:var(--apple-bg)!important;display:grid!important;place-items:center!important;cursor:pointer!important;box-shadow:none!important}
#examClassroom .ex-classroom-composer button svg{width:17px!important;height:17px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important}

/* Teacher sheet: aligned, no resize chrome, full-height message region. */
#examMentorDrawer.ex-drawer.helper{position:fixed!important;right:20px!important;left:auto!important;top:84px!important;bottom:20px!important;width:min(430px,calc(100vw - 40px))!important;height:auto!important;max-height:none!important;border:1px solid var(--apple-line)!important;border-radius:22px!important;background:var(--apple-sheet)!important;box-shadow:0 24px 70px rgba(0,0,0,.22)!important;overflow:hidden!important;display:flex!important;flex-direction:column!important}
#examMentorDrawer[hidden]{display:none!important}
#examMentorDrawer .ex-drawer-head{flex:0 0 auto!important;min-height:68px!important;padding:14px 14px 12px 16px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;border-bottom:1px solid var(--apple-line)!important;background:transparent!important}
#examMentorDrawer .ex-drawer-head .ex-kicker{margin-bottom:3px!important;font-size:9px!important;color:var(--apple-text-3)!important}
#examMentorDrawer .ex-drawer-head h2{margin:0!important;font-size:18px!important;line-height:1.15!important;font-weight:700!important;letter-spacing:-.025em!important}
#examMentorDrawer .ex-drawer-head-actions{display:flex!important;align-items:center!important;gap:6px!important;flex:0 0 auto!important}
#examMentorDrawer #examMentorResizeReset,#examMentorDrawer .ex-mentor-resize{display:none!important}
#examMentorDrawer .ex-mentor-bp{min-height:34px!important;height:34px!important;padding:0 10px!important;border-radius:999px!important;white-space:nowrap!important}
#examMentorDrawer .ex-drawer-body{flex:1 1 auto!important;min-height:0!important;padding:14px 14px 10px!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;background:transparent!important}
#examMentorDrawer .ex-teacher-context{flex:0 0 auto!important;margin:0 0 10px!important;display:flex!important;gap:6px!important;overflow-x:auto!important;scrollbar-width:none!important}
#examMentorDrawer .ex-teacher-context::-webkit-scrollbar{display:none!important}
#examMentorDrawer .ex-quick-actions{flex:0 0 auto!important;margin:0 0 10px!important;display:flex!important;gap:6px!important;flex-wrap:wrap!important}
#examMentorDrawer .ex-mentor-scroll{flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;padding:4px 2px 12px!important;scrollbar-width:thin!important}
#examMentorDrawer .ex-mentor-messages{display:grid!important;gap:10px!important;align-content:start!important}
#examMentorDrawer .ex-mentor-message{max-width:92%!important;margin:0!important;padding:11px 12px!important;border:0!important;border-radius:16px!important;background:var(--apple-control)!important;color:var(--apple-text)!important;box-shadow:none!important}
#examMentorDrawer .ex-mentor-message.user{justify-self:end!important;background:var(--apple-text)!important;color:var(--apple-bg)!important}
#examMentorDrawer .ex-mentor-message.ai{justify-self:start!important}
#examMentorDrawer .ex-mentor-message p{margin:0!important;color:inherit!important;font-size:13px!important;line-height:1.5!important}
#examMentorDrawer .ex-mentor-compose{position:relative!important;flex:0 0 auto!important;min-height:62px!important;padding:9px!important;border-top:1px solid var(--apple-line)!important;background:var(--apple-sheet-strong)!important;display:grid!important;grid-template-columns:38px 38px minmax(0,1fr) 42px!important;gap:7px!important;align-items:center!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
#examMentorDrawer .ex-mentor-attach,#examMentorDrawer .ex-mentor-mic,#examMentorDrawer .ex-mentor-send{width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important;padding:0!important;border:1px solid var(--apple-line)!important;border-radius:12px!important;background:var(--apple-control)!important;color:var(--apple-text)!important;display:grid!important;place-items:center!important;box-shadow:none!important}
#examMentorDrawer .ex-mentor-send{width:42px!important;min-width:42px!important;background:var(--apple-text)!important;color:var(--apple-bg)!important;border-color:var(--apple-text)!important}
#examMentorDrawer .ex-mentor-compose textarea{width:100%!important;min-width:0!important;min-height:42px!important;max-height:96px!important;margin:0!important;padding:10px 11px!important;border:1px solid var(--apple-line)!important;border-radius:12px!important;background:var(--apple-control)!important;color:var(--apple-text)!important;font-size:13px!important;line-height:1.35!important;resize:none!important;overflow-y:auto!important}
#examMentorDrawer .ex-mic-status,#examMentorDrawer .ex-mentor-upload-status{position:absolute!important;left:96px!important;right:58px!important;bottom:1px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;font-size:9px!important;color:var(--apple-text-3)!important;pointer-events:none!important}

/* Guest sources are a policy note, not a red product error. */
#examWizard .ex-error.ex-guest-source-note{border-color:var(--apple-line)!important;background:var(--apple-control)!important;color:var(--apple-text-2)!important}

@media(max-width:900px){
  #examClassroom .ex-class-header{height:62px!important;min-height:62px!important;grid-template-columns:auto minmax(0,1fr) 44px!important;gap:10px!important;padding:0 10px!important}
  #examClassroom .ex-class-header>.ex-brand{gap:0!important}#examClassroom .ex-class-header>.ex-brand img{width:28px!important;height:28px!important}#examClassroom .ex-class-header>.ex-brand>strong{display:none!important}
  #examClassroom .ex-header-progress{width:100%!important;padding-bottom:9px!important}#examClassroom .ex-header-progress-top{gap:10px!important;height:26px!important}
  #examClassroom .ex-current-block{max-width:calc(100% - 48px)!important}#examClassroom .ex-current-block strong{font-size:12px!important;text-align:left!important}#examClassroom .ex-progress-number{font-size:10px!important}
  #examClassroom .ex-header-chips{display:none!important}
  #examClassroom .ex-class-menu{right:0!important;top:46px!important}
  #examClassroom .ex-teacher-wrap{width:min(100% - 28px,720px)!important;min-height:calc(100dvh - 62px)!important;padding:54px 0 118px!important}
  #examClassroom .ex-stage-body{width:100%!important}#examClassroom .ex-slide-label{margin-bottom:22px!important}
  #examClassroom .ex-teach-slide>h2{font-size:clamp(30px,8vw,38px)!important;margin-bottom:22px!important}
  #examClassroom .ex-teach-slide p,#examClassroom .ex-teach-copy,#examClassroom .ex-rich-content:not(h2),#examClassroom .ex-teach-list li{font-size:16px!important;line-height:1.5!important}
  #examClassroom .ex-stage-nav{margin-top:46px!important;padding-top:30px!important;grid-template-columns:1fr auto 1fr!important;gap:8px!important}
  #examClassroom .ex-stage-nav #examSlidePrevious,#examClassroom .ex-stage-nav #examSlideNext{min-width:0!important;height:42px!important;padding:0 11px!important;font-size:11px!important}
  #examClassroom .ex-stage-dots{max-width:120px!important;overflow:hidden!important}
  #examClassroom .ex-classroom-composer{bottom:max(10px,env(safe-area-inset-bottom))!important;width:calc(100% - 20px)!important;min-height:52px!important;padding:5px 6px 5px 13px!important;border-radius:17px!important;grid-template-columns:18px minmax(0,1fr) 38px!important}
  #examClassroom .ex-classroom-composer button{width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important}
  #examMentorDrawer.ex-drawer.helper{left:8px!important;right:8px!important;top:70px!important;bottom:8px!important;width:auto!important;border-radius:20px!important}
}
@media(max-width:520px){
  #examClassroom .ex-stage-dots{display:none!important}#examClassroom .ex-stage-nav{grid-template-columns:1fr 1fr!important}#examClassroom .ex-stage-nav #examSlidePrevious{justify-self:stretch!important}#examClassroom .ex-stage-nav #examSlideNext{justify-self:stretch!important}
  #examMentorDrawer .ex-mentor-compose{grid-template-columns:36px 36px minmax(0,1fr) 40px!important;gap:5px!important;padding:7px!important}
  #examMentorDrawer .ex-mentor-attach,#examMentorDrawer .ex-mentor-mic{width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important}
}


/* V3.6.8.4 — classroom reliability polish */
#examClassroom .ex-class-header{overflow:visible!important}
#examClassroom .ex-header-chips{display:none!important}
#examClassroom .ex-class-menu-wrap{width:auto!important;min-width:180px!important;height:44px!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:14px!important;overflow:visible!important;z-index:125!important}
#examClassroom .ex-menu-exam-countdown{display:block!important;position:static!important;max-width:126px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;color:var(--apple-text-2)!important;font-size:10px!important;font-weight:650!important}
#examClassroom .ex-class-menu{pointer-events:auto!important}
#examClassroom .ex-class-menu button{pointer-events:auto!important;position:relative!important;z-index:1!important}
#examClassroom .ex-stage-nav{position:relative!important;z-index:70!important;margin-bottom:72px!important}
#examClassroom .ex-stage-nav #examSlidePrevious,#examClassroom .ex-stage-nav #examSlideNext{position:relative!important;z-index:2!important;pointer-events:auto!important}
#examClassroom .ex-stage-nav #examSlidePrevious:disabled,#examClassroom .ex-stage-nav #examSlideNext:disabled{opacity:.38!important;cursor:default!important;pointer-events:none!important}
#examClassroom .ex-classroom-composer{z-index:65!important}
#examSelectionToolbar{position:fixed!important;z-index:150!important;max-width:min(720px,calc(100vw - 20px))!important;overflow-x:auto!important;overscroll-behavior:contain!important;scrollbar-width:none!important}
#examSelectionToolbar::-webkit-scrollbar{display:none!important}
#examSelectionToolbar button{white-space:nowrap!important}
#examClassroom mark.ex-user-highlight{background:#ffd84d!important;color:#17130a!important;border-radius:3px!important;padding:0 .08em!important;box-decoration-break:clone!important;-webkit-box-decoration-break:clone!important}
html[data-exam-theme="dark"] #examClassroom mark.ex-user-highlight,[data-theme="dark"] #examClassroom mark.ex-user-highlight{background:#ffd84d!important;color:#17130a!important}
@media(max-width:900px){
  #examClassroom .ex-class-menu-wrap{min-width:44px!important;gap:8px!important}
  #examClassroom .ex-menu-exam-countdown{display:none!important}
  #examClassroom .ex-stage-nav{margin-bottom:64px!important}
}

/* 2026-08-17 — Question continuity: keep the active prompt readable while answering. */
#examClassroom .ex-sticky-question{
  position:fixed!important;
  top:var(--ex-sticky-question-top,82px)!important;
  left:50%!important;
  z-index:74!important;
  width:min(620px,calc(100vw - 36px))!important;
  max-height:min(30dvh,240px)!important;
  overflow:auto!important;
  padding:11px 14px 12px!important;
  border:1px solid var(--apple-line)!important;
  border-radius:16px!important;
  background:color-mix(in srgb,var(--apple-sheet) 94%,transparent)!important;
  color:var(--apple-text)!important;
  box-shadow:0 12px 34px rgba(0,0,0,.12)!important;
  backdrop-filter:blur(24px) saturate(125%)!important;
  -webkit-backdrop-filter:blur(24px) saturate(125%)!important;
  transform:translate(-50%,-7px)!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  transition:opacity .12s ease,transform .12s ease,visibility 0s linear .12s!important;
  scrollbar-width:thin!important;
}
#examClassroom .ex-sticky-question.is-active{
  transform:translate(-50%,0)!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  transition:opacity .12s ease,transform .12s ease!important;
}
#examClassroom .ex-sticky-question-label{
  display:block!important;
  margin:0 0 4px!important;
  color:var(--apple-accent)!important;
  font-size:9px!important;
  line-height:1.2!important;
  font-weight:760!important;
  letter-spacing:.065em!important;
  text-transform:uppercase!important;
}
#examClassroom .ex-sticky-question-copy,
#examClassroom .ex-sticky-question-copy p{
  margin:0!important;
  color:var(--apple-text)!important;
  font-size:14px!important;
  line-height:1.42!important;
  font-weight:590!important;
  letter-spacing:-.012em!important;
}
@media(min-width:1050px){
  html[data-exam-teacher-helper-open] #examClassroom .ex-sticky-question{left:calc(50% - min(17.5vw,215px))!important}
}
@media(max-width:900px){
  #examClassroom .ex-sticky-question{top:var(--ex-sticky-question-top,70px)!important;width:calc(100vw - 20px)!important;max-height:min(27dvh,210px)!important;padding:10px 12px 11px!important;border-radius:14px!important}
  #examClassroom .ex-sticky-question-copy,#examClassroom .ex-sticky-question-copy p{font-size:13px!important;line-height:1.4!important}
}
@media(prefers-reduced-motion:reduce){
  #examClassroom .ex-sticky-question{transition:none!important}
}

/* 2026-08-18 — Classroom render atomicity safety.
   The teaching stage must never inherit a stale motion opacity after the
   canonical lesson has already been accepted by the backend. */
#examClassroom #examStageBody.ex-swap-enter,
#examClassroom #examStageBody.ex-swap-exit,
#examClassroom #examStageBody.ex-motion-active{
  opacity:1!important;
  transform:none!important;
  visibility:visible!important;
}
#examClassroom #examStageBody{
  min-height:120px!important;
}

/* 2026-08-18 — Source-first classroom composition.
   One source-ordered chapter map + one teaching canvas + one subordinate Side Teacher. */
#examClassroom .ex-source-first-classroom{
  width:min(1660px,calc(100% - 28px))!important;
  max-width:none!important;
  margin:0 auto!important;
  padding:88px 0 122px!important;
  display:grid!important;
  grid-template-columns:minmax(220px,260px) minmax(520px,1fr) minmax(240px,300px)!important;
  grid-template-areas:"chapter stage side" "chapter composer side"!important;
  gap:16px!important;
  align-items:start!important;
}
#examClassroom .ex-class-chapter-map,
#examClassroom .ex-side-teacher-dock{
  border:1px solid var(--apple-line)!important;
  border-radius:22px!important;
  background:color-mix(in srgb,var(--apple-sheet) 94%,transparent)!important;
  box-shadow:0 18px 55px rgba(0,0,0,.16)!important;
  backdrop-filter:blur(26px) saturate(128%)!important;
  -webkit-backdrop-filter:blur(26px) saturate(128%)!important;
}
#examClassroom .ex-class-chapter-map{grid-area:chapter;position:sticky!important;top:86px!important;padding:14px!important;max-height:calc(100dvh - 106px)!important;overflow:auto!important}
#examClassroom .ex-side-teacher-dock{grid-area:side;position:sticky!important;top:86px!important;padding:18px!important;max-height:calc(100dvh - 106px)!important;overflow:auto!important}
#examClassroom .ex-teacher-stage{grid-area:stage!important;width:100%!important;margin:0!important;min-width:0!important}
#examClassroom .ex-classroom-composer{grid-area:composer!important;width:100%!important;margin:0!important}
#examClassroom .ex-class-side-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 12px;padding:2px 4px 10px;border-bottom:1px solid var(--apple-line);font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--apple-muted)}
#examClassroom .ex-class-side-head strong{color:var(--apple-accent);font-size:11px;letter-spacing:0;text-transform:none}
#examClassroom .ex-class-chapter-list{display:grid;gap:7px}
#examClassroom .ex-class-map-item{display:grid;grid-template-columns:30px minmax(0,1fr);gap:9px;align-items:center;padding:9px;border:1px solid transparent;border-radius:13px;color:var(--apple-muted);background:var(--apple-control);font-size:12px;line-height:1.28}
#examClassroom .ex-class-map-item.active{color:var(--apple-text);border-color:color-mix(in srgb,var(--apple-accent) 55%,var(--apple-line));background:color-mix(in srgb,var(--apple-accent) 12%,var(--apple-control));box-shadow:inset 3px 0 0 var(--apple-accent)}
#examClassroom .ex-class-map-item.completed{color:var(--apple-text)}
#examClassroom .ex-class-map-index{display:grid;place-items:center;width:27px;height:27px;border-radius:9px;background:rgba(255,255,255,.055);font-size:11px;font-weight:750;color:inherit}
#examClassroom .ex-class-map-item.active .ex-class-map-index{background:color-mix(in srgb,var(--apple-accent) 22%,transparent);color:var(--apple-accent)}
#examClassroom .ex-class-map-title{min-width:0;overflow-wrap:anywhere}
#examClassroom .ex-side-teacher-title{display:flex;align-items:center;gap:11px;padding-bottom:14px;border-bottom:1px solid var(--apple-line);margin-bottom:14px}
#examClassroom .ex-side-teacher-avatar{display:grid;place-items:center;width:40px;height:40px;border-radius:13px;background:linear-gradient(145deg,color-mix(in srgb,var(--apple-accent) 25%,#111),#111);border:1px solid color-mix(in srgb,var(--apple-accent) 36%,var(--apple-line));color:var(--apple-accent);font-weight:850;font-size:17px}
#examClassroom .ex-side-teacher-title div{display:grid;gap:2px}.ex-side-teacher-title span{font-size:17px;font-weight:760;color:var(--apple-text)}
#examClassroom .ex-side-teacher-title strong{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--apple-accent)}
#examClassroom .ex-side-teacher-body{display:grid;gap:12px}
#examClassroom .ex-side-teacher-section{padding:13px;border:1px solid var(--apple-line);border-radius:15px;background:rgba(255,255,255,.025)}
#examClassroom .ex-side-teacher-section h3{margin:0 0 7px;color:var(--apple-accent);font-size:12px;line-height:1.2;font-weight:760;letter-spacing:.01em}
#examClassroom .ex-side-teacher-section p,#examClassroom .ex-side-teacher-section .ex-rich-content{margin:0!important;color:var(--apple-text)!important;font-size:13.5px!important;line-height:1.52!important;letter-spacing:-.01em!important}
#examClassroom .ex-side-formula{margin-top:9px;padding:9px;border-radius:11px;background:var(--apple-control);overflow:auto}
#examClassroom .ex-side-teacher-ask{width:100%;margin-top:13px}

/* Proactive editable visual teaching tools. */
#examClassroom .ex-proactive-visual{margin:18px 0 4px}
#examClassroom .ex-source-visual{border:1px solid var(--apple-line);border-radius:20px;background:rgba(255,255,255,.025);padding:15px;overflow:hidden}
#examClassroom .ex-source-visual-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px 14px;margin-bottom:14px}
#examClassroom .ex-source-visual-head strong{font-size:14px;color:var(--apple-accent)}
#examClassroom .ex-source-visual-head span{font-size:12px;color:var(--apple-muted)}
#examClassroom .ex-matrix-workspace{display:grid;grid-template-columns:minmax(120px,1fr) auto minmax(120px,1fr) auto minmax(150px,1fr);gap:10px;align-items:center}
#examClassroom .ex-matrix-card{padding:12px;border-radius:14px;background:var(--apple-control);border:1px solid var(--apple-line)}
#examClassroom .ex-matrix-card h4{margin:0 0 9px;font-size:12px;color:var(--apple-text)}
#examClassroom .ex-editable-matrix{position:relative;padding:4px 10px}
#examClassroom .ex-editable-matrix:before,#examClassroom .ex-editable-matrix:after{content:"";position:absolute;top:0;bottom:0;width:7px;border-top:1.5px solid var(--apple-text);border-bottom:1.5px solid var(--apple-text)}
#examClassroom .ex-editable-matrix:before{left:0;border-left:1.5px solid var(--apple-text)}#examClassroom .ex-editable-matrix:after{right:0;border-right:1.5px solid var(--apple-text)}
#examClassroom .ex-editable-matrix-grid{display:grid;grid-template-columns:repeat(2,minmax(48px,1fr));gap:6px}
#examClassroom .ex-editable-matrix input,#examClassroom .ex-vector-controls input{width:100%;min-width:0;border:1px solid var(--apple-line);border-radius:9px;background:rgba(0,0,0,.12);color:var(--apple-text);padding:8px;text-align:center;font:600 13px/1.1 ui-monospace,SFMono-Regular,Menlo,monospace}
#examClassroom .ex-matrix-operator{font-size:22px;color:var(--apple-muted)}
#examClassroom .ex-matrix-output{font:650 15px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--apple-accent);overflow-wrap:anywhere}
#examClassroom .ex-matrix-explanation{margin-top:12px;padding:11px 13px;border-radius:13px;background:color-mix(in srgb,var(--apple-accent) 8%,var(--apple-control));color:var(--apple-text);font-size:13px;line-height:1.48}
#examClassroom .ex-vector-layout{display:grid;grid-template-columns:minmax(190px,240px) minmax(0,1fr);gap:14px}
#examClassroom .ex-vector-controls{display:grid;gap:9px;align-content:start}.ex-vector-controls .ex-visual-control{display:grid;grid-template-columns:minmax(0,1fr) 86px;align-items:center;gap:8px;font-size:12px;color:var(--apple-muted)}
#examClassroom .ex-vector-matrix-controls{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding-top:8px;border-top:1px solid var(--apple-line)}
#examClassroom .ex-vector-matrix-controls .ex-control-title{grid-column:1/-1;color:var(--apple-accent);font-size:12px;font-weight:700}
#examClassroom .ex-vector-plot{min-width:0}.ex-vector-plot svg{display:block;width:100%;height:auto;max-height:390px;border:1px solid var(--apple-line);border-radius:14px;background:rgba(0,0,0,.12)}
#examClassroom .ex-vector-gridline{stroke:rgba(148,163,184,.12);stroke-width:.6}.ex-vector-axis{stroke:rgba(226,232,240,.55);stroke-width:1}
#examClassroom .ex-vector-original{stroke:#5ea1ff;stroke-width:3}.ex-vector-transformed{stroke:#ff8066;stroke-width:3}.ex-vector-original-label{fill:#7ab2ff;font-size:16px}.ex-vector-transformed-label{fill:#ff947f;font-size:16px}
#examClassroom .ex-vector-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}.ex-vector-stat{display:grid;gap:2px;padding:9px 11px;border:1px solid var(--apple-line);border-radius:12px;background:var(--apple-control)}.ex-vector-stat span{font-size:10px;color:var(--apple-muted)}.ex-vector-stat strong{font-size:14px;color:var(--apple-text)}
#examClassroom .ex-source-image-card{padding:10px}#examClassroom .ex-source-image-card img{display:block;max-width:100%;max-height:560px;margin:auto;border-radius:13px;object-fit:contain}#examClassroom .ex-source-image-card figcaption{padding:9px 3px 1px;color:var(--apple-muted);font-size:12px}

/* One question = one interaction owner. Clean Apple-style mastery card. */
#examClassroom .ex-question-form{margin-top:18px!important;padding:18px!important;border:1px solid var(--apple-line)!important;border-radius:20px!important;background:rgba(255,255,255,.022)!important;box-shadow:none!important}
#examClassroom .ex-question-instruction{margin:0 0 14px!important;font-size:12px!important;letter-spacing:.055em!important;text-transform:uppercase!important;color:var(--apple-accent)!important}
#examClassroom .ex-question-options{counter-reset:exam-option;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
#examClassroom .ex-question-option{counter-increment:exam-option;display:grid!important;grid-template-columns:34px 1fr!important;align-items:center!important;gap:10px!important;min-height:66px!important;padding:11px 13px!important;border-radius:15px!important;cursor:pointer!important}
#examClassroom .ex-question-option:before{content:counter(exam-option,upper-alpha);display:grid;place-items:center;width:32px;height:32px;border-radius:50%;border:1px solid color-mix(in srgb,var(--apple-accent) 70%,var(--apple-line));color:var(--apple-accent);font-weight:780;font-size:13px}
#examClassroom .ex-question-option input{position:absolute!important;opacity:0!important;pointer-events:none!important}
#examClassroom .ex-question-option:has(input:checked){border-color:var(--apple-accent)!important;background:color-mix(in srgb,var(--apple-accent) 10%,var(--apple-control))!important}
#examClassroom .ex-question-option:has(input:checked):before{background:var(--apple-accent)!important;color:#111!important}
#examClassroom .ex-option-copy{font-size:14px!important;line-height:1.45!important;color:var(--apple-text)!important}
#examClassroom .ex-question-actions{display:flex!important;justify-content:center!important;gap:9px!important;flex-wrap:wrap!important;margin-top:16px!important}
#examClassroom .ex-question-actions .ex-btn.primary{min-width:170px!important}

@media(max-width:1240px){
  #examClassroom .ex-source-first-classroom{grid-template-columns:minmax(200px,235px) minmax(0,1fr)!important;grid-template-areas:"chapter stage" "chapter composer"!important}
  #examClassroom .ex-side-teacher-dock{display:none!important}
}
@media(max-width:900px){
  #examClassroom .ex-source-first-classroom{width:min(100% - 22px,760px)!important;grid-template-columns:minmax(0,1fr)!important;grid-template-areas:"stage" "composer"!important;padding:58px 0 118px!important}
  #examClassroom .ex-class-chapter-map{display:none!important}
  #examClassroom .ex-question-options{grid-template-columns:1fr!important}
  #examClassroom .ex-vector-layout{grid-template-columns:1fr!important}
  #examClassroom .ex-matrix-workspace{grid-template-columns:1fr!important}.ex-matrix-operator{text-align:center}
}
/* Source-first visual runtime v2 */
#examClassroom .ex-matrix-single-workspace{display:grid;grid-template-columns:minmax(220px,1fr) minmax(220px,.85fr);gap:12px;align-items:stretch}
#examClassroom .ex-readonly-matrix .ex-editable-matrix-grid{gap:8px}
#examClassroom .ex-matrix-value{display:grid;place-items:center;min-height:34px;padding:6px 8px;border-radius:8px;background:rgba(255,255,255,.035);font:650 13px/1 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--apple-text)}
#examClassroom .ex-matrix-order{font:700 24px/1.1 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--apple-gold);padding:10px 0}
#examClassroom .ex-editable-matrix input.ex-matrix-active{border-color:rgba(231,180,67,.95)!important;background:rgba(231,180,67,.13)!important;box-shadow:0 0 0 1px rgba(231,180,67,.18) inset,0 0 18px rgba(231,180,67,.08)}
#examClassroom .ex-source-image-status{min-height:160px;display:grid;place-items:center;text-align:center;padding:28px;border:1px dashed var(--apple-line);border-radius:13px;color:var(--apple-muted);background:rgba(255,255,255,.02)}
@media (max-width:900px){#examClassroom .ex-matrix-single-workspace{grid-template-columns:1fr}}

#examClassroom .ex-source-visual-graph3d{overflow:hidden!important}
#examClassroom .ex-graph3d-frame{display:block;width:100%;height:min(62vh,620px);min-height:420px;border:1px solid var(--apple-line);border-radius:16px;background:#070707}
@media(max-width:700px){#examClassroom .ex-graph3d-frame{height:480px;min-height:360px}}


/* 2026-08-18 — classroom shell micro-polish v1.
   The permanent Side Teacher dock is visually removed from desktop; Ask your teacher
   remains available through the classroom menu/composer. Composer stays persistent but compact. */
@media (min-width:901px){
  #examClassroom .ex-source-first-classroom{
    width:min(1420px,calc(100% - 32px))!important;
    grid-template-columns:minmax(220px,260px) minmax(0,1fr)!important;
    grid-template-areas:"chapter stage" "chapter composer"!important;
    gap:18px!important;
  }
  #examClassroom .ex-side-teacher-dock{display:none!important}
  #examClassroom .ex-classroom-composer{
    grid-area:composer!important;
    position:fixed!important;
    left:50%!important;
    bottom:max(18px,env(safe-area-inset-bottom))!important;
    transform:translateX(-50%)!important;
    width:min(620px,calc(100% - 36px))!important;
    min-height:48px!important;
    padding:5px 6px 5px 14px!important;
    grid-template-columns:18px minmax(0,1fr) 36px!important;
    gap:9px!important;
    border-radius:17px!important;
    margin:0!important;
    box-shadow:0 10px 30px rgba(0,0,0,.12)!important;
  }
  #examClassroom .ex-classroom-composer input{height:36px!important;font-size:13px!important}
  #examClassroom .ex-classroom-composer button{
    width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;
  }
}
@media (max-width:900px){
  #examClassroom .ex-classroom-composer{
    grid-area:composer!important;
    position:fixed!important;
    left:50%!important;
    bottom:max(10px,env(safe-area-inset-bottom))!important;
    transform:translateX(-50%)!important;
    width:min(350px,calc(100% - 28px))!important;
    min-height:46px!important;
    padding:4px 5px 4px 12px!important;
    grid-template-columns:17px minmax(0,1fr) 36px!important;
    gap:8px!important;
    border-radius:16px!important;
    margin:0!important;
  }
  #examClassroom .ex-classroom-composer input{height:36px!important;font-size:12.5px!important}
  #examClassroom .ex-classroom-composer button{
    width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;
  }
}

/* 2026-08-18 — Final classroom interaction polish v1.
   The source-first architecture stays unchanged; these rules only change presentation ownership. */
#examClassroom .ex-source-first-classroom{
  width:min(1420px,calc(100% - 32px))!important;
  grid-template-columns:minmax(0,1fr)!important;
  grid-template-areas:"stage" "composer"!important;
  gap:18px!important;
}
#examClassroom .ex-side-teacher-dock{display:none!important}
#examClassroom .ex-class-chapter-map{
  display:block!important;
  position:fixed!important;
  z-index:76!important;
  left:max(14px,env(safe-area-inset-left))!important;
  top:82px!important;
  bottom:max(82px,calc(env(safe-area-inset-bottom) + 68px))!important;
  width:min(330px,calc(100vw - 28px))!important;
  max-height:none!important;
  overflow:auto!important;
  transform:translate3d(calc(-100% - 30px),0,0)!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  transition:transform .22s cubic-bezier(.2,.8,.2,1),opacity .18s ease,visibility 0s linear .22s!important;
}
html[data-exam-chapter-map-open] #examClassroom .ex-class-chapter-map{
  transform:translate3d(0,0,0)!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  transition:transform .22s cubic-bezier(.2,.8,.2,1),opacity .18s ease,visibility 0s!important;
}
#examClassroom .ex-class-side-head-actions{display:flex;align-items:center;gap:8px}
#examClassroom .ex-chapter-map-close{
  display:grid;place-items:center;width:30px;height:30px;border:1px solid var(--apple-line);border-radius:10px;
  background:var(--apple-control);color:var(--apple-text);font:500 20px/1 system-ui;cursor:pointer
}
#examClassroom .ex-chapter-map-toggle{
  position:fixed;z-index:64;left:max(18px,env(safe-area-inset-left));top:84px;
  display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:0 12px;
  border:1px solid var(--apple-line);border-radius:13px;background:color-mix(in srgb,var(--apple-sheet) 94%,transparent);
  color:var(--apple-text);box-shadow:0 10px 28px rgba(0,0,0,.13);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);
  font:700 12px/1 system-ui;cursor:pointer
}
#examClassroom .ex-chapter-map-toggle svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
html[data-exam-chapter-map-open] #examClassroom .ex-chapter-map-toggle{opacity:.35;pointer-events:none}

/* A teaching MCQ is a full lesson slide, never a narrow side card. */
#examClassroom .ex-stage-body[data-question-slide="1"]{width:min(1060px,100%)!important;margin-inline:auto!important}
#examClassroom .ex-teach-slide[data-has-question="1"]{display:block!important;grid-template-columns:none!important}
#examClassroom .ex-teach-slide[data-has-question="1"]>.ex-question-form{
  width:100%!important;max-height:none!important;overflow:visible!important;margin:22px 0 0!important;padding:22px!important
}
#examClassroom .ex-teach-slide[data-has-question="1"] .ex-question-options{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
#examClassroom .ex-question-option.is-correct{
  border-color:rgba(73,190,122,.72)!important;background:rgba(73,190,122,.12)!important;color:#d9ffe8!important;
  box-shadow:inset 0 0 0 1px rgba(73,190,122,.16)!important
}
#examClassroom .ex-question-option.is-wrong{
  border-color:rgba(238,92,92,.72)!important;background:rgba(238,92,92,.11)!important;color:#ffe0e0!important;
  box-shadow:inset 0 0 0 1px rgba(238,92,92,.15)!important
}
#examClassroom .ex-question-option.is-correct .ex-option-marker{border-color:rgba(73,190,122,.82)!important;color:#9ef0bd!important}
#examClassroom .ex-question-option.is-wrong .ex-option-marker{border-color:rgba(238,92,92,.82)!important;color:#ffabab!important}
#examClassroom .ex-objective-feedback{margin-top:16px;padding:16px 17px;border:1px solid var(--apple-line);border-radius:16px;background:var(--apple-control)}
#examClassroom .ex-objective-feedback.correct{border-color:rgba(73,190,122,.46);background:rgba(73,190,122,.07)}
#examClassroom .ex-objective-feedback.incorrect{border-color:rgba(238,92,92,.42);background:rgba(238,92,92,.06)}
#examClassroom .ex-objective-feedback>strong{display:block;font-size:17px;color:var(--apple-text);margin-bottom:7px}
#examClassroom .ex-objective-correct-answer,#examClassroom .ex-objective-explanation{margin:7px 0!important;font-size:14px!important;line-height:1.55!important;color:var(--apple-text-2)!important}
#examClassroom .ex-objective-correct-answer{color:color-mix(in srgb,#76d99a 82%,var(--apple-text))!important;font-weight:700!important}
#examClassroom .ex-source-image-status.is-reference{min-height:72px!important;border-style:solid!important;text-align:left!important;place-items:center start!important;color:var(--apple-muted)!important}

@media(max-width:900px){
  #examClassroom .ex-source-first-classroom{width:min(100% - 18px,760px)!important;padding:58px 0 118px!important}
  #examClassroom .ex-class-chapter-map{top:68px!important;bottom:74px!important;left:12px!important;width:min(328px,calc(100vw - 24px))!important}
  #examClassroom .ex-chapter-map-toggle{top:68px;left:12px;min-height:36px;padding:0 10px}
  #examClassroom .ex-chapter-map-toggle span{display:none}
  #examClassroom .ex-teach-slide[data-has-question="1"] .ex-question-options{grid-template-columns:1fr!important}
  #examClassroom .ex-teach-slide[data-has-question="1"]>.ex-question-form{padding:15px!important;margin-top:14px!important}
}

/* Aug 19 — Classroom Experience Final Pass
   Font names below are fallbacks only: no licensed font files are bundled by Exam Mode. */
:root{
  --ex-font-body:"Anthropic Sans","Instrument Sans","DM Sans",Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --ex-font-ui:"Anthropic Sans","ABC Diatype","Instrument Sans","Söhne","Sohne",Graphik,"Suisse Int'l","DM Sans",Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
body,.ex-page,.ex-wizard,.ex-dashboard,.ex-generating,.ex-timetable-screen,.ex-welcome,
.ex-btn,.ex-pill,.ex-home,.ex-icon-btn,.ex-drawer-close,.ex-bp,.ex-side-pill,.ex-help-button,
input,button,select,textarea{font-family:var(--ex-font-ui)!important}

/* Keep prose comfortable while giving visuals, worked solutions and questions the desktop canvas. */
#examClassroom .ex-teacher-wrap{width:min(1180px,calc(100% - 36px))!important}
#examClassroom .ex-stage-body{width:min(1100px,100%)!important}
#examClassroom .ex-teach-slide>p,
#examClassroom .ex-teach-slide>.ex-teach-copy,
#examClassroom .ex-teach-slide>.ex-rich-content:not(h2),
#examClassroom .ex-teach-slide>.ex-teach-list{max-width:78ch}
#examClassroom .ex-teach-slide p,
#examClassroom .ex-teach-copy,
#examClassroom .ex-rich-content:not(h2),
#examClassroom .ex-teach-list li{font-family:var(--ex-font-body)!important;font-weight:400!important}
#examClassroom .ex-teach-slide>h2,
#examClassroom .ex-slide-label,
#examClassroom .ex-stage-header,
#examClassroom .ex-stage-nav,
#examClassroom .ex-class-map-item{font-family:var(--ex-font-ui)!important}
#examClassroom .ex-teach-slide>h2{font-weight:650!important}
#examClassroom .ex-stage-nav #examSlidePrevious,
#examClassroom .ex-stage-nav #examSlideNext{font-weight:600!important}

/* Chapter map is navigable history + a locked frontier, never a skipping device. */
#examClassroom .ex-class-map-item{
  appearance:none;-webkit-appearance:none;width:100%;text-align:left;
  grid-template-columns:30px minmax(0,1fr) 18px;font:500 12px/1.28 var(--ex-font-ui)!important;
}
#examClassroom .ex-class-map-item.unlocked{cursor:pointer}
#examClassroom .ex-class-map-item.unlocked:hover{border-color:var(--apple-line-strong);background:var(--apple-control-hover)}
#examClassroom .ex-class-map-item.locked{opacity:.48;cursor:not-allowed}
#examClassroom .ex-class-map-lock{display:grid;place-items:center;color:var(--apple-text-3)}
#examClassroom .ex-class-map-item.active .ex-class-map-lock{color:var(--apple-accent)}

@media(max-width:760px){
  #examClassroom .ex-teacher-wrap{width:min(calc(100% - 28px),720px)!important}
  #examClassroom .ex-stage-body{width:100%!important}
  #examClassroom .ex-teach-slide>p,
  #examClassroom .ex-teach-slide>.ex-teach-copy,
  #examClassroom .ex-teach-slide>.ex-rich-content:not(h2),
  #examClassroom .ex-teach-slide>.ex-teach-list{max-width:none}
}


/* 2026-08-19 — Chapter map topbar ownership.
   The map trigger belongs to the classroom header on every viewport; it must
   never float over lesson headings. The map remains an overlay drawer. */
#examClassroom .ex-class-header{
  grid-template-columns:minmax(150px,220px) auto minmax(0,1fr) auto!important;
  gap:12px!important;
}
#examClassroom .ex-chapter-map-toggle.ex-chapter-map-topbar{
  position:static!important;
  inset:auto!important;
  z-index:auto!important;
  justify-self:start!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  width:auto!important;
  min-width:0!important;
  min-height:38px!important;
  height:38px!important;
  padding:0 11px!important;
  margin:0!important;
  border:1px solid var(--apple-line)!important;
  border-radius:12px!important;
  background:var(--apple-control)!important;
  color:var(--apple-text)!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  font-family:var(--ex-font-ui)!important;
  font-size:12px!important;
  line-height:1!important;
  font-weight:650!important;
  cursor:pointer!important;
}
#examClassroom .ex-chapter-map-toggle.ex-chapter-map-topbar:hover{background:var(--apple-control-hover)!important}
#examClassroom .ex-chapter-map-toggle.ex-chapter-map-topbar svg{width:17px!important;height:17px!important;flex:0 0 auto!important}
#examClassroom .ex-chapter-map-toggle.ex-chapter-map-topbar span{display:inline!important;white-space:nowrap!important}
html[data-exam-chapter-map-open] #examClassroom .ex-chapter-map-toggle.ex-chapter-map-topbar{
  opacity:1!important;
  pointer-events:auto!important;
  background:color-mix(in srgb,var(--apple-accent) 12%,var(--apple-control))!important;
  border-color:color-mix(in srgb,var(--apple-accent) 45%,var(--apple-line))!important;
}
#examClassroom .ex-class-chapter-map{
  top:78px!important;
  bottom:max(18px,env(safe-area-inset-bottom))!important;
  left:max(14px,env(safe-area-inset-left))!important;
  width:min(360px,calc(100vw - 28px))!important;
  border-radius:20px!important;
  box-shadow:0 24px 70px rgba(0,0,0,.34)!important;
}
html[data-exam-chapter-map-open] #examClassroom .ex-class-chapter-map{z-index:76!important}

@media(max-width:900px){
  #examClassroom .ex-class-header{
    grid-template-columns:auto 40px minmax(0,1fr) 44px!important;
    gap:7px!important;
    padding:0 9px!important;
  }
  #examClassroom .ex-chapter-map-toggle.ex-chapter-map-topbar{
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    min-height:40px!important;
    padding:0!important;
    border-radius:12px!important;
  }
  #examClassroom .ex-chapter-map-toggle.ex-chapter-map-topbar span{display:none!important}
  #examClassroom .ex-chapter-map-toggle.ex-chapter-map-topbar svg{width:19px!important;height:19px!important}
  #examClassroom .ex-class-chapter-map{
    top:70px!important;
    bottom:max(10px,env(safe-area-inset-bottom))!important;
    left:max(8px,env(safe-area-inset-left))!important;
    width:min(338px,calc(100vw - 16px))!important;
    border-radius:18px!important;
  }
}
@media(max-width:520px){
  #examClassroom .ex-current-block{max-width:calc(100% - 34px)!important}
  #examClassroom .ex-current-block strong{font-size:11px!important}
}

/* Aug 19 — Live Notes notebook + translucent classroom glass */
:root{
  --ex-glass-panel:rgba(20,20,22,.58);
  --ex-glass-panel-strong:rgba(26,26,28,.70);
  --ex-glass-line:rgba(255,255,255,.16);
  --ex-glass-highlight:rgba(255,255,255,.075);
  --ex-glass-shadow:0 28px 90px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.08);
}
#examNotesDrawer.ex-live-notes-drawer,
#examMentorDrawer.ex-drawer.helper{
  border:1px solid var(--ex-glass-line)!important;
  background:linear-gradient(145deg,rgba(36,36,40,.66),rgba(12,12,14,.50))!important;
  box-shadow:var(--ex-glass-shadow)!important;
  backdrop-filter:blur(42px) saturate(155%)!important;
  -webkit-backdrop-filter:blur(42px) saturate(155%)!important;
}
#examNotesDrawer.ex-live-notes-drawer{
  left:20px!important;right:auto!important;top:84px!important;bottom:20px!important;
  width:min(720px,calc(100vw - 40px))!important;height:auto!important;max-height:none!important;
  border-radius:26px!important;overflow:hidden!important;resize:none!important;
}
#examNotesDrawer .ex-live-notes-head,
#examMentorDrawer .ex-drawer-head{
  background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.018))!important;
  border-bottom:1px solid rgba(255,255,255,.10)!important;
}
#examNotesDrawer .ex-live-notes-head{padding:15px 16px!important;cursor:default!important}
.ex-live-notes-title{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:end!important;gap:0 12px!important;min-width:0!important}
.ex-live-notes-title .ex-kicker{grid-column:1/-1!important;margin-bottom:2px!important}
.ex-live-notes-title h2{margin:0!important;font-size:22px!important;line-height:1.05!important;letter-spacing:-.035em!important}
.ex-live-notes-save{font-size:10px!important;color:var(--apple-text-3)!important;white-space:nowrap!important;padding-bottom:2px!important}
.ex-live-notes-save[data-tone="saving"]{color:var(--apple-accent)!important}.ex-live-notes-save[data-tone="error"]{color:var(--apple-red)!important}
#examNotesDrawer .ex-live-notes-body{padding:12px!important;overflow-y:auto!important;background:transparent!important;display:flex!important;flex-direction:column!important;gap:9px!important}
.ex-live-notes-scope{display:grid!important;grid-template-columns:1fr 1fr!important;gap:4px!important;padding:4px!important;border:1px solid rgba(255,255,255,.10)!important;border-radius:13px!important;background:rgba(0,0,0,.18)!important;backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important}
.ex-live-notes-scope button{min-height:34px!important;border:0!important;border-radius:10px!important;background:transparent!important;color:var(--apple-text-2)!important;font:600 12px/1 var(--ex-ui-font,inherit)!important}
.ex-live-notes-scope button.active{background:rgba(255,255,255,.105)!important;color:var(--apple-text)!important;box-shadow:inset 0 1px rgba(255,255,255,.05)!important}
.ex-note-toolbar-primary{display:flex!important;flex-wrap:wrap!important;gap:6px!important;margin:0!important}
.ex-note-toolbar-primary .ex-btn{min-height:34px!important;padding:0 11px!important;border-radius:10px!important;font-size:11px!important}
.ex-note-formatbar{display:flex!important;align-items:center!important;gap:4px!important;overflow-x:auto!important;padding:5px!important;border:1px solid rgba(255,255,255,.085)!important;border-radius:11px!important;background:rgba(0,0,0,.13)!important;scrollbar-width:none!important}
.ex-note-formatbar::-webkit-scrollbar{display:none!important}.ex-note-formatbar>span{flex:1 0 12px!important}
.ex-note-formatbar button{flex:0 0 auto!important;min-width:30px!important;height:29px!important;padding:0 8px!important;border:0!important;border-radius:8px!important;background:transparent!important;color:var(--apple-text-2)!important;font-size:11px!important}
.ex-note-formatbar button:hover{background:rgba(255,255,255,.08)!important;color:var(--apple-text)!important}.ex-note-formatbar button.vip{color:var(--apple-accent)!important}
.ex-notebook-paper{position:relative!important;padding:18px 18px 28px!important;border:1px solid rgba(255,255,255,.11)!important;border-radius:19px!important;background:linear-gradient(180deg,rgba(255,255,255,.065),rgba(255,255,255,.035))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.055)!important;overflow:visible!important}
.ex-notebook-paper:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:.20;background:repeating-linear-gradient(to bottom,transparent 0,transparent 31px,rgba(255,255,255,.075) 32px)}
.ex-notebook-paper>*{position:relative;z-index:1}
.ex-notebook-paper-head{display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:14px!important;margin-bottom:14px!important;padding-bottom:12px!important;border-bottom:1px solid rgba(255,255,255,.09)!important}
.ex-notebook-paper-head h3{margin:2px 0 0!important;font-size:18px!important;line-height:1.2!important;letter-spacing:-.025em!important;color:var(--apple-text)!important}.ex-notebook-paper-head>span{font-size:10px!important;color:var(--apple-text-3)!important}
#examNotesDrawer .ex-note-scratchpad{min-height:108px!important;padding:14px 15px!important;margin:0 0 16px!important;border:1px dashed rgba(244,211,94,.28)!important;border-radius:14px!important;background:rgba(244,211,94,.035)!important;color:var(--apple-text)!important;font-size:13px!important;line-height:1.65!important;outline:none!important;white-space:pre-wrap!important}
#examNotesDrawer .ex-note-scratchpad:empty:before{content:attr(data-placeholder);color:var(--apple-text-3);pointer-events:none}
#examNotesDrawer .ex-note-scratchpad:focus{border-color:rgba(244,211,94,.46)!important;background:rgba(244,211,94,.05)!important}
.ex-live-note-groups{display:grid!important;gap:17px!important}.ex-note-section{margin:0!important;padding:0!important}.ex-note-section[hidden]{display:none!important}
#examNotesDrawer .ex-note-section>h3{display:flex!important;align-items:center!important;gap:8px!important;margin:0 0 8px!important;font-size:11px!important;line-height:1.2!important;text-transform:uppercase!important;letter-spacing:.075em!important;font-weight:700!important;color:var(--apple-text-2)!important}
#examNotesDrawer .ex-note-section>h3:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--apple-accent);box-shadow:0 0 0 3px rgba(244,211,94,.08)}
#examNotesDrawer .ex-note-section>div{display:grid!important;gap:8px!important}
#examNotesDrawer .ex-note-card{position:relative!important;padding:12px 13px!important;border:1px solid rgba(255,255,255,.095)!important;border-radius:13px!important;background:rgba(8,8,10,.28)!important;box-shadow:none!important;backdrop-filter:blur(14px)!important;-webkit-backdrop-filter:blur(14px)!important}
#examNotesDrawer .ex-note-card:focus-within{border-color:rgba(255,255,255,.20)!important;background:rgba(12,12,14,.36)!important}
.ex-note-card-head{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:8px!important;margin-bottom:5px!important}.ex-note-card-head h4{margin:0!important;min-width:0!important;font-size:13px!important;line-height:1.35!important;font-weight:700!important;letter-spacing:-.01em!important;outline:none!important}.ex-note-card-head h4:focus{background:rgba(255,255,255,.055)!important;border-radius:6px!important}
.ex-note-card-actions{display:flex!important;gap:4px!important;flex:0 0 auto!important}.ex-note-pin{width:27px!important;height:27px!important;border:0!important;border-radius:8px!important;background:transparent!important;color:var(--apple-text-3)!important;font-size:16px!important}.ex-note-pin:hover{background:rgba(255,255,255,.07)!important;color:var(--apple-accent)!important}
.ex-note-card-body{font-size:12.5px!important;line-height:1.58!important;color:var(--apple-text-2)!important;outline:none!important;white-space:pre-wrap!important}.ex-note-card-body:focus{color:var(--apple-text)!important}
.ex-note-card-pinned{border-left:2px solid var(--apple-accent)!important}.ex-note-card-formulas{border-left:2px solid rgba(41,151,255,.65)!important}.ex-note-card-examples{border-left:2px solid rgba(48,209,88,.58)!important}.ex-note-card-mistakes{border-left:2px solid rgba(255,69,58,.62)!important}.ex-note-card-exam{border-left:2px solid rgba(244,211,94,.62)!important}
.ex-note-formula-display{padding:8px 10px!important;border-radius:10px!important;background:rgba(41,151,255,.055)!important;overflow-x:auto!important}.ex-note-formula-edit{margin-top:6px!important;color:var(--apple-text-3)!important;font-size:10px!important}.ex-note-formula-edit summary{cursor:pointer!important}.ex-note-inline-editor{width:100%!important;margin-top:6px!important;padding:8px 9px!important;border:1px solid var(--apple-line)!important;border-radius:9px!important;background:rgba(0,0,0,.22)!important;color:var(--apple-text)!important;font:12px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace!important;resize:vertical!important}
.ex-live-notes-empty{padding:18px 14px!important;text-align:center!important;color:var(--apple-text-2)!important}.ex-live-notes-empty strong{display:block!important;color:var(--apple-text)!important;margin-bottom:5px!important}.ex-live-notes-empty p{margin:0!important;font-size:12px!important;line-height:1.5!important}

/* Talk to Your Teacher — glass, contextual and subordinate */
#examMentorDrawer.ex-drawer.helper{background:linear-gradient(145deg,rgba(31,31,35,.60),rgba(10,10,12,.48))!important;border-color:rgba(255,255,255,.16)!important;box-shadow:0 28px 84px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.08)!important;backdrop-filter:blur(44px) saturate(160%)!important;-webkit-backdrop-filter:blur(44px) saturate(160%)!important}
#examMentorDrawer .ex-drawer-body{background:transparent!important}
#examMentorDrawer .ex-teacher-context .ex-pill,#examMentorDrawer .ex-quick-actions .ex-pill{background:rgba(255,255,255,.055)!important;border-color:rgba(255,255,255,.10)!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important}
#examMentorDrawer .ex-mentor-message.ai,#examMentorDrawer .ex-mentor-msg.assistant{background:rgba(255,255,255,.065)!important;border:1px solid rgba(255,255,255,.075)!important;backdrop-filter:blur(14px)!important;-webkit-backdrop-filter:blur(14px)!important}
#examMentorDrawer .ex-mentor-message.user,#examMentorDrawer .ex-mentor-msg.user{background:rgba(244,244,247,.88)!important;color:#0a0a0b!important;backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important}
#examMentorDrawer .ex-mentor-compose{background:rgba(13,13,15,.54)!important;border-top-color:rgba(255,255,255,.10)!important;backdrop-filter:blur(28px) saturate(150%)!important;-webkit-backdrop-filter:blur(28px) saturate(150%)!important}
#examMentorDrawer .ex-mentor-compose textarea{background:rgba(255,255,255,.06)!important;border-color:rgba(255,255,255,.10)!important}

@media(max-width:760px){
  #examNotesDrawer.ex-live-notes-drawer,#examMentorDrawer.ex-drawer.helper{
    left:8px!important;right:8px!important;top:auto!important;bottom:8px!important;width:auto!important;height:min(82dvh,760px)!important;max-height:calc(100dvh - 76px)!important;border-radius:24px!important;
  }
  #examNotesDrawer .ex-live-notes-body{padding:9px!important}.ex-notebook-paper{padding:15px 13px 24px!important;border-radius:17px!important}.ex-note-formatbar{position:sticky!important;top:0!important;z-index:4!important;background:rgba(18,18,20,.72)!important;backdrop-filter:blur(24px)!important;-webkit-backdrop-filter:blur(24px)!important}
  #examMentorDrawer .ex-drawer-body{padding:11px 10px 8px!important}.ex-live-notes-title h2{font-size:20px!important}.ex-live-notes-save{font-size:9px!important}
}


/* Aug 19 — Live Notes toolbar/export polish */
.ex-note-toolbar-primary{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:8px!important;
  margin:0!important;
}
.ex-note-toolbar-primary .ex-btn{
  min-width:0!important;
  width:100%!important;
  min-height:38px!important;
  padding:0 12px!important;
  border-radius:11px!important;
  font-size:11.5px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.ex-note-formatbar{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:8px!important;
  overflow:visible!important;
  padding:6px!important;
}
.ex-note-format-tools,.ex-note-export-tools{
  display:flex!important;
  align-items:center!important;
  gap:4px!important;
  min-width:0!important;
}
.ex-note-format-tools{justify-content:flex-start!important}
.ex-note-export-tools{
  justify-content:flex-end!important;
  padding-left:8px!important;
  border-left:1px solid rgba(255,255,255,.09)!important;
}
.ex-note-export-label{
  color:var(--apple-text-3)!important;
  font:650 9px/1 var(--ex-ui-font,inherit)!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
  margin-right:2px!important;
  white-space:nowrap!important;
}
.ex-note-formatbar button{
  flex:0 0 auto!important;
  min-width:34px!important;
  height:31px!important;
  padding:0 9px!important;
}
.ex-note-export-tools button{
  min-width:auto!important;
  padding:0 10px!important;
  background:rgba(255,255,255,.035)!important;
  border:1px solid rgba(255,255,255,.065)!important;
}
.ex-note-export-tools button:hover{background:rgba(255,255,255,.09)!important}
@media(max-width:760px){
  .ex-note-toolbar-primary{gap:6px!important}
  .ex-note-toolbar-primary .ex-btn{min-height:36px!important;padding:0 8px!important;font-size:10.5px!important}
  .ex-note-formatbar{grid-template-columns:1fr!important;gap:6px!important;padding:6px!important}
  .ex-note-format-tools{justify-content:flex-start!important}
  .ex-note-export-tools{justify-content:flex-start!important;padding:6px 0 0!important;border-left:0!important;border-top:1px solid rgba(255,255,255,.08)!important}
  .ex-note-export-label{margin-right:4px!important}
  .ex-note-export-tools button{flex:1 1 0!important;text-align:center!important}
}
@media(max-width:380px){
  .ex-note-toolbar-primary{grid-template-columns:1fr 1fr!important}
  .ex-note-toolbar-primary .ex-btn:last-child{grid-column:1/-1!important}
}


/* 2026-08-19 — Question focus polish.
   The question is the visual anchor of every assessment/worked-solution slide. */
#examClassroom .ex-question-prompt-card{
  position:relative!important;
  margin:0 0 18px!important;
  padding:18px 20px 19px!important;
  border:1px solid color-mix(in srgb,var(--apple-accent) 48%,var(--apple-line))!important;
  border-left:4px solid var(--apple-accent)!important;
  border-radius:18px!important;
  background:color-mix(in srgb,var(--apple-accent) 7%,var(--apple-control))!important;
  box-shadow:0 10px 34px rgba(0,0,0,.08)!important;
}
#examClassroom .ex-question-prompt-label{
  display:block!important;
  margin:0 0 8px!important;
  color:var(--apple-accent)!important;
  font-family:var(--ex-font-ui)!important;
  font-size:10px!important;
  line-height:1.2!important;
  font-weight:750!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}
#examClassroom .ex-question-prompt-text,
#examClassroom .ex-question-prompt-text p{
  margin:0!important;
  max-width:82ch!important;
  color:var(--apple-text)!important;
  font-family:var(--ex-font-body)!important;
  font-size:clamp(20px,1.65vw,25px)!important;
  line-height:1.45!important;
  font-weight:520!important;
  letter-spacing:-.015em!important;
}
#examClassroom .ex-question-form>.ex-question-origin{margin:0 0 12px!important}
#examClassroom .ex-question-form>.ex-question-instruction{margin:18px 0 14px!important}
#examClassroom .ex-solution-step{
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr)!important;
  align-items:start!important;
  gap:12px!important;
  padding:10px 0!important;
  border-bottom:1px solid var(--apple-line)!important;
}
#examClassroom .ex-solution-step:last-child{border-bottom:0!important}
#examClassroom .ex-step-number{
  color:var(--apple-accent)!important;
  font-family:var(--ex-font-ui)!important;
  font-size:13px!important;
  line-height:1.55!important;
  font-weight:760!important;
  white-space:nowrap!important;
}
#examClassroom .ex-sticky-question{
  width:min(920px,calc(100vw - 36px))!important;
  max-height:min(28dvh,220px)!important;
  padding:12px 16px 14px!important;
  border-color:color-mix(in srgb,var(--apple-accent) 42%,var(--apple-line))!important;
  border-left:4px solid var(--apple-accent)!important;
}
#examClassroom .ex-sticky-question-copy,
#examClassroom .ex-sticky-question-copy p{
  font-size:16px!important;
  line-height:1.45!important;
  font-weight:600!important;
}
#examClassroom .ex-question-prompt-source.is-sticky-source-hidden{
  visibility:hidden!important;
}
@media(max-width:900px){
  #examClassroom .ex-question-prompt-card{padding:15px 16px 16px!important;border-radius:16px!important}
  #examClassroom .ex-question-prompt-text,#examClassroom .ex-question-prompt-text p{font-size:18px!important;line-height:1.45!important}
  #examClassroom .ex-sticky-question{width:calc(100vw - 20px)!important;padding:10px 12px 11px!important}
  #examClassroom .ex-sticky-question-copy,#examClassroom .ex-sticky-question-copy p{font-size:14px!important}
}


/* 2026-08-22 — Exam classroom math, worked-solution, objective-feedback and transition polish. */
#examClassroom .ex-math-inline{
  display:inline-flex!important;align-items:baseline!important;margin:0 .08em!important;padding:.02em .2em .04em!important;
  border-radius:6px!important;background:color-mix(in srgb,var(--apple-accent) 9%,transparent)!important;
  color:var(--apple-text)!important;font-weight:650!important;vertical-align:baseline!important
}
#examClassroom .ex-question-prompt-text .ex-math-inline,
#examClassroom .ex-solution-step-copy .ex-math-inline,
#examClassroom .ex-worked-part .ex-math-inline{background:color-mix(in srgb,var(--apple-accent) 13%,transparent)!important}
#examClassroom .ex-semantic-keyword{color:var(--apple-text)!important;font-weight:700!important}
#examClassroom .ex-worked-solution{display:grid!important;gap:20px!important;margin-top:26px!important}
#examClassroom .ex-worked-part{width:100%!important;margin:0!important;padding:22px 24px!important;border:1px solid var(--apple-line)!important;border-radius:18px!important;background:color-mix(in srgb,var(--apple-control) 76%,transparent)!important}
#examClassroom .ex-worked-part>h3{margin:0 0 16px!important;color:var(--apple-text)!important;font-size:20px!important;line-height:1.25!important;font-weight:720!important}
#examClassroom .ex-worked-lines{display:grid!important;gap:12px!important}
#examClassroom .ex-worked-line{max-width:76ch!important;color:var(--apple-text-2)!important;font:450 18px/1.58 var(--ex-font-body)!important}
#examClassroom .ex-solution-step{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;padding:20px 0!important}
#examClassroom .ex-step-number{font-size:14px!important;line-height:1.25!important;letter-spacing:.01em!important}
#examClassroom .ex-solution-step-copy{display:grid!important;gap:10px!important;min-width:0!important}
#examClassroom .ex-solution-lead{color:var(--apple-text)!important;font:700 17px/1.35 var(--ex-font-ui)!important}
#examClassroom .ex-solution-line{max-width:78ch!important;color:var(--apple-text-2)!important;font:450 18px/1.55 var(--ex-font-body)!important}
#examClassroom .ex-solution-equation{width:fit-content!important;max-width:100%!important;margin:2px 0 3px!important;padding:10px 14px!important;border-left:3px solid var(--apple-accent)!important;border-radius:10px!important;background:color-mix(in srgb,var(--apple-accent) 8%,var(--apple-control))!important;overflow-x:auto!important;color:var(--apple-text)!important}
#examClassroom .ex-question-option.is-checking{border-color:var(--apple-accent)!important;box-shadow:0 0 0 1px color-mix(in srgb,var(--apple-accent) 30%,transparent)!important}
#examClassroom .ex-question-option.is-checking:after{content:'Checking…';justify-self:end;color:var(--apple-text-3);font-size:11px;font-weight:700}
#examClassroom .ex-grade-result.is-inline-error{margin-top:10px!important;padding:12px 14px!important;border:1px solid var(--apple-line)!important;border-radius:12px!important;background:var(--apple-control)!important;color:var(--apple-text-2)!important;font-size:13px!important}
#examComplete .ex-complete-card{width:min(760px,calc(100vw - 32px))!important}
#examComplete #examCompleteContinue{width:min(100%,660px)!important;height:auto!important;min-height:58px!important;padding:12px 22px!important;white-space:normal!important;text-wrap:balance!important;line-height:1.28!important;overflow-wrap:anywhere!important}
@media(max-width:760px){
  #examClassroom .ex-worked-part{padding:18px 16px!important}
  #examClassroom .ex-worked-part>h3{font-size:18px!important}
  #examClassroom .ex-worked-line,#examClassroom .ex-solution-line{font-size:16px!important;line-height:1.5!important}
  #examClassroom .ex-solution-equation{width:100%!important;padding:9px 10px!important}
  #examComplete #examCompleteContinue{min-height:62px!important;font-size:14px!important}
}