.blog-detail .blog-article-hero{padding-top:56px;padding-bottom:64px}
.blog-detail .crumbs{display:flex;flex-wrap:wrap;gap:8px;color:var(--m);font:600 11px/1.5 var(--mono);letter-spacing:.05em}
.blog-detail .crumbs a:hover{color:var(--ac-deep)}
.blog-detail .blog-article-hero .eyebrow{margin-top:34px}
.blog-detail .blog-article-hero h1{max-width:23ch}
.blog-detail .blog-article-hero .lead{max-width:72ch}
.blog-detail .article-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}
.blog-detail .tag{border:1px solid var(--bd);border-radius:99px;padding:5px 8px;color:var(--m);font:600 10px/1.5 var(--mono);letter-spacing:.04em}
.blog-detail .blog-article-section{padding-top:56px}
.blog-detail .blog-article-grid{display:grid;grid-template-columns:224px minmax(0,1fr);gap:56px;align-items:start}
.blog-detail .blog-article-sidebar{position:sticky;top:100px;min-width:0}
.blog-detail .blog-article-toc{border-top:1px solid var(--bd);border-bottom:1px solid var(--bd);padding-block:18px}
.blog-detail .blog-article-toc summary{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:14px;font-weight:650;cursor:pointer}
.blog-detail .blog-article-toc summary::-webkit-details-marker{display:none}
.blog-detail .blog-article-toc summary span{color:var(--ac-deep)}
.blog-detail .blog-article-toc nav{max-height:calc(100dvh - 270px);overflow:auto;scrollbar-width:thin;margin-top:20px;padding-right:8px}
.blog-detail .blog-article-toc ol{display:grid;gap:13px;margin:0;padding:0;list-style:none}
.blog-detail .blog-article-toc a{display:block;color:var(--m);font-size:13px;line-height:1.45;overflow-wrap:anywhere}
.blog-detail .blog-article-toc a:hover{color:var(--ac-deep);text-decoration:underline;text-underline-offset:4px}
.blog-detail .article-back{display:inline-flex;gap:8px;margin-top:22px;color:var(--ac-deep);font-size:13px;font-weight:600}
.blog-detail .blog-article-content{min-width:0}
.blog-detail .blog-article-content>:is(p,h2,h3,ul,ol,pre,hr){max-width:760px}
.blog-detail .blog-article-content>h2{margin:60px 0 0;font-size:clamp(28px,3.1vw,40px);line-height:1.2;scroll-margin-top:105px}
.blog-detail .blog-article-content>h2:first-child{margin-top:0}
.blog-detail .blog-article-content>h3{margin-top:34px;font-size:24px;line-height:1.3;scroll-margin-top:105px}
.blog-detail .blog-article-content>p{margin-top:20px;color:var(--m);font-size:18px;line-height:1.7}
.blog-detail .blog-article-content>p:first-child{margin-top:0}
.blog-detail .blog-article-content strong{color:var(--fg)}
.blog-detail .blog-article-content>:is(ul,ol){padding-left:24px;margin-top:20px;color:var(--m);font-size:18px;line-height:1.7}
.blog-detail .blog-article-content>ul{list-style:disc}.blog-detail .blog-article-content>ol{list-style:decimal}
.blog-detail .blog-article-content>:is(ul,ol)>li+li{margin-top:10px}
.blog-detail .blog-article-content>hr{margin-block:48px;border:0;border-top:1px solid var(--bd)}
.blog-detail .blog-article-content a{overflow-wrap:anywhere;color:var(--ac-deep);text-decoration:underline;text-underline-offset:4px}
.blog-detail .blog-article-content>pre{margin-block:26px;padding:22px;border:1px solid var(--bd);border-radius:12px;background:var(--s)!important;color:var(--fg)!important;overflow:auto;font:13px/1.7 var(--mono)}
.blog-detail .blog-article-content pre span{color:inherit!important}.blog-detail .blog-article-content pre code{font:inherit}
.blog-detail .facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin-top:30px;padding:1px;border:1px solid var(--bd);border-radius:var(--r);background:var(--bd);overflow:hidden}
.blog-detail .fact{min-width:0;padding:20px;background:var(--s)}
.blog-detail .fact>span{display:block;color:var(--ac-deep);font:600 10px/1.5 var(--mono);letter-spacing:.08em;text-transform:uppercase}
.blog-detail .fact p{margin-top:10px;color:var(--m);font-size:15px;line-height:1.55}
.blog-detail .links{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}.blog-detail .links .btn{text-decoration:none}
.blog-detail .cta-panel{display:flex;align-items:center;justify-content:space-between;gap:40px;padding:32px;border:1px solid var(--bd);border-radius:var(--r);background:var(--s)}
.blog-detail .cta-panel h2{max-width:22ch;margin-top:18px;font-size:clamp(30px,3.2vw,46px)}
.blog-detail .cta-panel p:not(.eyebrow){max-width:55ch;margin-top:16px;color:var(--m);font-size:17px;line-height:1.6}
.blog-detail .cta-panel>.btn{flex:none}
@media(max-width:1000px){.blog-detail .blog-article-grid{grid-template-columns:1fr;gap:32px}.blog-detail .blog-article-sidebar{position:static}.blog-detail .blog-article-toc nav{max-height:none;padding-right:0}.blog-detail .blog-article-toc ol{grid-template-columns:1fr 1fr;gap:14px 24px}.blog-detail .article-back{display:none}.blog-detail .cta-panel{align-items:start;flex-direction:column;gap:24px}}
@media(max-width:600px){.blog-detail .blog-article-hero{padding-top:36px;padding-bottom:44px}.blog-detail .blog-article-section{padding-top:28px}.blog-detail .blog-article-toc ol{grid-template-columns:1fr}.blog-detail .blog-article-content>p{font-size:17px}.blog-detail .blog-article-content>:is(ul,ol){font-size:17px}.blog-detail .facts{grid-template-columns:1fr}.blog-detail .cta-panel{padding:24px}.blog-detail .cta-panel>.btn{width:100%;white-space:normal}}