:root{--navy:#0b2139;--teal:#147d70;--aqua:#70ddcc;--paper:#f4f8fa;--ink:#10263d;--muted:#526575;--line:#dce5ea}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:1rem/1.6 system-ui,sans-serif}a{color:var(--teal)}.wrap{width:min(1100px,calc(100% - 40px));margin:auto}header{background:var(--navy);color:white}nav{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:80px;flex-wrap:wrap;padding:16px 0}.brand{font-size:1.2rem;font-weight:800;color:white;text-decoration:none}.brand small{display:block;font-size:.9rem;color:var(--aqua);font-weight:500}nav>a:last-child{color:var(--aqua)}main{padding:48px 0 64px}.eyebrow{font-weight:700;color:var(--teal);font-size:.9rem}h1,h2{font-family:Georgia,serif;font-weight:500;line-height:1.15}h1{font-size:clamp(2.1rem,5vw,3.6rem);margin:12px 0 22px}h2{font-size:1.65rem;margin:0 0 14px}.intro{max-width:760px;color:var(--muted)}.status{padding:22px 26px;background:white;border:1px solid var(--line);border-left:4px solid var(--teal);margin:28px 0}.status p{margin-bottom:0}.course{background:var(--navy);color:white;padding:30px;margin-top:30px}.course h2{max-width:800px}.course p{color:#cbd8e2}.meta{display:flex;gap:12px;flex-wrap:wrap}.meta span{border:1px solid #4d677c;padding:5px 12px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:22px}.panel{padding:25px;background:white;border:1px solid var(--line)}.panel h2{font-size:1.45rem}.panel p{color:var(--muted)}.label{display:block;font-size:.9rem;font-weight:700;color:var(--teal);margin-bottom:8px}.unavailable{display:block;padding:12px 16px;background:#eef3f6;color:var(--muted);font-weight:650;font-size:.95rem}.help{margin-top:30px;padding:25px;border:1px solid var(--line);background:white}.help a{overflow-wrap:anywhere}footer{background:#07182a;color:#ccd7df;padding:25px 0}footer .wrap{display:flex;gap:20px;justify-content:space-between;flex-wrap:wrap}footer a{color:var(--aqua)}a:focus-visible{outline:3px solid var(--teal);outline-offset:5px}@media(max-width:800px){.grid{grid-template-columns:1fr}.wrap{width:calc(100% - 28px)}main{padding-top:30px}.course,.panel,.status{padding:22px}}