:root{--bg:#fbfbf9;--fg:#1c1e21;--muted:#5f6670;--accent:#1b6ca8;--card:#ffffff;--border:#e3e5e8;--maxw:44rem}@media(prefers-color-scheme:dark){:root{--bg:#121416;--fg:#e6e8ea;--muted:#9aa3ad;--accent:#6cb4ee;--card:#1a1d20;--border:#2a2e33}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font:1.0625rem/1.65 system-ui,-apple-system,segoe ui,sans-serif}a{color:var(--accent)}.site-header,main,.site-footer{max-width:var(--maxw);margin-inline:auto;padding-inline:1rem}.site-header{display:flex;justify-content:space-between;align-items:center;padding-block:1.25rem}.brand{font-weight:700;color:var(--fg);text-decoration:none}nav{display:flex;gap:1.25rem}nav a{color:var(--muted);text-decoration:none}nav a:hover,nav a[aria-current]{color:var(--fg)}main{padding-block:1.5rem 3rem}h1{line-height:1.2}.hero{padding-block:2rem 1rem}.hero h1{font-size:clamp(2rem,6vw,3rem);margin-bottom:.25rem}.tagline{color:var(--accent);font-size:1.2rem;margin-top:0}.cards{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr))}.card{display:block;padding:1rem 1.1rem;background:var(--card);border:1px solid var(--border);border-radius:.6rem;color:var(--fg);text-decoration:none}.card:hover{border-color:var(--accent)}.card h3{margin:0 0 .3rem}.card p{margin:0 0 .6rem;color:var(--muted)}.tags{display:flex;flex-wrap:wrap;gap:.4rem;list-style:none;padding:0;margin:0}.tags li{font-size:.8rem;padding:.1rem .55rem;border:1px solid var(--border);border-radius:99px;color:var(--muted)}.site-footer{display:flex;gap:1rem;padding-block:2rem;color:var(--muted);font-size:.9rem;border-top:1px solid var(--border)}