:root{--navy:#081a33;--yellow:#ffd84d;--ink:#1f2933;--muted:#556676;--line:#d9e0e6;--green:#198754;--red:#b32624;--blue:#1768ac}
*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:#f5f7f9;color:var(--ink);font:1rem/1.5 Arial,Helvetica,sans-serif}a{color:inherit}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:3px solid #c07700;outline-offset:4px}.skip-link{position:absolute;top:-100px;left:16px;z-index:100;background:var(--yellow);color:var(--navy);padding:10px 16px;font-weight:bold}.skip-link:focus{top:8px}
header{background:var(--navy);color:#fff;border-bottom:4px solid var(--yellow)}.nav{max-width:1100px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 24px}.brand{text-decoration:none;font-size:1.25rem;font-weight:900;letter-spacing:-.03em;white-space:nowrap}.gcse{color:var(--yellow)}.nav-links{display:flex;gap:10px;align-items:center}.nav-links a{font-size:.9rem;font-weight:700;padding:7px 10px;border-radius:6px;text-decoration:none}.nav-links a[aria-current]{background:var(--yellow);color:var(--navy)}.nav-links a:hover{box-shadow:inset 0 0 0 1px #ffffff80}
main{max-width:1100px;margin:auto;padding:27px 24px 36px}.intro{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:22px}.eyebrow{font-weight:700;color:var(--muted);margin:0 0 4px;font-size:.9rem}h1{font-size:clamp(2rem,5vw,2.65rem);line-height:1.12;letter-spacing:-.035em;margin:0;color:var(--navy)}.intro p:last-child{margin:7px 0 0;color:var(--muted)}.course-total{border-left:3px solid var(--yellow);padding-left:14px;font-size:.9rem;color:var(--muted);max-width:235px}.course-total strong{display:block;color:var(--navy);font-size:1rem}
.subject-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:24px}.subject-tab{--subject:var(--green);text-align:left;border:1px solid var(--line);border-top:4px solid var(--subject);background:#fff;border-radius:10px;padding:13px 17px;cursor:pointer;color:var(--subject);min-height:80px}.subject-tab.chemistry,.subject-panel.chemistry{--subject:var(--red)}.subject-tab.physics,.subject-panel.physics{--subject:var(--blue)}.subject-tab strong{display:block;font-size:1.12rem}.subject-tab span{display:block;font-size:.875rem;color:var(--muted);margin-top:2px}.subject-tab[aria-selected=true]{background:var(--subject);border-color:var(--subject);color:#fff}.subject-tab[aria-selected=true] span{color:#fff}.subject-tab:hover{box-shadow:0 2px 8px #17324d18}
.subject-panel{--subject:var(--green);margin-bottom:24px;scroll-margin-top:20px}.panel-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.panel-heading h2{margin:0;font-size:1.35rem;color:var(--subject)}.panel-heading>span{font-size:.875rem;color:var(--muted)}.unit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.unit{display:flex;align-items:center;gap:13px;text-decoration:none;background:#fff;border:1px solid var(--line);border-left:4px solid var(--subject);padding:14px 15px;border-radius:8px;min-height:85px}.unit:hover{border-color:var(--subject);background:#fafdff}.unit-number{display:grid;place-items:center;background:#edf2f6;color:var(--subject);font-weight:900;width:39px;height:39px;flex-shrink:0;border-radius:8px}.unit strong{display:block;font-size:1rem;line-height:1.35;color:var(--navy)}.unit small{display:block;font-size:.875rem;color:var(--muted);margin-top:4px}.how-to{border-top:1px solid var(--line);padding-top:19px;color:var(--muted);font-size:.95rem}.how-to h2{font-size:1rem;color:var(--navy);margin:0 0 5px}.how-to p{margin:0;max-width:850px}footer{border-top:1px solid var(--line);padding:17px 24px;text-align:center;color:var(--muted);font-size:.875rem}footer a{text-underline-offset:3px}
@media(max-width:640px){.nav{padding:12px 15px;gap:10px;flex-wrap:wrap}.brand{font-size:1.12rem}.nav-links{gap:4px}.nav-links a{font-size:.875rem;padding:6px 7px}main{padding:20px 15px 25px}.intro{margin-bottom:17px}.course-total{display:none}.intro p:last-child{font-size:.9rem}.subject-tabs{gap:7px;margin-bottom:18px}.subject-tab{padding:10px 9px;min-height:71px}.subject-tab strong{font-size:1rem}.subject-tab span{font-size:.875rem}.unit-grid{grid-template-columns:1fr;gap:8px}.unit{padding:11px 12px;min-height:76px}.unit-number{width:33px;height:35px}.panel-heading{margin-bottom:9px}.panel-heading h2{font-size:1.2rem}footer{padding:16px 15px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

.course-choice{border:0;padding:0;margin:0 0 18px;display:flex;align-items:center;gap:9px;flex-wrap:wrap}.course-choice legend{float:left;font-size:.9rem;font-weight:700;color:var(--muted);margin-right:10px;padding-top:8px}.course-choice label{display:flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:7px;background:#fff;padding:7px 11px;font-size:.95rem;cursor:pointer}.course-choice label:has(input:checked){background:var(--navy);color:#fff;border-color:var(--navy)}.course-choice input{accent-color:var(--yellow);width:17px;height:17px}.unit-number{font-size:.875rem;min-width:47px;width:auto;padding:6px}.unit small{line-height:1.45}.only-badge{display:inline-block;font-size:.8125rem;padding:1px 7px;margin-top:4px;border-radius:5px;background:#eef2f6;color:var(--navy);font-weight:700}.intro .course-total{max-width:250px}.course-note{color:var(--muted);font-size:.875rem;margin:0 0 12px}.spec-links{margin-top:10px;display:flex;gap:6px 15px;flex-wrap:wrap;font-size:.875rem}.spec-links a{color:var(--navy);text-underline-offset:3px}.unit>span:last-child{min-width:0}.nav-links{flex-wrap:wrap}
@media(max-width:640px){.course-choice{gap:6px;margin-bottom:16px}.course-choice legend{width:100%;padding:0;margin-bottom:5px}.course-choice label{font-size:.875rem;padding:8px 9px}.nav-links a{padding:5px 7px}.nav{gap:7px}.nav-links{gap:3px}.unit{min-height:89px}.unit small{font-size:.875rem}.unit-number{min-width:43px}.intro{margin-bottom:16px}}