/* redesign blog chrome — shares tokens with the homepage */
@font-face{font-family:'Clash Display';src:url(/assets/re/clash-display.woff2) format('woff2');font-weight:400 700;font-display:swap}
@font-face{font-family:'Instrument Sans';src:url(/assets/re/instrument-sans-400-700.woff2) format('woff2');font-weight:400 700;font-display:swap}
@font-face{font-family:'IBM Plex Mono';src:url(/assets/re/ibm-plex-mono-400.woff2) format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'IBM Plex Mono';src:url(/assets/re/ibm-plex-mono-500.woff2) format('woff2');font-weight:500;font-display:swap}
:root{--white:#FFFFFF;--tint:#E6EBF1;--tint2:#D9E1EA;--text:#181A1D;--muted:#49525E;
--dark:#171C21;--dark2:#1A2026;--muted-d:#A9B6C3;--slate:#506C83;--slate-deep:#3E5468;--slate-light:#9FB6C9;
--line:rgba(24,26,29,.13);--line-soft:rgba(24,26,29,.08);--r:18px;
--disp:'Clash Display',sans-serif;--body:'Instrument Sans',sans-serif;--mono:'IBM Plex Mono',monospace;
--tickimg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='9'%3E%3Cpath d='M4.5 0v9M0 4.5h9' stroke='%238FA8BC' stroke-width='1'/%3E%3C/svg%3E")}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:var(--white);color:var(--text);font-family:var(--body);font-size:17.5px;line-height:1.65;-webkit-font-smoothing:antialiased;position:relative}
body::before{content:'';position:fixed;inset:0;pointer-events:none;z-index:0;
background-image:radial-gradient(var(--slate) 1.5px,transparent 1.7px);background-size:42px 42px;opacity:.06}
body>*{position:relative;z-index:1}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%;height:auto}
.bwrap{max-width:1240px;margin:0 auto;padding:0 48px}
/* nav (redesign) */
.bnav{border-bottom:1px solid var(--line-soft);background:rgba(255,255,255,.92);backdrop-filter:blur(8px);position:sticky;top:0;z-index:40}
.bnav .bwrap{display:flex;align-items:center;gap:26px;padding-top:16px;padding-bottom:16px}
.bmark{font-family:var(--disp);font-weight:600;font-size:19px;margin-right:auto}
.bmark i{font-style:normal;color:var(--slate)}
.bnav a.nl{font-weight:500;font-size:15px;color:var(--muted)}
.bnav a.nl:hover{color:var(--text)}
.bnav .pill{background:var(--slate-deep);color:#fff;border-radius:300px;padding:11px 20px;font-weight:600;font-size:14.5px}
.bnav .pill:hover{background:var(--dark)}
@media(max-width:720px){.bnav a.nl{display:none}}
/* article head */
.ahead{padding:72px 0 34px;border-bottom:1px solid var(--line-soft)}
.folio{font-family:var(--mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);display:inline-block;position:relative;padding:8px 12px}
.folio::after{content:'';position:absolute;inset:0;pointer-events:none;opacity:.5;
background-image:var(--tickimg),var(--tickimg);background-position:0 0,100% 0;background-size:9px 9px;background-repeat:no-repeat}
.folio a{color:var(--slate-deep);font-weight:500}
.folio a:hover{color:var(--text)}
.ahead h1{font-family:var(--disp);font-weight:600;font-size:clamp(38px,5.4vw,64px);line-height:1.04;letter-spacing:-.015em;max-width:17ch;margin-top:18px}
.ahead h1 em{font-style:italic;color:var(--slate-deep)}
.ahead .lede{margin-top:20px;font-size:clamp(17px,1.4vw,20px);color:var(--muted);max-width:52ch}
/* prose */
.aprose{max-width:760px;padding:44px 0 90px}
.aprose .prose>*+*{margin-top:1.15em}
.aprose h2{font-family:var(--disp);font-weight:600;font-size:clamp(24px,2.6vw,31px);line-height:1.15;letter-spacing:-.01em;margin-top:2em}
.aprose h3{font-family:var(--disp);font-weight:600;font-size:21px;margin-top:1.6em}
.aprose p,.aprose li{color:#2A2E34;max-width:68ch}
.aprose b,.aprose strong{color:var(--text)}
.aprose a{color:var(--slate-deep);border-bottom:1px solid var(--slate-light)}
.aprose a:hover{color:var(--text);border-color:var(--text)}
.aprose ul,.aprose ol{padding-left:1.3em}
.aprose li+li{margin-top:.5em}
.aprose blockquote{border-left:3px solid var(--slate-light);padding:6px 0 6px 22px;color:var(--muted);font-size:19px}
.aprose pre{background:var(--dark);color:#DCE6EF;border-radius:14px;padding:22px 24px;overflow-x:auto;font-family:var(--mono);font-size:14px;line-height:1.6}
.aprose code{font-family:var(--mono);font-size:.92em;background:var(--tint);border-radius:6px;padding:2px 7px}
.aprose pre code{background:none;padding:0}
.aprose hr{border:0;border-top:1px solid var(--line-soft);margin:2.4em 0}
.aprose img{border-radius:14px}
.aprose table{border-collapse:collapse;width:100%;font-size:15.5px}
.aprose th,.aprose td{border:1px solid var(--line);padding:9px 12px;text-align:left}
/* end-of-article CTA */
.acta{border-top:1px solid var(--line-soft);background:var(--tint)}
.acta .bwrap{display:flex;flex-wrap:wrap;align-items:center;gap:18px 32px;padding-top:44px;padding-bottom:48px}
.acta .t{font-family:var(--disp);font-weight:600;font-size:clamp(21px,2.4vw,27px);margin-right:auto;max-width:24ch}
.acta .pill{background:var(--slate-deep);color:#fff;border-radius:300px;padding:15px 26px;font-weight:600;font-size:15.5px;display:inline-flex;align-items:center;gap:9px}
.acta .pill:hover{background:var(--dark)}
.acta .pill svg{width:15px;height:15px;stroke:currentColor;stroke-width:2.1;fill:none;stroke-linecap:round;stroke-linejoin:round}
/* footer (redesign, compact) */
.bfoot{background:var(--dark);color:var(--muted-d)}
.bfoot .bwrap{display:flex;flex-wrap:wrap;gap:14px 30px;align-items:center;padding-top:30px;padding-bottom:34px;font-size:14px}
.bfoot .bmark{color:#fff;margin-right:auto}
.bfoot a{color:var(--muted-d)}
.bfoot a:hover{color:#fff}
/* blog index */
.bidx-head{padding:78px 0 26px}
.bidx-head .eyebrow{font-family:var(--mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.bidx-head h1{font-family:var(--disp);font-weight:600;font-size:clamp(40px,5.6vw,66px);letter-spacing:-.015em;line-height:1.05;margin-top:14px}
.bidx-head h1 i{font-style:normal;color:var(--slate)}
.bidx-head p{margin-top:16px;color:var(--muted);max-width:52ch}
.bidx{padding:34px 0 90px;display:grid;grid-template-columns:1fr 1fr;gap:14px}
.bidx a.bi{display:flex;flex-direction:column;gap:9px;background:var(--tint);border-radius:var(--r);padding:26px 28px;transition:transform .25s var(--ease,ease),background .25s}
.bidx a.bi:hover{transform:translateY(-3px);background:var(--tint2)}
.bidx .bi .bm{font-family:var(--mono);font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.bidx .bi .bt{font-family:var(--disp);font-weight:600;font-size:21px;line-height:1.2}
.bidx .bi .bd{color:var(--muted);font-size:15px}
@media(max-width:760px){.bidx{grid-template-columns:1fr}.bwrap{padding:0 22px}}
/* blog index v2 — featured bento + compact list */
.bfeat{display:grid;grid-template-columns:1.45fr 1fr;gap:14px;padding-top:34px}
.bfeat .bcol{display:flex;flex-direction:column;gap:14px}
a.bfcard{position:relative;display:flex;flex-direction:column;border-radius:var(--r);overflow:hidden;background:var(--tint);transition:transform .25s ease}
a.bfcard:hover{transform:translateY(-3px)}
.bfcard img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.bfcard .ov{position:relative;z-index:2;margin-top:auto;padding:22px 24px;background:linear-gradient(transparent,rgba(16,20,25,.86) 45%);color:#fff;display:flex;flex-direction:column;gap:7px;padding-top:70px}
.bfcard .cat{align-self:flex-start;font-family:var(--mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;background:rgba(255,255,255,.16);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.22);border-radius:300px;padding:5px 11px}
.bfcard .ft{font-family:var(--disp);font-weight:600;font-size:clamp(20px,2.2vw,29px);line-height:1.12}
.bfcard .fd{color:rgba(255,255,255,.82);font-size:14.5px;max-width:52ch}
.bfcard .fm{font-family:var(--mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:rgba(255,255,255,.65)}
.bfcard.main{min-height:520px}
.bfcard.sm{min-height:246px}
.bfcard.sm .fd{display:none}
.blist-head{display:flex;align-items:baseline;gap:16px;margin-top:54px;padding-bottom:14px;border-bottom:1px solid var(--line)}
.blist-head h2{font-family:var(--disp);font-weight:600;font-size:24px}
.blist-head .n{font-family:var(--mono);font-size:12px;color:var(--muted)}
.blist{margin-bottom:90px}
a.brow{display:grid;grid-template-columns:44px 130px 1fr auto auto;gap:18px;align-items:baseline;padding:17px 6px;border-bottom:1px solid var(--line-soft);transition:background .2s}
a.brow:hover{background:var(--tint)}
a.brow .idx{font-family:var(--mono);font-size:12px;color:var(--slate)}
a.brow .cat2{font-family:var(--mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
a.brow .t{font-family:var(--disp);font-weight:600;font-size:18.5px}
a.brow .d{font-family:var(--mono);font-size:11.5px;color:var(--muted)}
a.brow .go2{color:var(--slate-deep);font-weight:700}
@media(max-width:860px){.bfeat{grid-template-columns:1fr}.bfcard.main{min-height:420px}
a.brow{grid-template-columns:34px 1fr auto;gap:12px}a.brow .cat2,a.brow .d{display:none}}