.topnav{display:flex;gap:20px;margin-left:auto}.topnav a{color:var(--ink);text-decoration:none;font-weight:700}header{height:auto;min-height:72px;flex-wrap:wrap;padding-block:12px;gap:16px}header .secondary{padding:7px 14px}.overview{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:28px 0}.stat,.panel{background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:24px}.stat strong{display:block;font-size:2rem;color:var(--purple)}.course-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.course-grid h2{font-size:1.35rem}.course-grid pre,.panel pre{white-space:pre-wrap;overflow-wrap:anywhere;background:var(--code);color:#e8edff;padding:20px;border-radius:12px;font:14px/1.7 ui-monospace,monospace}.course-grid a.primary{display:inline-block;text-decoration:none}.field{display:block;margin:14px 0}.field input:not([type=checkbox]),.field textarea,.field select,.searchbox{display:block;width:100%;padding:11px;border:1px solid var(--line);border-radius:10px;background:var(--paper);color:var(--ink);font:inherit}.split{display:grid;grid-template-columns:1fr 1fr;gap:24px}.panel{margin:20px 0}.panel h2{font-size:1.6rem}.notice{padding:14px 18px;border-radius:12px;border-left:4px solid var(--purple);background:var(--paper)}.error{color:#c13c57}.dark .error{color:#ff98b0}.success{color:#137357}.dark .success{color:#7be6bc}.avatar{width:80px;height:80px;object-fit:cover;border-radius:50%;font-size:3rem;display:grid;place-items:center;background:var(--bg)}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.9rem}td,th{text-align:left;padding:12px;border-bottom:1px solid var(--line);vertical-align:top}td button{margin:3px}.chips{display:flex;gap:10px;flex-wrap:wrap}.chip{padding:5px 12px;border-radius:20px;background:var(--bg);border:1px solid var(--line)}.danger{color:#b32147;border:1px solid currentColor;background:var(--paper);padding:10px;border-radius:10px}.focus .instructions{display:none}.focus .workbench{grid-template-columns:1fr}.focus .coding{max-width:1000px;width:100%;margin:auto}.hero-new{padding:48px 0 18px;max-width:850px}.hero-new h1{font-size:clamp(2.5rem,5vw,4.5rem);letter-spacing:-.045em}.hero-new em{color:var(--purple);font-style:normal}.eyebrow{font-size:.8rem;font-weight:900;color:var(--purple);letter-spacing:.12em}.inline-link{display:inline-block;margin:8px 14px 8px 0}.form-status{min-height:28px}.syms{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.syms div{padding:14px;background:var(--bg);border-radius:10px}.syms code{display:block;font-size:1.3rem;color:var(--purple)}.wide{max-width:1100px;margin:auto}.review-list li{margin:9px 0}progress{accent-color:var(--purple);width:100%}button,a,input,summary{touch-action:manipulation}@media(max-width:850px){.split,.course-grid{grid-template-columns:1fr}.topnav{gap:12px}.brand{min-width:0}.brand span{display:none}.syms{grid-template-columns:repeat(2,1fr)}}@media(max-width:550px){.overview{grid-template-columns:1fr}.stat{padding:14px}.stat strong{display:inline;margin-right:12px}.topnav{font-size:.85rem}.lab{padding:16px}.panel{padding:18px}header{gap:10px}.theme{width:35px}.course-grid .card{padding:18px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;transform:none!important}}