/* OMI Pro 8.7 — focused learning surface for subject applications. */
body.legacy-app{overflow-x:clip!important;background:#f3f7f5!important}
body.legacy-app .screen{width:100%!important;max-width:1080px!important;margin-inline:auto!important}
body.legacy-app #welcomeScreen{max-width:760px!important}
body.legacy-app .app-header{position:sticky;top:0;z-index:100;min-height:64px!important;background:#fff!important;backdrop-filter:none!important}
body.legacy-app .start-card{border-radius:24px!important;box-shadow:0 12px 34px rgba(18,62,52,.09)!important}
body.legacy-app .mode-cards{grid-template-columns:1fr!important;gap:8px!important}
body.legacy-app .mode-card{min-height:64px!important;display:grid!important;grid-template-columns:38px minmax(0,1fr) auto!important;justify-content:stretch!important;text-align:left!important;gap:11px!important;padding:11px 13px!important}
body.legacy-app .mode-card:before{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:#eaf4f0;color:var(--accent);font-weight:950}
body.legacy-app .mode-card[data-mode="assessment_v1"]:before{content:"A"}
body.legacy-app .mode-card[data-mode="assessment_v2"]:before{content:"B"}
body.legacy-app .mode-card[data-mode="practice"]:before{content:"↗"}
body.legacy-app .mode-card[data-mode="integrated_modules"]:before{content:"✦"}
body.legacy-app .mode-card strong{align-self:center}.mode-card .version-badge{grid-column:2/4;justify-self:start;margin:0!important}
body.legacy-app .mode-card.active:after{position:static!important;grid-column:3;grid-row:1;width:23px!important;height:23px!important;align-self:center}
body.legacy-app .student-picker{grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr)!important}
body.legacy-app .exam-layout.active{grid-template-columns:250px minmax(0,780px)!important;max-width:1080px!important;gap:14px!important}
body.legacy-app .exam-main{max-width:780px!important;min-width:0}
body.legacy-app .question-card{max-width:100%;contain:layout style;overflow-wrap:anywhere}
body.legacy-app .stimulus,body.legacy-app .prompt,body.legacy-app .source-card{max-width:100%;overflow-wrap:anywhere}
body.legacy-app .table-scroll{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-inline:contain}
body.legacy-app .source-card{padding:9px 11px!important;margin:11px 0!important;font-size:.72rem!important;line-height:1.45;color:var(--muted)}
body.legacy-app .scaffold-panel{content-visibility:auto;contain-intrinsic-size:520px;border-radius:18px!important}
body.legacy-app .tutor-head{position:relative}.tutor-progress{min-width:48px;text-align:center}
body.legacy-app .scaffold-step{filter:none!important;transition:opacity .16s ease!important}
body.legacy-app .scaffold-step:not(.unlocked){display:none}
body.legacy-app .scaffold-feedback.assisted{background:#fff7e7;color:#72510f}
body.legacy-app textarea{resize:vertical;max-height:42vh}
body.legacy-app .q-nav{background:#fff!important;backdrop-filter:none!important}

@media(max-width:900px){
  html:has(body.legacy-app){scroll-behavior:auto!important;overscroll-behavior-y:auto}
  body.legacy-app{overscroll-behavior-y:auto!important}
  body.legacy-app .screen{padding:10px!important}
  body.legacy-app #welcomeScreen{padding-top:12px!important;padding-bottom:104px!important}
  body.legacy-app .start-card{padding:15px!important;border-radius:20px!important;box-shadow:none!important}
  body.legacy-app .exam-layout.active{padding:8px 8px 88px!important}
  body.legacy-app .question-card{padding:14px!important;border-radius:18px!important;box-shadow:none!important;will-change:auto!important}
  body.legacy-app .sidebar{inset:68px 8px 74px!important;border-radius:18px!important;transition:transform .2s ease!important;backdrop-filter:none!important}
  body.legacy-app .q-nav{padding:8px max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left))!important}
  body.legacy-app .q-nav button{min-width:0!important;min-height:46px}
  body.legacy-app .question-card.question-enter,body.legacy-app .screen.active{animation:none!important}
  body.legacy-app .page-leaving{animation:none!important;filter:none!important}
  body.legacy-app .ripple{display:none!important}
  body.legacy-app .student-picker{grid-template-columns:1fr!important}
}
@media(max-width:520px){
  body.legacy-app .app-header{min-height:58px!important;padding:7px 8px!important}
  body.legacy-app .brand h1{max-width:38vw!important}
  body.legacy-app .mode-card{grid-template-columns:34px minmax(0,1fr) auto!important;min-height:58px!important;padding:9px 10px!important}
  body.legacy-app .mode-card:before{width:32px;height:32px;border-radius:10px}
  body.legacy-app .mode-card small{display:block!important;grid-column:2/4;font-size:.7rem;line-height:1.35}
  body.legacy-app .mode-card .version-badge{display:none!important}
  body.legacy-app .scaffold-step{padding:12px!important}
  body.legacy-app .scaffold-row{display:block!important}.scaffold-row button{margin-top:8px}
  body.legacy-app .prompt{font-size:.98rem!important;line-height:1.62!important}
}
@media(prefers-reduced-motion:reduce),(pointer:coarse){
  body.legacy-app *{scroll-behavior:auto!important}
  body.legacy-app .app-header,body.legacy-app .q-nav,body.legacy-app .sidebar{backdrop-filter:none!important}
}
/* V9 platform tokens/components are loaded by new shell pages; legacy learning UI remains compatible. */