@font-face{font-family:Roobert;src:url(/learning-assets/fonts/Roobert-Regular.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:Roobert;src:url(/learning-assets/fonts/Roobert-SemiBold.woff2) format("woff2");font-weight:600;font-display:swap}
:root{--workbench-bg:#102a40;--workbench-rail:#0d2235;--workbench-selected:#1c4057;--workbench-accent:#edca89}
:root:not([data-academy-theme="dark"]){
  color-scheme:light;--ink:#142c42;--muted:#435b70;--line:#bacbd7;--pale:#f0f4f7;
  --white:#fff;--blue:#155572;--steel:#496b82;--teal:#176668;
  --workbench-bg:#fff;--workbench-rail:#f7f9fb;--workbench-selected:#dcecf5;--workbench-accent:#76521d
}
.academy-workbench{font-family:Roobert,system-ui,sans-serif}
.academy-workbench .shell{max-width:1500px}
.academy-workbench .mast{flex-direction:row;align-items:center;flex-wrap:wrap;gap:8px 16px;padding:12px 0}
.academy-workbench .mast nav{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-left:auto}
.academy-brand{display:inline-flex;align-items:center;gap:8px;color:var(--ink);font-weight:600;text-decoration:none}
.academy-brand span{border-left:1px solid var(--line);padding-left:8px;color:var(--muted)}
#academy-theme,.academy-inspector-controls button{
  min-height:44px;padding:7px 10px;border:1px solid var(--line);border-radius:7px;background:var(--workbench-bg);color:var(--ink);font:inherit;cursor:pointer
}
.academy-workbench :focus-visible{outline:3px solid var(--workbench-accent);outline-offset:3px}
.academy-workbench .hero{grid-template-columns:minmax(0,1fr) minmax(200px,260px);gap:14px;margin:14px 0}
.academy-workbench :is(.heroMain,.heroSide){min-height:0;padding:16px 18px;background:var(--workbench-bg);border:1px solid var(--line);border-radius:9px;color:var(--ink)}
.academy-workbench .hero h1{font-size:clamp(1.8rem,3.6vw,3.1rem);margin:6px 0 8px;font-weight:600}
.academy-workbench .heroMain .eyebrow{color:var(--workbench-accent)}
.academy-workbench .heroMain .pill{color:var(--ink)!important;border-color:var(--line)!important}
.catalog-workspace,.academy-workbench .lessonLayout{
  display:grid;align-items:start;gap:0;border:1px solid var(--line);border-radius:10px;background:var(--workbench-bg);margin-top:15px
}
.catalog-workspace{grid-template-columns:220px minmax(0,1fr)}
.catalog-workspace .levels,.academy-workbench .sidebar,.academy-inspector{min-width:0;padding:14px;background:var(--workbench-rail)}
.catalog-workspace .levels{grid-template-columns:1fr;gap:7px;margin:0;border-right:1px solid var(--line)}
.catalog-workspace .level{padding:8px 10px;border-radius:7px;background:var(--workbench-bg);color:var(--ink)}
.catalog-workspace .level[aria-current="page"]{background:var(--workbench-selected)}
.catalog-workspace .level b{font-size:.83rem}
.catalog-workspace .level h2{font-size:1rem;margin:4px 0}
.catalog-workspace .level p{font-size:.8rem}
.course-directory{min-width:0;padding:14px}
.academy-workbench .sectionTop{margin-top:0}
.course-directory .cards{display:block;margin-top:8px}
.course-directory .course{min-height:0;gap:5px;padding:13px 0;background:none;border:0;border-bottom:1px solid var(--line);border-radius:0}
.course-directory .course h3{font-size:1.12rem;font-weight:600}
.course-directory .course .actions{justify-content:flex-start;gap:12px;margin-top:3px}
.academy-workbench .lessonLayout{grid-template-columns:195px minmax(0,1fr) 285px}
.academy-workbench .sidebar{order:0;border:0;border-right:1px solid var(--line);border-radius:0}
.academy-workbench .sceneList{display:grid;gap:5px;overflow:visible}
.academy-workbench .sceneLink{min-width:0;width:100%;text-align:left;min-height:44px}
.academy-workbench .sceneLink.active{background:var(--workbench-selected);color:var(--ink)}
.academy-workbench .player{padding:14px}
.academy-inspector{border-left:1px solid var(--line)}
.academy-inspector-controls{display:flex;gap:6px}
.academy-inspector-controls button[aria-pressed="true"]{background:var(--workbench-selected);border-color:var(--blue)}
.academy-inspector .panel{background:transparent;border:0;padding:0;margin-top:14px}
.academy-workbench .subjectCards{gap:8px}
.academy-workbench .subjectCard{padding:10px;border-radius:7px}
:root:not([data-academy-theme="dark"]) :is(.learningSlide,.subjectCard,.playerBanner,.narrationDock,.panel,.lessonPurpose,.sidebar){background:#f7f9fb;color:var(--ink)}
:root:not([data-academy-theme="dark"]) :is(.slideMast,.slideFoot,.recordingState,.nowReading p){color:var(--muted)}
:root:not([data-academy-theme="dark"]) .subjectCard[aria-pressed="true"]{background:var(--workbench-selected);border-color:#3a7895}
:root:not([data-academy-theme="dark"]) :is(.playerControls button,.course-directory .action){background:#173d59;color:#fff}
:root:not([data-academy-theme="dark"]) .academy-inspector .panel{background:transparent}
@media(max-width:1050px){
  .academy-workbench .lessonLayout{grid-template-columns:165px minmax(0,1fr)}
  .academy-inspector{grid-column:2;border-left:0;border-top:1px solid var(--line)}
  .academy-workbench .sidebar{grid-row:span 2}
}
@media(max-width:650px){
  .academy-workbench .shell{padding-inline:12px}
  .academy-workbench :is(.hero,.lessonLayout,.catalog-workspace){grid-template-columns:minmax(0,1fr)}
  .academy-workbench .sidebar{grid-row:auto;border-right:0;border-bottom:1px solid var(--line)}
  .academy-workbench .sceneList{display:flex;overflow:auto}
  .academy-workbench .sceneLink{width:auto}
  .catalog-workspace .levels{border-right:0;border-bottom:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr))}
  .academy-inspector{grid-column:1}
}

/* Pair the retained narration and transcript controls with the light surface. */
:root:not([data-academy-theme="dark"]) :is(.pill,.recordingState,.subjectReading,.lessonPlayer .slideMast){
  color:#23455e;background:#e8f1f6;border-color:#bacbd7
}
:root:not([data-academy-theme="dark"]) :is(.slideMast b,.playerBanner .eyebrow,.nowReading .eyebrow,.sceneLink .n,#subjectTranscriptDetails summary){color:#155572}
:root:not([data-academy-theme="dark"]) .nowReading h3{color:var(--ink)}
:root:not([data-academy-theme="dark"]) .narrationDock :is(.tiny,.subjectTrack li){color:var(--muted)}
:root:not([data-academy-theme="dark"]) .subjectTrack li[aria-current="step"]{border-color:#3a7895;color:var(--ink)}
:root:not([data-academy-theme="dark"]) :is(.narrationButtons button:not(.primaryPlay),.narrationDock .subjectControls button){
  background:#fff;color:#173d59;border-color:#8ca8bc
}
:root:not([data-academy-theme="dark"]) .sessionNavigation select{background:#fff}
:root:not([data-academy-theme="dark"]) .subjectBullet::before{color:#3a7895}
:root:not([data-academy-theme="dark"]) .academy-workbench .smallBtn{background:#fff;color:var(--ink)}

/* The progress value is one unit, including at 100% on a narrow side panel. */
.academy-workbench .heroSide{gap:14px}
.academy-workbench .stat strong{min-width:0;font-size:clamp(1.1rem,1.65vw,1.4rem);line-height:1.2}
.academy-workbench .stat b{flex:none;white-space:nowrap;font-size:clamp(1.8rem,2.5vw,2.4rem);font-variant-numeric:tabular-nums}
.academy-workbench :is(.eyebrow,.pill,.tiny,.smallBtn,.footer){font-size:13px}
.catalog-workspace .level p{font-size:14px;line-height:1.45}

/* Match public link and control feedback in both retained Academy themes. */
.academy-workbench .back{text-underline-offset:4px;text-decoration-thickness:1px}
.academy-workbench .back:hover{text-decoration:underline;color:var(--blue)}
.academy-workbench :is(.level,.sceneLink,.smallBtn,#academy-theme,.academy-inspector-controls button):hover{
  border-color:var(--blue);background:var(--workbench-selected);color:var(--ink)
}
.academy-workbench .course-directory .action:hover{text-decoration:underline;text-underline-offset:4px}
:root:not([data-academy-theme="dark"]) .course-directory .action:hover{background:#244f68;color:#fff}
