@layer reset,theme,tokens,base,composition,blocks,utilities;@layer blocks{.blog-hero{padding:calc(var(--header-clearance) + var(--space-16)) var(--mobilePadding) 0}.blog-hero picture{margin-inline:calc(-1*clamp(var(--mobilePadding),(100vw - var(--width-lg)) / 2,var(--desktopPadding)));border-radius:var(--r);overflow:hidden;border:2px solid var(--white)}.toc-rail{position:sticky;margin-bottom:var(--space-8);z-index:2}@media(min-width:1024px)and (not (min-width:1441px)){.toc-rail .toc{flex-direction:row}}@media(min-width:1441px){.toc-rail{position:absolute;left:calc(-1 * var(--space-8));translate:-100% 0;width:15rem;height:100%;top:calc(var(--navHeight) + var(--space-4));padding-bottom:calc(4 * var(--space-24));text-wrap:balance}.toc-rail .toc{font-size:var(--fs-card-mini)}.toc-rail .aside-sticky{position:sticky;top:var(--space-8)}.toc-rail a{color:rgb(var(--inkRGB) / .6);transition:color ease .18s}@media(hover:hover){.toc-rail a:hover{color:initial}}}.toc-rail .aside-sticky{--stack-gap: var(--space-4)}.blog-related{--max-items-sm: 2;--columnGap: var(--space-8);--card-bw: 2px;--card-border: var(--blueDark);--item-shadow: .4px 1.1px 2.7px rgba(255, 255, 255, .012), 1.2px 3.1px 6.9px rgba(255, 255, 255, .021), 2.8px 7px 14.2px rgba(255, 255, 255, .029), 6.4px 16px 29.2px rgba(255, 255, 255, .038), 20px 50px 80px rgba(255, 255, 255, .055)}.landing-hero[data-variant=blog]>.container>.stack{padding-block-end:max(var(--space-24),var(--wave-h))}.landing-hero[data-variant=blog]>.container>.stack .watermark{--watermark-size: 15rem;--watermark-inset: calc(-1 * var(--space-24)) auto auto calc(-1 * var(--space-24));--watermark-opacity: .35}.page-content .anchor{position:absolute;left:var(--space-1);filter:drop-shadow(2px 3px 1px var(--yellow));opacity:0;transform-origin:center;transform:scale(.75);transition:opacity .12s var(--ease-out),transform .12s var(--ease-out)}@media(min-width:1024px){.page-content .anchor{transform:scale(.9)}}.page-content .anchor-title{padding-left:var(--space-8);margin-left:calc(-1 * var(--space-8))}.page-content .anchor-title:focus-within .anchor{opacity:1;transform:scale(.75)}@media(min-width:1024px){.page-content .anchor-title:focus-within .anchor{transform:scale(1)}}@media(hover:hover){.page-content .anchor-title:hover .anchor{opacity:1;transform:scale(.75)}@media(min-width:1024px){.page-content .anchor-title:hover .anchor{transform:scale(1)}}.page-content .anchor-title:hover .anchor:hover{font-weight:300}}@media(prefers-reduced-motion:reduce){.page-content .anchor{transition-property:opacity}}}