.blog-shell{background:var(--surface);min-height:100vh}.blog-header{background:var(--paper);border-bottom:1px solid var(--line)}.blog-header>div{justify-content:space-between;align-items:center;gap:12px;max-width:1120px;margin:auto;padding:12px clamp(16px,4vw,40px);display:flex}.blog-header nav{align-items:center;gap:12px;display:flex}.blog-header nav a{color:var(--blue-text);padding:10px 0;font-weight:700}.blog-main{max-width:1120px;margin:auto;padding:clamp(24px,6vw,64px) clamp(16px,4vw,40px) 56px}.blog-intro{max-width:640px;margin-bottom:32px}.blog-intro h1,.blog-article h1{text-wrap:balance;margin:10px 0 16px;font-size:clamp(32px,6vw,52px);font-weight:750}.blog-intro p{font-size:clamp(16px,2vw,19px)}.blog-topics{flex-wrap:wrap;gap:8px;margin-bottom:32px;display:flex}.blog-topics a{border:1px solid var(--line);background:var(--paper);color:var(--blue-text);border-radius:999px;padding:8px 14px;font-weight:650}.blog-topics a:hover{border-color:var(--blue-text)}.blog-topic+.blog-topic{margin-top:32px}.blog-topic h2{margin:0 0 12px;scroll-margin-top:16px;font-size:clamp(22px,4vw,28px)}.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:0;list-style:none;display:grid}.blog-card{border:1px solid var(--line);background:var(--paper);border-radius:18px;align-items:flex-start;gap:16px;height:100%;padding:20px 38px 20px 20px;display:flex;position:relative}.blog-card:hover{border-color:var(--blue-text)}.blog-card>svg{color:var(--blue-text);position:absolute;top:20px;right:14px}.blog-card-image{aspect-ratio:1;background:var(--lightningcss-light,#edf2ff)var(--lightningcss-dark,var(--night-info));border-radius:14px;flex:none;place-items:center;width:80px;display:grid}.blog-card-image img{width:100%;height:auto}.blog-card h3{margin:0 0 8px;font-size:20px;font-weight:700}.blog-card p{font-size:14px}.blog-reading{max-width:780px;margin:auto}.blog-back{color:var(--blue-text);margin-bottom:16px;font-weight:700}.blog-back a{padding:8px 0;display:inline-block}.blog-article,.blog-related{border:1px solid var(--line);background:var(--paper);border-radius:20px;padding:clamp(18px,5vw,48px)}.blog-article p,.blog-article li{color:var(--ink);font-size:17px;line-height:1.7}.blog-article .blog-byline{color:var(--muted);font-size:14px}.blog-article .blog-lead{margin:18px 0 0;font-size:19px}.blog-article section{margin-top:28px}.blog-article section h2{margin-bottom:10px;font-size:clamp(22px,4vw,28px)}.blog-article section p+p,.blog-article li+li{margin-top:10px}.blog-article ol{padding-inline-start:24px;list-style:decimal}.blog-related{margin-top:18px}.blog-related h2{font-size:22px}.blog-related ul{padding:8px 0 14px;list-style:none}.blog-related li a{color:var(--blue-text);padding:6px 0;text-decoration:underline;display:inline-block}@media (max-width:690px){.blog-grid{grid-template-columns:minmax(0,1fr)}.blog-card{gap:12px;padding-left:14px}.blog-card-image{width:58px}.blog-card h3{font-size:18px}.blog-header .wordmark{font-size:24px}}
