:root { --bg:#fbfaf7; --fg:#1c1b19; --muted:#5f5d57; --line:#e4e1d9; --accent:#0f6e56; --accent-bg:#e1f5ee; }
@media (prefers-color-scheme: dark) { :root { --bg:#161614; --fg:#ecebe6; --muted:#a3a198; --line:#2c2b27; --accent:#5dcaa5; --accent-bg:#0b2a22; } }
* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { margin:0; background:var(--bg); color:var(--fg); font:17px/1.65 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif; }
main, header, footer { max-width:44rem; margin:0 auto; padding:0 1.25rem; }
header { padding-top:2.5rem; display:flex; justify-content:space-between; align-items:baseline; }
.brand { font-weight:600; letter-spacing:-.01em; font-size:1.15rem; color:var(--fg); text-decoration:none; }
nav a { color:var(--muted); text-decoration:none; margin-left:1.25rem; font-size:.95rem; }
nav a:hover { color:var(--fg); }
h1 { font-size:clamp(2rem,6vw,3rem); line-height:1.1; letter-spacing:-.03em; margin:4rem 0 1rem; font-weight:600; }
h2 { font-size:1.2rem; margin:3rem 0 .5rem; font-weight:600; }
p, li { color:var(--fg); }
.lead { font-size:1.2rem; color:var(--muted); max-width:34rem; }
.status { display:inline-block; margin-top:1.5rem; padding:.35rem .8rem; border-radius:999px; background:var(--accent-bg); color:var(--accent); font-size:.9rem; font-weight:500; }
ul { padding-left:1.2rem; } li { margin:.35rem 0; }
a { color:var(--accent); }
hr { border:0; border-top:1px solid var(--line); margin:3rem 0 1.5rem; }
footer { padding-bottom:3rem; color:var(--muted); font-size:.88rem; }
@media (max-width:30rem) { body { font-size:16px; } h1 { margin-top:2.5rem; } nav a { margin-left:.9rem; } }