.section.blog-article{max-width:calc(var(--sx-size-800) + var(--sx-size-300) + var(--layout-gap) + var(--gutter)*2)}.blog-article .article-layout{grid-template-columns:minmax(0,var(--sx-size-300)) minmax(0,var(--sx-size-800))}@media (width<=900px){.blog-article .article-layout{grid-template-columns:minmax(0,var(--sx-size-220)) minmax(0,1fr)}}@media (width>=901px) and (width<=1199px){.blog-article .article-layout{grid-template-columns:minmax(0,var(--sx-size-300)) minmax(0,1fr)}}@media (width<=767px){.section.blog-article{max-width:calc(var(--sx-size-800) + var(--gutter)*2)}.blog-article .article-layout{grid-template-columns:minmax(0,1fr)}}.section.article-related{max-width:calc(var(--blog-card-width)*3 + var(--card-gap)*2 + var(--gutter)*2)}.article-byline{justify-content:center;align-items:center;gap:var(--sx-space-8);font-size:var(--type-body);font-weight:var(--sx-weight-regular);flex-wrap:wrap;display:flex}.article-sidebar-cta{margin-top:var(--sx-space-40);padding-top:var(--sx-space-32);border-top:var(--sx-size-1) solid var(--sx-color-line)}.article-sidebar-cta h2{font-size:var(--type-card)}.article-sidebar-cta p{margin-block:var(--sx-space-24)}@media (width<=767px){.article-sidebar-cta{margin-bottom:var(--sx-space-24)}}.article-layout{gap:var(--layout-gap);align-items:start;display:grid}.article-toc{top:var(--sx-space-128);max-height:calc(100vh - var(--sx-space-128) - var(--sx-space-32));position:sticky;overflow-y:auto}.article-toc nav h2{font-size:var(--type-card);margin:0 0 var(--sx-space-24)}.article-toc ol{padding:0;list-style:none}.article-toc li{margin-bottom:var(--sx-space-16)}.article-toc a:not(.button):hover{color:var(--sx-color-ink);text-decoration:underline}.article-reading{max-width:var(--sx-size-800);min-width:0}.article-body{line-height:var(--sx-leading-body);overflow-wrap:anywhere;color:var(--sx-color-gray-555555)}.article-body p,.article-body ul,.article-body ol,.article-body blockquote,.article-body figure{margin:0 0 var(--sx-space-24)}.article-body h2,.article-body h3,.article-body h4{color:var(--sx-color-ink);margin:var(--sx-space-64) 0 var(--sx-space-24);font-weight:var(--sx-weight-heading);scroll-margin-top:var(--sx-space-128)}.article-body h2{font-size:var(--type-heading);line-height:var(--sx-leading-heading)}.article-body h3{font-size:var(--type-card);line-height:var(--sx-leading-card)}.article-body li+li{margin-top:var(--sx-space-12)}.article-body li>p:last-child{margin-bottom:0}.article-body img{border-radius:var(--sx-layout-radius-card);max-width:100%;height:auto;margin:auto;display:block}.article-body a:not(.button){color:color-mix(in srgb,var(--sx-color-accent) 55%,var(--sx-color-ink));text-underline-offset:var(--sx-size-3);text-decoration:underline}.article-body blockquote{border-left:var(--sx-size-3) solid var(--sx-color-accent);padding:var(--sx-space-24);background:var(--surface-fill);color:var(--sx-color-ink)}.article-body p,.article-body li,.article-author p{font-size:var(--type-body);line-height:var(--sx-leading-body)}.article-body hr{border:0;border-top:var(--sx-size-1) solid var(--sx-color-line);margin-block:var(--sx-space-48)}.article-body figcaption{font-size:var(--type-label);color:var(--sx-color-muted);margin-top:var(--sx-space-12)}.article-author{margin-top:var(--sx-space-64);padding-top:var(--sx-space-32);border-top:var(--sx-size-1) solid var(--sx-color-line)}.article-author h2{font-size:var(--type-intro);margin-bottom:var(--sx-space-24)}.article-author p,.article-related p{margin-block:var(--sx-space-24)}.article-related .secondary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}@media (width<=900px){.article-related .secondary-grid{grid-template-columns:minmax(0,1fr)}}@media (width<=767px){.article-layout{grid-template-columns:minmax(0,1fr)}.article-toc{max-height:none;position:static;overflow:visible}}.article-body ol{padding-left:0;list-style:none}.article-body ol>li{padding-left:var(--sx-space-48);min-height:var(--sx-space-32);position:relative}.article-body ol>li:before{content:counter(list-item);width:var(--sx-space-32);height:var(--sx-space-32);line-height:var(--sx-space-32);text-align:center;background:var(--sx-color-accent);color:var(--sx-color-ink);font-size:var(--type-label);font-weight:var(--sx-weight-semibold);border-radius:50%;position:absolute;top:0;left:0}.article-author-name{font-weight:var(--sx-weight-semibold);color:var(--sx-color-ink)}.article-disclaimer>div{max-width:var(--sx-size-1080);font-size:var(--type-label);line-height:var(--sx-leading-body);color:var(--sx-color-muted);margin:auto}.article-disclaimer p{margin:0}.article-disclaimer a{text-decoration:underline}.article-author-profile{align-items:flex-start;gap:var(--sx-space-24);display:flex}.article-author-avatar{width:var(--sx-space-64);height:var(--sx-space-64);object-fit:cover;border-radius:50%;flex:none}.article-author-profile>div{min-width:0}.article-author-profile .article-author-name{font-size:var(--type-lead);line-height:var(--sx-leading-card);margin:0}.article-author-profile p{margin:var(--sx-space-12) 0 0}.article-hero .hero-content{max-width:var(--sx-size-1080)}.article-hero.home-hero h1{font-size:var(--type-heading);line-height:var(--sx-leading-heading)}.article-meta{font:inherit;color:inherit}.article-share{right:var(--sx-space-24);bottom:var(--sx-space-24);align-items:flex-end;gap:var(--sx-space-8);flex-direction:column;display:flex;position:absolute}.article-byline img{width:var(--sx-space-32);height:var(--sx-space-32);object-fit:cover;border-radius:50%;flex:none}.article-hero .hero-media{padding-block:var(--sx-space-128)}@media (height<=800px){.article-toc{position:static}}.article-body>figure{margin:var(--sx-space-48) 0}.article-body>figure:first-child{margin-top:0}.article-body figure blockquote{margin:0}.article-body>hr+:is(h2,h3){margin-top:var(--sx-space-24)}.article-body>:first-child{margin-top:0}.article-body>:last-child{margin-bottom:0}