.blog-hero{padding:clamp(40px,7vw,88px) 0 clamp(24px,4vw,40px)}.blog-hero>.container{flex-direction:column;align-items:flex-start;gap:16px;display:flex}.blog-hero h1{letter-spacing:-.015em;max-width:16ch;font-size:clamp(38px,5.5vw,64px);line-height:1.02}.blog-hero .lede{max-width:60ch}.blog-rss{border:1px solid var(--line);background:var(--surface);border-radius:999px;height:36px;margin-top:2px;padding:0 14px;font-size:13.5px;transition:border-color .15s,background .15s}.blog-rss:hover{border-color:var(--accent-line);background:var(--accent-soft)}.blog-index-body{flex-direction:column;gap:32px;padding:8px 0 96px;display:flex}.blog-chips{flex-wrap:wrap;gap:8px;display:flex}.blog-chips button{border:1px solid var(--line);background:var(--surface);height:38px;color:var(--fg-2);box-shadow:var(--shadow-xs);border-radius:999px;align-items:center;gap:7px;padding:0 15px;font-size:13.5px;font-weight:550;transition:border-color .15s,background .15s,color .15s,box-shadow .15s;display:inline-flex}.blog-chips button span{background:var(--bg-muted);min-width:22px;height:20px;color:var(--muted);font-variant-numeric:tabular-nums;border-radius:999px;place-items:center;padding:0 6px;font-size:11.5px;font-weight:650;display:inline-grid}.blog-chips button:hover{border-color:var(--line-2);color:var(--fg)}.blog-chips button[aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent-line);color:var(--accent-ink);box-shadow:0 0 0 3px var(--accent-ring)}.blog-chips button[aria-pressed=true] span{background:var(--accent);color:var(--accent-fg)}.blog-featured{flex-direction:column;gap:12px;display:flex}.blog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}@media (max-width:1000px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.blog-grid{grid-template-columns:minmax(0,1fr)}}.post-card{border-radius:var(--r-lg);border:1px solid var(--line);background:var(--surface);min-width:0;box-shadow:var(--shadow-sm);flex-direction:column;gap:12px;padding:24px;transition:border-color .15s,box-shadow .15s,transform .15s;display:flex}.post-card:hover{border-color:var(--accent-line);box-shadow:var(--shadow-md);transform:translateY(-2px)}.post-card-body{flex-direction:column;flex:1;gap:12px;min-width:0;display:flex}.post-card-meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;display:flex}.post-card-title{letter-spacing:-.012em;color:var(--fg);overflow-wrap:break-word;font-size:19px;font-weight:650;line-height:1.3;transition:color .15s}h2.post-card-title{font-family:var(--font-display);letter-spacing:-.01em;font-size:25px;font-weight:400;line-height:1.12}.post-card:hover .post-card-title{color:var(--accent-ink)}.post-card-desc{color:var(--muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;flex:1;font-size:14.5px;line-height:1.6;display:-webkit-box;overflow:hidden}.post-card-foot{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;margin-top:4px;padding-top:14px;display:flex}.post-card-foot .link-arrow{flex:none;font-size:13.5px}.post-card:hover .link-arrow svg{transform:translate(3px)}.post-tags{flex-wrap:wrap;gap:6px;min-width:0;display:flex}.post-card.featured{border-radius:var(--r-xl);grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);align-items:stretch;gap:clamp(20px,4vw,48px);padding:clamp(22px,4vw,40px);display:grid}.post-card.featured .post-card-body{gap:14px}.post-card.featured .post-card-title{max-width:22ch;font-size:clamp(30px,3.6vw,46px);line-height:1.05}.post-card.featured .post-card-desc{-webkit-line-clamp:4;max-width:60ch;font-size:16.5px}.post-cover{border-radius:var(--r-lg);background:var(--accent-soft);border:1px solid var(--accent-line);flex-direction:column;justify-content:flex-end;gap:10px;min-height:240px;padding:22px;display:flex;position:relative;overflow:hidden}.post-cover-sheet{border-radius:var(--r);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-md);flex-direction:column;gap:9px;padding:18px;transition:transform .2s;display:flex}.post-card.featured:hover .post-cover-sheet{transform:translateY(-4px)}.post-cover-sheet i{background:var(--bg-muted);border-radius:99px;height:8px;display:block}.post-cover-sheet i.h{background:var(--line-2);width:72%;height:14px;margin-bottom:4px}.post-cover-sheet i.a{background:var(--accent);opacity:.85;width:38%}.post-cover-sheet i.s{width:84%}.post-cover-sheet i.m{width:64%}.post-cover-kicker{background:var(--surface);border:1px solid var(--accent-line);height:28px;color:var(--accent-ink);border-radius:999px;align-items:center;gap:6px;padding:0 12px;font-size:12.5px;font-weight:650;display:inline-flex;position:absolute;top:18px;left:18px}@media (max-width:860px){.post-card.featured{grid-template-columns:minmax(0,1fr)}.post-cover{order:-1;min-height:180px}}.blog-index-cta{margin-top:24px}.post.container-narrow{width:min(720px,100% - 40px)}.post{padding:28px 0 64px}.post-head{border-bottom:1px solid var(--line);flex-direction:column;gap:16px;min-width:0;padding-bottom:28px;scroll-margin-top:104px;display:flex}.post-head h1{letter-spacing:-.015em;overflow-wrap:break-word;font-size:clamp(38px,5.5vw,60px);line-height:1.04}.post-head .lede{font-size:clamp(16.5px,1.6vw,19px)}.post-meta{color:var(--muted);flex-wrap:wrap;gap:8px;font-size:13px;display:flex}.post-meta span{border:1px solid var(--line);background:var(--surface);border-radius:999px;align-items:center;gap:6px;height:28px;padding:0 11px;display:inline-flex}.post-meta svg{width:13px;height:13px;color:var(--dim)}.post-toc{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow-sm);margin-top:24px;overflow:hidden}.post-toc summary{cursor:pointer;min-height:48px;color:var(--fg);align-items:center;gap:10px;padding:0 18px;font-size:14.5px;font-weight:600;list-style:none;transition:background .15s;display:flex}.post-toc summary::-webkit-details-marker{display:none}.post-toc summary:after{content:"";opacity:.5;background:currentColor;flex:none;width:16px;height:16px;transition:transform .2s;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") 50%/contain no-repeat}.post-toc[open] summary:after{transform:rotate(180deg)}.post-toc summary:hover{background:var(--bg-subtle)}.post-toc summary .dim{background:var(--bg-muted);height:24px;color:var(--muted);border-radius:999px;align-items:center;margin-left:auto;padding:0 9px;font-size:12.5px;font-weight:550;display:inline-flex}.post-toc ol{border-top:1px solid var(--line);flex-direction:column;gap:4px;margin:0;padding:10px 18px 16px 40px;list-style:decimal;display:flex}.post-toc li{color:var(--dim);font-size:14.5px}.post-toc li::marker{color:var(--accent);font-variant-numeric:tabular-nums}.post-toc li a{color:var(--fg-2);overflow-wrap:anywhere;padding:6px 0;transition:color .15s;display:inline-block}.post-toc li a:hover{color:var(--accent-ink)}.post>.md-prose,.post-head+.md-prose{margin-top:32px}.post-cta{border-radius:var(--r-lg)}.post-cta.inline{border:1px solid var(--accent-line);background:var(--accent-soft);flex-wrap:wrap;align-items:center;gap:16px;margin:2.2em 0;padding:18px 20px;display:flex}.post-cta.inline>div{flex:1;min-width:200px}.post-cta.inline b{color:var(--fg);font-size:15.5px;font-weight:650;display:block}.md-prose .post-cta.inline p{color:var(--fg-2);margin:2px 0 0;font-size:14px;line-height:1.5}.md-prose .post-cta a.btn{color:var(--btn-fg,var(--accent-fg));font-weight:600;text-decoration:none}.post-cta.inline .feature-icon{background:var(--surface);margin:0}.post-cta.end{border-radius:var(--r-xl);background:var(--ink);color:var(--ink-fg);border:1px solid var(--ink-line);flex-direction:column;gap:22px;margin-top:56px;padding:clamp(24px,4vw,40px);display:flex}.post-cta-copy{flex-direction:column;gap:10px;display:flex}.post-cta.end .eyebrow{color:var(--ink-muted)}.post-cta.end h2{color:var(--ink-fg);max-width:20ch;font-size:clamp(30px,3.6vw,40px)}.post-cta.end p{color:var(--ink-muted);max-width:58ch;font-size:15.5px}.post-cta-actions{flex-wrap:wrap;gap:12px;display:flex}.post-cta.end .btn-primary{box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 35%, transparent)}.post-cta.end .btn:not(.btn-primary){--btn-bg:transparent;--btn-fg:var(--ink-fg);--btn-bd:var(--ink-line);box-shadow:none}.post-cta.end .btn:not(.btn-primary):hover{--btn-bd:var(--ink-muted)}.post .prevnext{margin-top:32px}.post-related{border-top:1px solid var(--line);background:var(--bg-subtle);padding:56px 0 96px}.post-related-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:22px;display:flex}.post-related-head h2{font-size:clamp(30px,3.6vw,40px)}@media (max-width:640px){.blog-chips button,.blog-rss{height:44px}.post-card{padding:20px}.post-card-foot{flex-wrap:wrap}.post-toc li a{padding:10px 0}}@media (max-width:560px){.post-cta.inline .btn,.post-cta-actions .btn{width:100%;height:48px}}@media (prefers-reduced-motion:reduce){.post-card:hover,.post-card.featured:hover .post-cover-sheet{transform:none}}