:root{--bg:#0b0b0c;--fg:#ededed;--muted:#a1a1aa;--line:#27272a;--accent:#c4b5fd}
*{box-sizing:border-box}html{font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;background:var(--bg);color:var(--fg);line-height:1.6}
body{margin:0}a{color:var(--accent)}a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.wrap{max-width:44rem;margin:0 auto;padding:0 1.25rem}
header.site{border-bottom:1px solid var(--line)}header.site .wrap{display:flex;justify-content:space-between;align-items:center;height:3.5rem}
.brand{font-weight:600;color:var(--fg);text-decoration:none;letter-spacing:-.01em}nav a{color:var(--muted);text-decoration:none;margin-left:1.25rem}nav a:hover{color:var(--fg)}
.hero{padding:7rem 0 5rem}.hero h1{font-size:clamp(2.2rem,6vw,3.6rem);line-height:1.05;letter-spacing:-.03em;margin:0 0 1.25rem}
.hero p{color:var(--muted);font-size:1.15rem;max-width:34rem;margin:0}
.eyebrow{font-size:.8rem;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}
.posts{list-style:none;padding:0;margin:0;border-top:1px solid var(--line)}.posts li{border-bottom:1px solid var(--line);padding:1.1rem 0}
.posts a{color:var(--fg);text-decoration:none;font-weight:500}.posts a:hover{text-decoration:underline}.posts time{display:block;color:var(--muted);font-size:.85rem}
section{padding-bottom:4rem}h2{font-size:1rem;color:var(--muted);font-weight:500}
article h1{font-size:2.1rem;line-height:1.15;letter-spacing:-.02em;margin:3.5rem 0 .5rem}article .meta{color:var(--muted);font-size:.9rem}
.sources{border-top:1px solid var(--line);margin-top:2.5rem;padding-top:1rem;font-size:.9rem;color:var(--muted)}
.draft{background:#3f3f46;color:#fff;text-align:center;font-size:.8rem;padding:.3rem}
footer{border-top:1px solid var(--line);color:var(--muted);font-size:.85rem;padding:2rem 0}