.school-hub-page [hidden] { display:none !important; }
.school-workspace { min-height:calc(100svh - 10rem); grid-template-columns:minmax(15rem,27%) minmax(0,1fr); }
.school-rail { padding:1.6rem 1.4rem; }
.school-rail .grade12-nav-intro h1 { color:var(--white); font-size:1.3rem; }
.school-tabs { margin-top:1.5rem; }
.school-tabs button { font-family:var(--sans); font-size:.8rem; min-height:3.2rem; }
.school-content { min-width:0; padding:clamp(1.3rem,3vw,2.5rem); }
.school-content > section > p,.school-notice p,.school-subject > p,.school-resource-list span,.school-steps p { color:#c8c4bb; font:.83rem/1.75 var(--sans); }
.school-eyebrow,.school-heading > p { margin:0 0 .5rem; color:var(--gold-light); font:600 .65rem/1.5 var(--sans); letter-spacing:.12em; }
.school-heading { padding-bottom:1rem; margin-bottom:1rem; border-bottom:1px solid rgba(212,175,55,.35); }
.school-heading h2 { margin:0; color:#ebe8e1; font:600 clamp(1.35rem,2vw,2rem)/1.3 var(--serif); }
.school-heading > span { display:block; margin-top:.6rem; color:#b5afa3; font-size:.75rem; line-height:1.6; }
.school-content h3 { color:#e8e4db; font:600 1.05rem/1.45 var(--serif); margin:.8rem 0 .5rem; }
.school-content .school-lead { font-size:1rem; }
.school-notice,.school-subject { margin:1.4rem 0; border-left:2px solid var(--gold-light); padding:1rem 1.2rem; background:rgba(212,175,55,.035); }
.school-badge { display:inline-block; color:var(--gold-light); border:1px solid rgba(212,175,55,.5); padding:.3rem .5rem; font-size:.67rem; }
.school-content .school-note,.school-rail-note { color:#aaa397; font:.72rem/1.7 var(--sans); }
.school-rail-note { border-top:1px solid rgba(212,175,55,.25); margin-top:1.5rem; padding-top:1rem; }
.school-action { display:flex; justify-content:space-between; gap:1rem; width:fit-content; max-width:100%; border:1px solid var(--gold-light); margin:1rem 0; padding:.75rem .9rem; color:var(--gold-light); font:.76rem/1.5 var(--sans); text-decoration:none; }
.school-action:hover { background:rgba(212,175,55,.08); color:#fff3b2; }
.school-hub-page :is(a,button,select,[tabindex]):focus-visible { outline:2px solid var(--gold-light); outline-offset:3px; }
.school-steps { padding-left:1.3rem; }
.school-steps li { padding:.65rem 0 .65rem .3rem; border-bottom:1px solid rgba(212,175,55,.2); color:#e1d9c7; }
.school-steps p { margin:.4rem 0; }
.school-preview-banner { display:grid; gap:.4rem; border:1px solid rgba(212,175,55,.45); padding:.8rem 1rem; margin-bottom:1.25rem; color:var(--gold-light); background:rgba(212,175,55,.055); }
.school-preview-banner strong { font-size:.85rem; }
.school-preview-banner span { color:#c9c0ad; font-size:.72rem; line-height:1.65; }
.school-subject-tabs { display:flex; flex-wrap:wrap; border-bottom:1px solid rgba(212,175,55,.35); margin:1rem 0; }
.school-subject-tabs button { border:0; border-bottom:2px solid transparent; min-height:2.9rem; padding:.7rem .85rem; color:#bbb4a6; background:transparent; cursor:pointer; font:.75rem/1.4 var(--sans); }
.school-subject-tabs button[aria-selected="true"] { color:var(--gold-light); border-bottom-color:var(--gold-light); background:rgba(212,175,55,.06); }
.school-resource-list { list-style:none; padding:0; margin:1rem 0; }
.school-resource-list li { padding:.85rem .15rem; border-bottom:1px solid rgba(212,175,55,.25); }
.school-resource-list strong { display:block; color:#ddd6c7; font-size:.85rem; }
.school-resource-list span { display:block; margin-top:.25rem; }
.school-progress { border-block:1px solid rgba(212,175,55,.3); padding:1rem 0; }
.school-progress label { display:block; font-size:.82rem; color:#d9d1c1; line-height:1.65; }
.school-progress progress { display:block; width:100%; height:.85rem; margin:1rem 0; accent-color:var(--gold); background:#211d12; border:0; }
.school-progress progress::-webkit-progress-bar { background:#211d12; }
.school-progress progress::-webkit-progress-value { background:var(--gold); }
.school-progress p { color:var(--gold-light); font-size:.8rem; }
@media(min-width:901px) { .school-workspace { height:calc(100svh - 10rem); min-height:32rem; }.school-rail,.school-content { overflow-y:auto; scrollbar-color:#74602a #12110d; } }
@media(max-width:900px) { .school-workspace { grid-template-columns:1fr; }.school-rail { padding:1.2rem; }.school-tabs { grid-template-columns:repeat(2,minmax(0,1fr)); }.school-rail .grade12-nav-intro p { max-width:none; }.school-rail-note { margin-bottom:0; }.school-content { padding:1.3rem; } }
@media(max-width:650px) { .school-tabs { grid-template-columns:1fr; }.school-tabs button { border-right:0; }.school-subject-tabs { flex-wrap:nowrap; overflow-x:auto; }.school-subject-tabs button { flex:0 0 auto; }.school-notice,.school-subject { padding:.8rem; }.school-workspace { width:calc(100% - 1.2rem); } }
@media(prefers-reduced-motion:reduce) { .school-hub-page * { animation:none !important; transition:none !important; scroll-behavior:auto !important; } }