:root{--ink:#141210;--ink2:#5b554f;--paper:#fbf7f1;--line:#ebe3d8;--red:#e53a2f;--red-dk:#b9271e;--dark:#121110}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.7 Inter,system-ui,-apple-system,"Segoe UI",Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}
.top{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:calc(12px + env(safe-area-inset-top,0px)) 20px 12px;background:rgba(18,17,16,.95)}
.mark{color:#fff;text-decoration:none;font:900 22px/1 "Inter Tight",Inter,sans-serif}
.mark span{font:800 10px/1 Inter,sans-serif;letter-spacing:.32em;margin-left:8px;opacity:.75;vertical-align:3px}
.tabs{display:flex;gap:4px;margin-left:12px;overflow-x:auto}
.tabs a{flex:none;color:rgba(255,255,255,.72);text-decoration:none;font-weight:700;font-size:14px;line-height:1.2;padding:7px 12px;border-radius:999px}
.tabs a:hover{color:#fff;background:rgba(255,255,255,.08)}
.tabs a[aria-current=page]{color:#fff;background:rgba(255,255,255,.14)}
@media (max-width:700px){.tabs{order:3;width:100%;margin:0}}
.post{max-width:720px;margin:0 auto;padding:40px 20px 56px}
.kicker{margin:0;font:italic 400 19px/1.3 "Instrument Serif",Georgia,serif;color:var(--red)}
.kicker a{color:inherit}
h1{margin:8px 0 22px;font:900 clamp(32px,5.4vw,48px)/1.05 "Inter Tight",Inter,sans-serif;letter-spacing:-.02em;text-wrap:balance}
article h2{margin:34px 0 8px;font:800 25px/1.2 "Inter Tight",Inter,sans-serif;text-wrap:balance}
article h3{margin:24px 0 6px;font:800 19px/1.3 "Inter Tight",Inter,sans-serif}
article p{margin:0 0 16px}
article ul{padding-left:22px;margin:0 0 16px}
article li{margin:4px 0}
.cta{margin:34px 0 0}
.btn{display:inline-flex;border-radius:999px;background:var(--red);color:#fff;font-weight:800;padding:13px 22px;text-decoration:none}
.btn:hover{background:var(--red-dk)}
.list{list-style:none;padding:0;margin:8px 0 0;display:grid;gap:12px}
.list a{display:block;background:#fff;border-radius:16px;padding:18px;text-decoration:none;color:inherit;box-shadow:0 1px 2px rgba(20,18,16,.06),0 8px 24px rgba(20,18,16,.08)}
.list b{display:block;font:800 20px/1.25 "Inter Tight",Inter,sans-serif}
.list span{display:block;color:var(--ink2);font-size:15px;line-height:1.5;margin-top:4px}
.list small{display:block;color:var(--ink2);font-size:13px;margin-top:6px}
.foot{background:var(--dark);color:rgba(255,255,255,.75);text-align:center;padding:28px 20px calc(28px + env(safe-area-inset-bottom,0px));font-size:14px}
@media (max-width:560px){.post{padding:28px 16px 44px}body{font-size:16.5px}}