:root{--bg: #0d1117;--panel: #161b22;--ink: #e6edf3;--muted: #9aa7b4;--accent: #ff5c5c;--accent2: #4dd0e1;--line: #263140;--panel-2: #1b2230;--max: 1080px;--measure: 68ch;--s1: 4px;--s2: 8px;--s3: 12px;--s4: 16px;--s5: 24px;--s6: 32px;--s7: 48px;--s8: 72px;--s9: 96px;--radius: 14px;--shadow: 0 10px 30px rgba(0,0,0,.35);font-synthesis-weight:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.65 ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}img{max-width:100%;height:auto;display:block}a{color:var(--accent2);text-underline-offset:3px}.wrap,main{max-width:var(--max);margin:0 auto;padding:0 var(--s5) var(--s9)}.site-header{position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;align-items:center;max-width:var(--max);margin:0 auto;padding:var(--s4) var(--s5);backdrop-filter:saturate(140%) blur(8px);background:color-mix(in srgb,var(--bg) 78%,transparent);border-bottom:1px solid var(--line)}.brand{font-weight:800;letter-spacing:.5px;text-decoration:none;color:var(--ink);font-size:18px}.brand span{color:var(--accent)}.site-header nav a{margin-left:var(--s5);color:var(--muted);text-decoration:none;font-size:14px;font-weight:600}.site-header nav a:hover{color:var(--ink)}.hero{padding:var(--s8) 0 var(--s6);max-width:var(--measure)}.hero h1{font-size:clamp(30px,5.2vw,52px);line-height:1.06;letter-spacing:-.02em;margin:0 0 var(--s3)}.hero p{color:var(--muted);font-size:clamp(17px,2.2vw,21px);margin:0}.thumb-img,.thumb{width:100%;aspect-ratio:16 / 9;object-fit:cover;border-radius:var(--radius)}.thumb{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;padding:var(--s4);isolation:isolate;background:radial-gradient(120% 120% at var(--shift) 0%,color-mix(in srgb,var(--accent2) 55%,transparent),transparent 60%),linear-gradient(var(--ang),var(--accent),color-mix(in srgb,var(--accent2) 80%,#000 10%))}.thumb:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,transparent 40%,rgba(0,0,0,.55))}.thumb-shape{position:absolute;z-index:-1;width:60%;aspect-ratio:1;border-radius:50%;right:-10%;top:-20%;background:#ffffff1a;filter:blur(2px)}.thumb.v1 .thumb-shape{border-radius:20%;transform:rotate(18deg)}.thumb.v2 .thumb-shape{inset:auto auto -25% -15%}.thumb.v3 .thumb-shape{width:40%;right:8%;top:12%;background:#0000002e}.thumb-cat{position:absolute;top:var(--s3);left:var(--s3);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#0b0b0b;background:#ffffffe6;padding:3px 9px;border-radius:999px}.thumb-title{color:#fff;font-weight:800;font-size:clamp(16px,2.4vw,22px);line-height:1.15;letter-spacing:-.01em;text-shadow:0 1px 12px rgba(0,0,0,.5);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--s5);margin-top:var(--s6)}.card,.feature-card{text-decoration:none;color:var(--ink);background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.card:hover,.feature-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--accent) 60%,var(--line));box-shadow:var(--shadow)}.card .thumb,.card .thumb-img{border-radius:0}.card-body,.feature-body{padding:var(--s4) var(--s5) var(--s5)}.card h3{margin:var(--s2) 0 var(--s2);font-size:19px;line-height:1.25;letter-spacing:-.01em}.card p,.feature-body p{margin:0;color:var(--muted);font-size:15px}.tag{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--accent2)}.meta{color:var(--muted);font-size:13px;margin-top:var(--s3)}.feature-card{display:grid;grid-template-columns:1.3fr 1fr;margin-top:var(--s6)}.feature-card .thumb,.feature-card .thumb-img{border-radius:0;height:100%}.feature-body{align-self:center}.feature-body h2{margin:var(--s2) 0 var(--s3);font-size:clamp(22px,3vw,30px);line-height:1.15;letter-spacing:-.015em}@media(max-width:720px){.feature-card{grid-template-columns:1fr}}article.post{max-width:var(--measure);margin:0 auto}.post-hero{max-width:var(--max);margin:var(--s5) auto var(--s6)}.post-hero .thumb,.post-hero .thumb-img{aspect-ratio:21 / 9;border-radius:var(--radius)}.hero-credit{margin:var(--s2) 0 0;font-size:12px;color:var(--muted);text-align:right}.hero-credit a{color:var(--muted);text-decoration:underline}.hero-credit a:hover{color:var(--ink)}article.post h1{font-size:clamp(28px,4.6vw,44px);line-height:1.1;letter-spacing:-.02em;margin:var(--s4) 0 var(--s3)}article.post h2{margin-top:var(--s7);font-size:27px;letter-spacing:-.01em;padding-bottom:var(--s2);border-bottom:1px solid var(--line)}article.post h3{margin-top:var(--s6);font-size:20px;color:var(--accent2)}article.post p,article.post li{font-size:18px}article.post table{width:100%;border-collapse:collapse;margin:var(--s5) 0;font-size:15px}article.post th,article.post td{border:1px solid var(--line);padding:10px 12px;text-align:left}article.post th{background:var(--panel-2)}article.post tr:nth-child(2n) td{background:color-mix(in srgb,var(--panel) 60%,transparent)}.takeaway{background:linear-gradient(180deg,var(--panel-2),var(--panel));border-left:4px solid var(--accent2);padding:var(--s4) var(--s5);border-radius:10px;margin:var(--s5) 0}.spicy{background:color-mix(in srgb,var(--accent) 12%,var(--panel));border-left:4px solid var(--accent);padding:var(--s4) var(--s5);border-radius:10px;margin:var(--s6) 0}.spicy strong{color:var(--accent)}.sidenote{border:1px dashed var(--line);border-radius:10px;padding:var(--s4) var(--s5);margin:var(--s5) 0;font-size:15px;color:var(--muted);background:color-mix(in srgb,var(--panel) 50%,transparent)}.faq h3{font-size:18px}.site-footer{border-top:1px solid var(--line);color:var(--muted);font-size:13px;text-align:center;padding:var(--s6) var(--s5)}.legal-links{margin-top:var(--s2)}.legal-links a{color:var(--muted)}.reactions{max-width:var(--measure);margin:var(--s7) auto 0;padding-top:var(--s5);border-top:1px solid var(--line)}.reactions h2{font-size:20px;margin:0 0 var(--s3)}.rx-bar{display:flex;flex-wrap:wrap;gap:var(--s2);align-items:center}.rx{display:inline-flex;align-items:center;gap:6px;background:var(--panel);border:1px solid var(--line);border-radius:999px;padding:6px 12px;cursor:pointer;font-size:16px;color:var(--ink);transition:border-color .12s,transform .12s}.rx:hover{border-color:var(--accent);transform:translateY(-1px)}.rx.on{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 14%,var(--panel))}.rx-n{font-size:13px;color:var(--muted);min-width:8px}.rx-more{position:relative}.rx-more>summary{list-style:none;cursor:pointer;background:var(--panel);border:1px dashed var(--line);border-radius:999px;padding:6px 12px;font-size:16px;color:var(--muted)}.rx-more>summary::-webkit-details-marker{display:none}.rx-palette{position:absolute;z-index:5;margin-top:var(--s2);display:grid;grid-template-columns:repeat(8,1fr);gap:4px;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:var(--s2);box-shadow:var(--shadow)}.rx-pick{background:none;border:none;cursor:pointer;font-size:18px;padding:4px;border-radius:6px}.rx-pick:hover{background:var(--line)}.subscribe{max-width:var(--measure);margin:var(--s7) auto 0;padding:var(--s6);border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(180deg,var(--panel-2),var(--panel))}.subscribe h2{font-size:23px;margin:0 0 var(--s1);letter-spacing:-.01em}.sub-lead{color:var(--muted);margin:0 0 var(--s4)}.sub-form{display:grid;gap:var(--s3)}.sub-email{padding:12px 14px;border-radius:10px;border:1px solid var(--line);background:var(--bg);color:var(--ink);font-size:15px}.sub-btn{justify-self:start;background:var(--accent);color:#0b0b0b;border:none;border-radius:10px;padding:12px 22px;font-weight:800;cursor:pointer}.sub-btn:hover{filter:brightness(1.08)}.sub-consent{display:flex;gap:8px;align-items:flex-start;font-size:12.5px;color:var(--muted);line-height:1.45}.sub-consent input{margin-top:3px}.sub-consent a{color:var(--accent2)}.sub-msg{margin:var(--s1) 0 0;font-size:14px}.sub-msg.ok{color:#47d18c}.sub-msg.err{color:var(--accent)}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
