.blog-main{padding:calc(var(--nav-h) + 40px) 0 80px}.blog-hero{text-align:center;max-width:760px;margin:0 auto 48px}.blog-hero h1{margin:10px 0 16px;font-size:clamp(32px,5vw,52px);line-height:1.1}.blog-hero p{color:var(--ink-3);margin:0;font-size:18px;line-height:1.6}.blog-kicker{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;font-size:13px;font-weight:700}.blog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.blog-card{background:var(--bg-card);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden}.blog-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.blog-card-media{aspect-ratio:3/2;background:var(--bg-card-subtle);display:block}.blog-card-media img{object-fit:cover;width:100%;height:100%;display:block}.blog-card-body{padding:20px 22px 24px}.blog-card h2,.blog-card h3{margin:8px 0 10px;font-size:19px;line-height:1.35}.blog-card h2 a,.blog-card h3 a{color:var(--ink);text-decoration:none}.blog-card h2 a:hover,.blog-card h3 a:hover{color:var(--accent)}.blog-card-body>p:last-child{color:var(--ink-3);margin:0;font-size:15px;line-height:1.6}.blog-card-featured{flex-direction:row;grid-column:1/-1}.blog-card-featured .blog-card-media{aspect-ratio:auto;flex:1.2;min-height:320px;position:relative}.blog-card-featured .blog-card-media img{position:absolute;inset:0}.blog-card-featured .blog-card-body{flex:1;align-self:center;padding:36px}.blog-card-featured h2{font-size:clamp(22px,2.6vw,30px)}.blog-meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:10px;margin:0;font-size:13px;display:flex}.blog-tag{background:var(--accent-soft);color:var(--accent-hover);border-radius:var(--radius-pill);padding:3px 10px;font-weight:600}.blog-article{max-width:1080px}.blog-crumbs{color:var(--muted);gap:8px;margin-bottom:20px;font-size:14px;display:flex}.blog-crumbs a{color:var(--ink-3);text-decoration:none}.blog-crumbs a:hover{color:var(--accent)}.blog-article-head{max-width:820px}.blog-article-head h1{margin:14px 0 16px;font-size:clamp(30px,4.4vw,46px);line-height:1.15}.blog-lead{color:var(--ink-3);margin:0 0 28px;font-size:19px;line-height:1.6}.blog-cover{border-radius:var(--radius-xl);width:100%;height:auto;box-shadow:var(--shadow-md);display:block}.blog-layout{grid-template-columns:240px minmax(0,1fr);gap:48px;margin-top:48px;display:grid}.blog-toc{top:calc(var(--nav-h) + 20px);align-self:start;font-size:14px;position:sticky}.blog-toc>p{color:var(--ink);margin:0 0 10px;font-weight:700}.blog-toc ol{border-left:2px solid var(--line);gap:10px;margin:0;padding:0 0 0 14px;list-style:none;display:grid}.blog-toc a{color:var(--ink-3);line-height:1.4;text-decoration:none}.blog-toc a:hover{color:var(--accent)}.blog-prose{color:var(--ink-2);max-width:720px;font-size:17px;line-height:1.75}.blog-prose h2{color:var(--ink);scroll-margin-top:calc(var(--nav-h) + 20px);margin:44px 0 14px;font-size:28px;line-height:1.25}.blog-prose h3{color:var(--ink);margin:28px 0 8px;font-size:21px}.blog-prose p{margin:0 0 18px}.blog-prose ul,.blog-prose ol{margin:0 0 20px;padding-left:24px}.blog-prose li{margin-bottom:8px}.blog-prose strong{color:var(--ink)}.blog-prose a{color:var(--accent);text-underline-offset:3px;text-decoration:underline}.blog-prose a:hover{color:var(--accent-hover)}.blog-prose .btn{text-decoration:none}.blog-prose .btn-primary,.blog-prose .btn-primary:hover{color:#fff}.blog-callout{background:var(--accent-tint);border:1px solid var(--accent-border);border-left:4px solid var(--accent);border-radius:var(--radius);margin:0 0 22px;padding:16px 20px}.blog-figure{margin:4px 0 26px}.blog-figure img{border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-card);width:100%;height:auto;display:block}.blog-figure figcaption{color:var(--muted);text-align:center;margin-top:10px;font-size:14px}.blog-table{border:1px solid var(--line);border-radius:var(--radius);margin:0 0 24px;overflow-x:auto}.blog-table table{border-collapse:collapse;background:var(--bg-card);width:100%;font-size:15px}.blog-table th,.blog-table td{text-align:left;border-bottom:1px solid var(--line-subtle);vertical-align:top;padding:12px 14px}.blog-table th{background:var(--bg-card-subtle);color:var(--ink);white-space:nowrap;font-weight:700}.blog-table tr:last-child td{border-bottom:0}.blog-faq{gap:12px;margin-bottom:36px;display:grid}.blog-faq details{background:var(--bg-card);border:1px solid var(--line);border-radius:var(--radius);padding:14px 18px}.blog-faq summary{cursor:pointer;color:var(--ink);font-weight:600}.blog-faq details p{margin:10px 0 0}.blog-cta{background:var(--bg-card);border:1px solid var(--accent-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);justify-content:space-between;align-items:center;gap:24px;padding:28px 32px;display:flex}.blog-cta h2{margin:0 0 6px;font-size:22px}.blog-cta p{margin:0;font-size:15px}.blog-cta .btn{flex-shrink:0}.blog-related{margin-top:72px}.blog-related>h2{margin:0 0 24px;font-size:28px}@media (max-width:900px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-layout{grid-template-columns:minmax(0,1fr);gap:24px}.blog-toc{background:var(--bg-card);border:1px solid var(--line);border-radius:var(--radius);padding:18px;position:static}}@media (max-width:640px){.blog-main{padding-top:calc(var(--nav-h) + 24px)}.blog-grid{grid-template-columns:minmax(0,1fr)}.blog-card-featured{flex-direction:column}.blog-card-featured .blog-card-media{aspect-ratio:3/2;min-height:0}.blog-card-featured .blog-card-body{padding:20px 22px 24px}.blog-prose{font-size:16px}.blog-prose h2{font-size:24px}.blog-cta{flex-direction:column;align-items:flex-start;padding:22px}.blog-cover{border-radius:var(--radius-lg)}}.blog-more{justify-content:center;margin-top:36px;display:flex}