.blog-page{--ink:#10131a;--muted:#626a78;--line:#dfe3ea;--blue:#0057ff;min-height:100vh;color:var(--ink);background:#fbfcff}.blog-nav{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffe6;justify-content:space-between;align-items:center;height:82px;padding:0 max(1.5rem,50vw - 560px);display:flex}.blog-brand{font:700 1rem var(--font-space-grotesk);text-decoration:none}.blog-brand span,.blog-eyebrow,.blog-back{color:var(--blue)}.blog-nav nav{align-items:center;gap:1.5rem;display:flex}.blog-nav nav a{font-size:.85rem;text-decoration:none}.blog-nav .blog-nav-cta{background:var(--ink);color:#fff;border-radius:6px;padding:.65rem 1rem}.blog-hero,.blog-index,.article-wrap,.blog-footer{width:min(1120px,100% - 3rem);margin:auto}.blog-hero{grid-template-columns:1.4fr .6fr;align-items:end;gap:4rem;padding:7rem 0 4rem;display:grid}.blog-eyebrow,.article-meta,.blog-card-meta,.blog-back,.source-label{font:600 .72rem var(--font-jetbrains-mono);letter-spacing:.04em;text-transform:uppercase}.blog-hero h1{font:700 clamp(3rem,7vw,6.5rem)/.95 var(--font-space-grotesk);letter-spacing:-.065em;margin:.9rem 0 1.25rem}.blog-hero h1 em{color:var(--blue);font-style:normal}.blog-hero p{max-width:720px;color:var(--muted);font-size:1.08rem}.blog-hero aside{border-left:3px solid var(--blue);color:var(--muted);background:#f0f4ff;padding:1.35rem;font-size:.9rem}.blog-index{padding:2rem 0 7rem}.blog-index-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:end;margin-bottom:2rem;padding-bottom:1rem;display:flex}.blog-index-head h2{font:700 1.4rem var(--font-space-grotesk);margin:0}.blog-index-head span{color:var(--muted);font:.75rem var(--font-jetbrains-mono)}.article-grid{grid-template-columns:repeat(2,1fr);gap:1.25rem;display:grid}.article-card{border:1px solid var(--line);background:#fff;border-radius:12px;flex-direction:column;min-height:330px;padding:2rem;text-decoration:none;transition:all .25s;display:flex;position:relative;overflow:hidden}.article-card:before{content:"";background:var(--accent);width:4px;position:absolute;inset:0 auto 0 0}.article-card:hover{border-color:var(--accent);transform:translateY(-4px);box-shadow:0 18px 45px #141e3714}.article-card h2{font:700 clamp(1.4rem,2.5vw,2rem)/1.12 var(--font-space-grotesk);letter-spacing:-.035em;margin:1.5rem 0 .8rem}.article-card p{color:var(--muted);margin:0;line-height:1.75}.article-card .read-link{color:var(--blue);margin-top:auto;padding-top:2rem;font-size:.85rem;font-weight:700}.blog-card-meta{color:var(--muted);gap:.75rem;display:flex}.article-wrap{padding:3rem 0 7rem}.blog-back{margin-bottom:4rem;text-decoration:none;display:inline-block}.article-header{max-width:900px}.article-header h1{font:700 clamp(2.6rem,7vw,5.6rem)/.98 var(--font-space-grotesk);letter-spacing:-.06em;margin:1.25rem 0 1.5rem}.article-dek{max-width:760px;color:var(--muted);font-size:1.15rem;line-height:1.75}.article-meta{color:var(--muted);gap:1rem;display:flex}.article-rule{background:linear-gradient(90deg,var(--accent) 0 26%,#e9edf4 26%);height:5px;margin:3.5rem 0}.article-layout{grid-template-columns:minmax(0,720px) 280px;align-items:start;gap:5rem;display:grid}.article-copy section{padding:0 0 2.75rem}.article-copy h2{font:700 1.7rem var(--font-space-grotesk);letter-spacing:-.03em;margin:0 0 1rem}.article-copy p,.article-copy li{color:#414957;font-size:1.02rem;line-height:1.85}.article-copy ul{padding-left:1.2rem}.article-aside{position:sticky;top:2rem}.takeaway,.sources{border:1px solid var(--line);background:#fff;border-radius:10px;padding:1.4rem}.takeaway{border-top:4px solid var(--accent);font-weight:600;line-height:1.65}.sources{margin-top:1rem}.sources a{color:var(--blue);margin-top:.8rem;font-size:.82rem;display:block}.article-cta{background:var(--ink);color:#fff;border-radius:10px;margin-top:1rem;padding:1.5rem}.article-cta p{color:#bdc4cf;margin:0 0 1rem;font-size:.88rem}.article-cta a{color:#fff;font-weight:700;text-decoration:none}.blog-footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;padding:2rem 0 3rem;font-size:.8rem;display:flex}@media (max-width:760px){.blog-nav nav a:first-child{display:none}.blog-hero{grid-template-columns:1fr;gap:2rem;padding-top:5rem}.article-grid{grid-template-columns:1fr}.article-layout{grid-template-columns:1fr;gap:2rem}.article-aside{position:static}.article-header h1{font-size:clamp(2.4rem,13vw,4rem)}.blog-footer{flex-direction:column;gap:.5rem}}footer.blog-footer{min-height:0;color:var(--muted);background:#fbfcff;padding:2rem 0 3rem}
