.blog-hero .st-crumbs,.article-header .st-crumbs{font-size:var(--fs-small)}.blog-hero .st-crumbs [aria-current],.article-header .st-crumbs [aria-current]{color:var(--ink)}.blog-filters{margin:0}.v4-page .blog-filter-pill{gap:var(--space-2)}.blog-filter-count{font-weight:400;opacity:.75}.v4-page .blog-filter-load-more{border-style:dashed}.v4-page .blog-filter-pill:disabled{cursor:progress;opacity:.6}.v4-page .blog-featured-card{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--space-5) var(--grid-gap);align-items:start;padding-top:var(--space-5)}.blog-featured-image{grid-column:var(--col-main)}.blog-featured-image.st-entry-media--empty{font-size:var(--fs-h2-sm)}.blog-featured-body{grid-column:var(--col-side);display:grid;gap:var(--space-3);align-content:start}.blog-featured-badge{font-size:var(--fs-small);font-weight:700;color:var(--ink)}.st-page main .blog-featured-title{font-size:var(--fs-h4);line-height:var(--display-leading-md);text-wrap:balance}.blog-featured-card:hover .blog-featured-title{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px}.blog-featured-excerpt{color:var(--dim)}.blog-card-tags{gap:var(--space-1) 0}.blog-card-tag:not(:last-child):after{content:"/";margin-inline:var(--space-2);font-weight:400}.st-page main .blog-card-title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden;text-wrap:pretty}@container (600px <= width < 1100px){.blog-grid.st-entries>*{grid-column:span 6}.blog-grid.st-entries:has(>:last-child:nth-child(odd))>:nth-last-child(-n+3){grid-column:span 4}.blog-grid.st-entries:has(>:last-child:nth-child(1))>*,.blog-grid.st-entries>.blog-empty{grid-column:1 / -1}}@container (width >= 1100px){.blog-grid.st-entries>*{grid-column:span 4}.blog-grid.st-entries:has(>:last-child:nth-child(3n+1))>:nth-last-child(-n+4),.blog-grid.st-entries:has(>:last-child:nth-child(3n+2))>:nth-last-child(-n+2){grid-column:span 6}.blog-grid.st-entries:has(>:last-child:nth-child(1))>*{grid-column:1 / span 8}.blog-grid.st-entries>.blog-empty{grid-column:1 / -1}}.blog-card-image.st-entry-media--empty{font-size:var(--fs-h4)}.blog-featured{padding-bottom:var(--section)}.blog-featured+.blog-grid-section{padding-top:0}.blog-grid-section:not(:has(.blog-card,.blog-empty,.blog-load-more)){display:none}.blog-grid>.blog-empty{grid-column:1 / -1;padding-left:calc(var(--space-5) - var(--stroke));border-left:var(--stroke) solid var(--ink);color:var(--dim)}.blog-load-more{display:flex;justify-content:center;margin-top:var(--head-gap)}.blog-load-more .st-btn>span{display:none}.v4-page .btn-load-more:disabled{cursor:progress;opacity:.6}.article-preview-banner{position:sticky;top:0;z-index:calc(var(--z-header) + 1);padding:var(--space-2) var(--space-4);background:var(--bad);color:var(--white);font-size:var(--fs-2xs);font-weight:600;text-align:center}.article-progress{position:fixed;top:0;left:0;z-index:calc(var(--z-header) + 1);width:0;height:3px;background:var(--ink)}.article-header{padding-bottom:var(--space-7)}.article-hero-meta{margin-top:var(--space-5)}.article-hero-tags{margin-top:var(--space-4)}.st-tags--sm.article-hero-tags li{padding:0}.v4-page .article-hero-tags a{display:inline-flex;align-items:center;min-height:44px;padding:var(--space-1) var(--space-3);color:var(--ink);text-decoration:none}.v4-page .article-hero-tags li:hover{background:var(--ink)}.v4-page .article-hero-tags li:hover a{color:var(--paper)}.article-hero-media{margin:var(--space-7) 0 0;aspect-ratio:16 / 9;overflow:hidden;background:var(--paper-2);border:var(--stroke-thin) solid var(--rule)}.st-page main .article-hero-media img{display:block;width:100%;height:100%;object-fit:cover}.article-layout{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--space-7) var(--grid-gap);padding-block:var(--space-6) var(--section)}.article-main{grid-column:var(--col-main);min-width:0}.article-sidebar{grid-column:var(--col-side);position:relative}.article-sidebar-sticky{position:sticky;top:calc(var(--header-h) + var(--space-6));display:grid;gap:var(--space-7);max-inline-size:26em}.st-prose.article-content{overflow-wrap:break-word}.article-toc{padding-top:var(--space-3);border-top:var(--stroke) solid var(--ink)}.article-toc-title{margin-bottom:var(--space-2);font-weight:700}.article-toc-list{display:grid;max-height:calc(100vh - var(--header-h) - 360px);min-height:120px;overflow-y:auto;overscroll-behavior:contain;padding:0;list-style:none;scrollbar-width:thin}.article-toc-item a{display:flex;align-items:center;min-height:44px;padding:var(--space-2) 0 var(--space-2) var(--space-4);border-left:var(--stroke) solid var(--rule);color:var(--dim);font-size:var(--fs-small);line-height:1.4;text-decoration:none;text-wrap:pretty}.article-toc-item.toc-h3 a{padding-left:var(--space-6);font-size:var(--fs-2xs)}.article-toc-item a:hover{color:var(--ink);text-decoration:underline;text-underline-offset:3px}.article-toc-item a:focus-visible{outline:3px solid var(--focus);outline-offset:-3px}.article-toc-item.active a{border-left-color:var(--ink);color:var(--ink);font-weight:600}.article-sidebar-cta{display:grid;gap:var(--space-3);padding:var(--space-5);border:var(--stroke) solid var(--ink);background:var(--white)}.article-sidebar-cta-title{font-weight:700;color:var(--ink)}.article-sidebar-cta p:not(.article-sidebar-cta-title){color:var(--dim);font-size:var(--fs-small)}.article-sidebar-cta .st-btn{justify-self:start}.article-sources{max-inline-size:var(--measure);margin-top:var(--space-8);padding-top:var(--space-4);border-top:var(--stroke-thin) solid var(--rule-strong)}.st-page main .article-sources-title{margin-bottom:var(--space-3);font-family:var(--font-text);font-variation-settings:normal;font-size:var(--fs-small);font-weight:700;letter-spacing:0}.article-sources-list{display:grid;padding:0;list-style:none;font-size:var(--fs-small)}.article-sources-list a{display:block;padding-block:var(--space-3);color:var(--dim);overflow-wrap:anywhere;text-decoration:underline;text-underline-offset:3px}.article-sources-list a:hover{color:var(--ink)}.article-tags-bottom{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);max-inline-size:var(--measure);margin-top:var(--space-7)}.article-tags-bottom .article-tags{display:flex;flex-wrap:wrap;gap:var(--space-2);margin:0;padding:0;list-style:none}.v4-page .article-tags-bottom .article-tags a{display:inline-flex;align-items:center;min-height:44px;padding:var(--space-2) var(--space-4);border:var(--stroke-thin) solid var(--ink);color:var(--ink);font-size:var(--fs-small);font-weight:500;text-decoration:none}.v4-page .article-tags-bottom .article-tags a:hover{background:var(--ink);color:var(--paper)}.article-tags-bottom-label{font-size:var(--fs-small);font-weight:600}.article-related-all{margin-top:var(--head-gap)}@container (width < 880px){.blog-featured-image,.blog-featured-body,.article-main,.article-sidebar{grid-column:1 / -1}.article-sidebar{grid-row:1}.article-sidebar-sticky{position:static;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--grid-gap);align-items:start;max-inline-size:none}.article-toc-list{max-height:none;min-height:0}.article-toc-item.toc-h3{display:none}}@container (width < 600px){.article-sidebar-sticky{grid-template-columns:minmax(0,1fr)}.article-sidebar-cta{padding:var(--space-4)}}
