/* Clean two-state shell: Course Home or one focused topic. */
[hidden]{display:none!important}.legacy-hidden-controls{display:none!important}.brand-button{appearance:none;border:0;background:transparent;padding:0;cursor:pointer;text-align:left}.brand-button:hover .brand{color:#dffbf8}

.home-mode .course-jumpbar,.home-mode .workspace-section{display:none!important}.home-mode .coach-fab{display:none!important}
.course-mode .course-home{display:none!important}.course-mode .topbar{display:none!important}.course-mode .coach-fab{display:none!important}

/* Home */
.course-home{width:min(1120px,100%);margin:0 auto}.home-intro{display:flex;align-items:end;justify-content:space-between;gap:28px;padding:28px 2px 20px;border-bottom:1px solid var(--line-soft)}.home-intro h1{margin:6px 0 7px;font-size:clamp(2rem,4vw,3.05rem);line-height:1;letter-spacing:-.045em}.home-intro p{margin:0;color:var(--muted);font-size:.92rem;line-height:1.55;max-width:720px}.home-actions{display:flex;gap:8px;flex:0 0 auto}.home-actions .button{min-width:118px}
.home-section-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:22px 0 12px;color:var(--muted);font-size:.74rem}.home-section-head strong{color:var(--text);font-size:.9rem}.course-map-block{margin:0}
.topic-grid{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:10px!important;overflow:visible!important;padding:18px 0 0!important}.topic-card{min-height:140px!important;padding:15px!important;border-radius:13px!important;background:#0d1724!important;box-shadow:none!important;transition:border-color .14s ease,background .14s ease!important}.topic-card:hover,.topic-card.active{transform:none!important;background:#111e2d!important;border-color:rgba(102,217,208,.3)!important}.topic-card.active{box-shadow:inset 2px 0 0 rgba(102,217,208,.46)!important}.topic-card h3{font-size:.96rem!important;margin:8px 25px 7px 0!important}.topic-card p{-webkit-line-clamp:2!important;font-size:.73rem!important;line-height:1.45!important}.topic-footer{font-size:.65rem!important;padding-top:8px!important}.topic-footer span:last-child{display:inline!important;color:#94c7c3}.topic-card.complete .topic-footer span:last-child{color:var(--good)}.home-footer-tools{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 2px 2px;color:#71869a;font-size:.72rem}

/* On wide screens the specification naturally reads as Year 12 then Year 13. */
@media(min-width:1001px){
  .topic-card:first-child::before,.topic-card:nth-child(6)::before{position:absolute;top:-21px;left:1px;color:#71869a;font:800 .62rem/1 system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase}
  .topic-card:first-child::before{content:'Year 12 · AQA 3.1–3.5'}
  .topic-card:nth-child(6){grid-column:2;margin-top:20px}.topic-card:nth-child(7),.topic-card:nth-child(8){margin-top:20px}
  .topic-card:nth-child(6)::before{content:'Year 13 · AQA 3.6–3.8'}
}

/* One shell bar in focused topic mode. Topic select is the primary navigation. */
.course-mode .main{width:min(1600px,calc(100% - 12px));padding:4px 0 10px}.course-jumpbar{top:0!important;z-index:60!important}.course-jump-inner{min-height:50px!important;padding:5px 0!important;gap:6px!important}.exit-course-button{appearance:none;border:1px solid rgba(102,217,208,.24);background:rgba(102,217,208,.08);color:#dffbf8;border-radius:9px;padding:9px 11px;font:800 .76rem/1 system-ui,sans-serif;cursor:pointer;white-space:nowrap}.exit-course-button:hover{background:rgba(102,217,208,.13);border-color:rgba(102,217,208,.42)}.course-mode .topic-step{display:none!important}.course-mode .course-picker-wrap{min-width:0;flex:1;max-width:760px}.course-mode .course-position{display:none}.course-mode .ai-button{margin-left:auto}.jump-complete{white-space:nowrap;padding:8px 10px!important;font-size:.73rem!important}.shell-more{position:relative;flex:0 0 auto}.shell-more summary{list-style:none;width:34px;height:34px;display:grid;place-items:center;border-radius:8px;cursor:pointer;color:#b7cce0;font-weight:900}.shell-more summary::-webkit-details-marker{display:none}.shell-more[open] summary,.shell-more summary:hover{background:rgba(255,255,255,.055)}.shell-more .workspace-menu{top:38px!important;right:0!important}

/* Topic identity already exists in the selector, so learning content starts immediately. */
.workspace-section{margin-top:0!important;scroll-margin-top:54px!important}.course-mode .workspace-head{display:none!important}.module-tabs{margin:5px 0 5px!important;padding-left:2px}.module-tabs button{padding:6px 10px!important;font-size:.74rem!important}.workspace-shell{border-radius:9px!important;overflow:hidden!important;box-shadow:none!important;border-color:rgba(151,181,210,.1)!important}#topicFrame{height:calc(100dvh - 62px)!important;min-height:620px!important}.multi-module-topic #topicFrame{height:calc(100dvh - 101px)!important}

@media(max-width:1000px){.topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;padding-top:0!important}.home-intro{align-items:flex-start;flex-direction:column;gap:16px}}
@media(max-width:760px){
  .wrap{width:min(100% - 14px,1440px)!important}.home-intro{padding-top:20px}.home-intro h1{font-size:2rem}.home-actions{width:100%}.home-actions .button{flex:1}.home-section-head{align-items:flex-start;flex-direction:column;gap:4px}.topic-grid{grid-template-columns:1fr!important}.topic-card{min-height:118px!important}.topic-card p{-webkit-line-clamp:2!important}.home-footer-tools{align-items:flex-start;flex-direction:column}
  .course-mode .main{width:100%;padding:3px 5px 7px}.course-jump-inner{width:100%!important;padding:5px 6px!important;gap:4px!important}.exit-course-button{padding:9px 8px;font-size:0;width:36px;height:36px}.exit-course-button::after{content:'←';font-size:.88rem}.course-mode .course-picker-wrap{padding:0 5px!important;max-width:none}.course-mode .course-picker-label{display:none}.course-mode .ai-button{width:36px!important;height:36px!important;padding:0!important;font-size:0!important;display:grid!important;place-items:center!important;margin-left:0}.course-mode .ai-button span{font-size:.9rem!important}.jump-complete{width:36px;height:36px;padding:0!important;font-size:0!important}.jump-complete::after{content:'✓';font-size:.88rem}.shell-more summary{width:34px;height:34px}.module-tabs{margin:4px 0!important}#topicFrame{height:calc(100dvh - 56px)!important;min-height:550px!important}.multi-module-topic #topicFrame{height:calc(100dvh - 94px)!important}
}
@media(max-width:420px){.home-actions{flex-direction:column}.home-actions .button{width:100%}.topic-card{padding:14px!important}.course-picker{font-size:.72rem!important}}
