:root{--bg: #f7f8fa;--surface: #ffffff;--text: #16202c;--muted: #52606f;--border: #dde2e8;--accent: #1f5fae;--accent-soft: #e6f0fb;--todo-bg: #fff4d6;--todo-border: #e0b84a;--font: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;color-scheme:light dark}@media(prefers-color-scheme:dark){:root{--bg: #0e141b;--surface: #151d27;--text: #e8edf3;--muted: #9aa8b8;--border: #263240;--accent: #7fc4ff;--accent-soft: #14283d;--todo-bg: #3a3012;--todo-border: #8a7125}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--text);font:1rem/1.6 var(--font);min-height:100vh;display:flex;flex-direction:column}#app{display:contents}main,.site-header,.site-footer{width:100%;max-width:62rem;margin-inline:auto;padding-inline:1.25rem}main{flex:1;padding-block:1rem 3rem;outline:none}a{color:var(--accent)}a:focus-visible,.card:focus-visible{outline:3px solid var(--accent);outline-offset:3px;border-radius:6px}.skip{position:absolute;left:-999px;top:0;background:var(--surface);padding:.5rem 1rem;z-index:10}.skip:focus{left:.5rem;top:.5rem}.site-header{padding-block:1.25rem}.brand{display:inline-flex;align-items:center;gap:.6rem;font-weight:700;font-size:1.25rem;color:var(--text);text-decoration:none}.brand-mark{display:grid;place-items:center;width:2rem;height:2rem;border-radius:.5rem;background:var(--accent);color:var(--bg);font-weight:800}.hero{padding-block:3rem 2rem}.eyebrow{color:var(--accent);font-weight:600;letter-spacing:.04em;text-transform:uppercase;font-size:.85rem;margin:0 0 .75rem}h1{font-size:clamp(2rem,5vw,3.25rem);line-height:1.15;margin:0 0 1rem;letter-spacing:-.02em}h2{font-size:1.4rem;margin:3rem 0 1rem}h3{font-size:1.1rem;margin:0 0 .4rem}.accent{color:var(--accent)}.lead{font-size:1.15rem;color:var(--muted);max-width:40rem;margin:0}.grid{list-style:none;margin:0;padding:0;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr))}.topics li{padding:1.25rem;border-left:3px solid var(--accent);background:var(--accent-soft);border-radius:0 .75rem .75rem 0}.topics p,.card p{margin:0;color:var(--muted)}.card{display:flex;flex-direction:column;gap:.4rem;height:100%;padding:1.25rem;background:var(--surface);border:1px solid var(--border);border-radius:.75rem;text-decoration:none;color:var(--text);transition:transform .15s ease,border-color .15s ease}.card:hover{border-color:var(--accent);transform:translateY(-2px)}.card h3 span{color:var(--accent)}.host{margin-top:auto;padding-top:.5rem;font-size:.85rem;color:var(--accent)}.prose{max-width:42rem;padding-top:2rem}.prose h1{font-size:2rem}.todo{background:var(--todo-bg);border:1px solid var(--todo-border);padding:.75rem 1rem;border-radius:.5rem}.site-footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.75rem;padding-block:1.5rem;border-top:1px solid var(--border);color:var(--muted);font-size:.9rem}.site-footer nav{display:flex;gap:1.25rem}@media(prefers-reduced-motion:reduce){.card{transition:none}.card:hover{transform:none}}