:root { --bg:#0f0f12; --fg:#f5f7fa; --muted:#a9b0bc; }
*{box-sizing:border-box} html,body{height:100%}
body{margin:0;background:radial-gradient(1200px 800px at 20% 10%,#1d1e24 0%,var(--bg) 55%);color:var(--fg);font:16px/1.55 system-ui,-apple-system,Segoe UI,Roboto,Ubuntu}
main.card{width:min(980px,94vw);margin:32px auto;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.08);border-radius:28px;padding:32px 28px;box-shadow:0 30px 60px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.05)}
.center{text-align:center} .badge{display:inline-block;padding:8px 14px;border:1px solid rgba(255,255,255,.15);border-radius:999px;margin-bottom:12px}
h1{margin:0 0 10px;font-size:clamp(28px,6vw,56px);letter-spacing:-.02em} .tagline{color:var(--muted)}
h2{margin:18px 0 8px} .muted{color:var(--muted)} .lede{font-size:18px;color:#e7eaf0}
.postlist{list-style:none;padding:0;margin:0} .postlist li{padding:10px 0;border-top:1px solid rgba(255,255,255,.08)}
.postlist li:first-child{border-top:none} .summary{color:var(--muted);font-size:14.5px}
.bullets{margin-top:12px}
a{color:#c7d7ff;text-decoration:none;border-bottom:1px dotted rgba(199,215,255,.5)} a:hover{border-bottom-color:transparent}
.satire{margin-top:16px;font-size:18px;line-height:1.7}
.facts{text-align:center;margin-top:24px}
.facts .fact{margin:14px 0}
.facts h3{margin:0 0 6px;font-size:20px;letter-spacing:.2px}
.facts p{margin:0;font-size:18px;line-height:1.6}