:root { color-scheme: light; --paper:#f4f4ef; --ink:#161a14; --muted:#565c4f; --line:#cbccc0; --accent:#4c6647; }
* { box-sizing: border-box; }
body { margin:0; font:17px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; background:var(--paper); color:var(--ink); }
a { color:var(--accent); font-weight:650; text-decoration:none; }
a:hover { text-decoration:underline; }
.wrap { width:min(760px,calc(100% - 40px)); margin:0 auto; }
.site-header,.site-footer { display:flex; justify-content:space-between; gap:12px; flex-wrap:wrap; padding:24px 0; }
.site-footer { border-top:1px solid var(--line); color:var(--muted); font-size:.88rem; }
nav { display:flex; gap:16px; }
nav a { color:var(--muted); }
main { padding:12px 0 64px; }
h1 { font-size:clamp(1.8rem,5vw,2.6rem); letter-spacing:-.03em; }
.kicker { color:var(--accent); font-size:.75rem; font-weight:800; letter-spacing:.14em; text-transform:uppercase; }
.card { background:#fff; border:1px solid var(--line); border-radius:16px; padding:18px; }
.grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:14px; margin-top:24px; }
.brand { display:flex; align-items:center; gap:10px; color:var(--ink); font-weight:650; }
.brand img { width:36px; height:36px; border-radius:10px; }
.updated,.lede,p,li { color:var(--muted); }