.blog-head{background:var(--ground-inverse);color:var(--ink-inverse-body);padding-block:var(--space-8)}.blog-head h1{color:#fff;font-size:var(--step-h1);max-width:18ch}.blog-head p{margin-top:var(--space-4);color:var(--stone-300);max-width:54ch}.blog-head .eyebrow{color:var(--volt-300)}.blog-filters{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-6)}.blog-filters a{font-family:var(--font-display);font-size:.8125rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;text-decoration:none;padding:6px 14px;border-radius:var(--radius-full);border:1px solid var(--border-hairline);color:var(--ink-secondary);background:var(--white)}.blog-filters a:hover,.blog-filters a[data-on=true]{border-color:var(--volt-500);color:var(--ink-900)}.blog-filters a[data-on=true]{background:var(--volt-500)}.blog-feature{display:grid;gap:var(--space-6);margin-top:var(--space-7)}@media (min-width:900px){.blog-feature{grid-template-columns:7fr 5fr;gap:var(--space-8);align-items:center}}.blog-feature img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:var(--radius-sm)}.blog-feature h2{font-size:var(--step-h2);margin-top:var(--space-3)}.blog-feature p{margin-top:var(--space-4);color:var(--ink-secondary)}.blog-grid{display:grid;gap:var(--space-6);margin-top:var(--space-8)}@media (min-width:640px){.blog-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.blog-grid{grid-template-columns:repeat(3,1fr)}}.blog-card{background:var(--white);border:1px solid var(--border-hairline);border-radius:var(--radius-sm);overflow:hidden;display:flex;flex-direction:column;text-decoration:none;transition:box-shadow var(--motion-fast) var(--ease),border-color var(--motion-fast) var(--ease)}.blog-card:hover{box-shadow:var(--shadow-raised);border-color:var(--stone-300)}.blog-card__media{aspect-ratio:16/10;background:var(--stone-100);overflow:hidden}.blog-card__media img{width:100%;height:100%;object-fit:cover}.blog-card__body{padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-3);flex:1 1}.blog-card h3{font-size:var(--step-h4)}.blog-card p{font-size:var(--step-body-sm);color:var(--ink-secondary);flex:1 1}.blog-meta{font-family:var(--font-data);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-muted);display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}.blog-meta .cat{color:var(--volt-700)}.blog-meta .dot{color:var(--stone-300)}.post-hero{background:var(--ground-inverse);color:var(--ink-inverse-body);position:relative;overflow:hidden}.post-hero__media{position:absolute;inset:0}.post-hero__media img{width:100%;height:100%;object-fit:cover}.post-hero__media:after{content:"";position:absolute;inset:0;background:var(--scrim)}.post-hero .wrap{position:relative;z-index:2;padding-block:var(--space-8);max-width:var(--container-content)}@media (min-width:1024px){.post-hero .wrap{padding-block:var(--space-9)}}.post-hero h1{color:#fff;font-size:var(--step-h1);max-width:20ch}.post-hero .blog-meta{color:var(--stone-300);margin-bottom:var(--space-4)}.post-hero .blog-meta .cat{color:var(--volt-300)}.post-hero .post-excerpt{margin-top:var(--space-4);color:var(--stone-200);font-size:var(--step-lead);max-width:46ch}.post-body{padding-block:var(--space-8)}.post-layout{display:grid;gap:var(--space-7)}@media (min-width:1024px){.post-layout{grid-template-columns:15rem minmax(0,1fr);gap:var(--space-9)}}.post-toc{align-self:start}@media (min-width:1024px){.post-toc{position:sticky;top:var(--space-6)}}.post-toc h2{font-family:var(--font-data);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-muted);margin-bottom:var(--space-3)}.post-toc ol{list-style:none;margin:0;padding:0;counter-reset:toc}.post-toc li{counter-increment:toc;border-top:1px solid var(--border-hairline)}.post-toc li:last-child{border-bottom:1px solid var(--border-hairline)}.post-toc a{display:flex;gap:var(--space-3);padding:var(--space-3) 0;text-decoration:none;font-size:var(--step-body-sm);color:var(--ink-secondary)}.post-toc a:before{content:counter(toc,decimal-leading-zero);font-family:var(--font-data);color:var(--volt-700)}.post-toc a:hover{color:var(--ink-900)}.post-prose{max-width:var(--container-reading)}.post-prose .payload-richtext>*+*{margin-top:var(--space-5)}.post-prose h2{font-size:var(--step-h3);scroll-margin-top:var(--space-6)}.post-prose .payload-richtext>h2,.post-prose h2{margin-top:var(--space-8)}.post-prose .payload-richtext>h3{margin-top:var(--space-6)}.post-prose .payload-richtext>h2+*,.post-prose .payload-richtext>h3+*{margin-top:var(--space-4)}.post-prose .payload-richtext>:first-child{margin-top:0}.post-prose h2:after{content:"";display:block;width:32px;height:3px;background:var(--volt-500);margin-top:var(--space-3)}.post-prose h3{font-size:var(--step-h4);margin-top:var(--space-6)}.post-prose p{color:var(--ink-secondary)}.post-prose strong{color:var(--ink-900)}.post-prose a{color:var(--link);text-underline-offset:3px}.post-prose ol,.post-prose ul{margin:0;padding-left:0;list-style:none;display:grid;gap:var(--space-3)}.post-prose li{position:relative;padding-left:var(--space-5);color:var(--ink-secondary);font-size:var(--step-body-sm)}.post-prose ul li:before{content:"";position:absolute;left:0;top:.6em;width:10px;height:2px;background:var(--volt-500)}.post-prose ol{counter-reset:pli}.post-prose ol li{counter-increment:pli}.post-prose ol li:before{content:counter(pli) ".";position:absolute;left:0;top:0;font-family:var(--font-data);font-size:.8125rem;color:var(--volt-700)}.post-prose img{width:100%;border-radius:var(--radius-sm)}.post-prose blockquote{margin:0;padding-left:var(--space-5);border-left:3px solid var(--volt-500);font-size:var(--step-lead);color:var(--ink)}.post-faq{margin-top:var(--space-8);border-top:1px solid var(--border-hairline)}.post-faq h2{font-size:var(--step-h3);margin-top:var(--space-6)}.post-faq details{border-bottom:1px solid var(--border-hairline)}.post-faq summary{cursor:pointer;list-style:none;padding:var(--space-4) 0;font-family:var(--font-display);font-weight:700;color:var(--ink-900);display:flex;justify-content:space-between;gap:var(--space-4);align-items:center}.post-faq summary::-webkit-details-marker{display:none}.post-faq summary:after{content:"+";font-family:var(--font-data);color:var(--volt-700);font-size:1.25rem;line-height:1}.post-faq details[open] summary:after{content:"−"}.post-faq p{padding-bottom:var(--space-5);color:var(--ink-secondary);font-size:var(--step-body-sm)}.post-cta{margin-top:var(--space-8);background:var(--ground-brand);color:var(--ink-inverse-body);border-radius:var(--radius-sm);padding:var(--space-6);position:relative;overflow:hidden}.post-cta:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:var(--volt-500)}.post-cta h2{color:#fff;font-size:var(--step-h3)}.post-cta p{margin-top:var(--space-3);color:var(--stone-300)}.post-cta .btn{margin-top:var(--space-5)}.post-links{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-6)}.post-next{border-top:1px solid var(--border-hairline);padding-block:var(--space-8)}.post-next h2{font-size:var(--step-h3)}