:root{color-scheme:dark;--bg:#172327;--line:#354a4f;--accent:#d1ec9e;--muted:#a7b9ba}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#edf1e8;font:15px/1.5 'Segoe UI',sans-serif}a{color:inherit;text-decoration:none}.topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 4vw;border-bottom:1px solid var(--line)}.logo{font-size:21px;letter-spacing:3px;font-weight:700;white-space:nowrap}.logo span{font-weight:300}nav{display:flex;gap:24px;font-size:13px;color:var(--muted)}nav a[aria-current]{color:var(--accent)}a:focus-visible{outline:2px solid var(--accent);outline-offset:4px}main{max-width:1000px;margin:auto;padding:42px 28px 64px}.intro{margin-bottom:28px}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--accent);margin:0 0 10px}h1{font-size:36px;font-weight:500;letter-spacing:-1px;margin:0 0 8px}.intro>p:last-child{color:var(--muted);margin:0}.materials{list-style:none;padding:0;margin:0;border-top:1px solid var(--line)}.materials li{border-bottom:1px solid var(--line)}.materials a{display:flex;align-items:center;gap:24px;padding:22px 14px;border-radius:6px;transition:background .15s}.materials a:hover{background:#223439}.number{align-self:flex-start;padding-top:4px;color:#748d90;font:12px/1.5 Consolas,monospace}.materials h2{font-size:19px;font-weight:500;margin:0 0 5px}.materials p{font-size:13px;color:var(--muted);margin:0}.arrow{font-size:20px;color:var(--accent);margin-left:auto;padding-left:12px}@media(max-width:600px){.topbar{align-items:flex-start;flex-direction:column;padding:18px 20px}nav{gap:18px;flex-wrap:wrap;font-size:12px}main{padding:28px 20px 44px}h1{font-size:30px}.materials a{gap:14px;padding:18px 0}.materials h2{font-size:17px}.materials p{font-size:12px}}