@layer blocks{.article-toc{border-block-end:1px solid var(--color-divider);margin-block-end:var(--space-xl);padding-block-end:var(--space-lg)}.article-toc__title{font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--weight-semibold);line-height:var(--leading-sm);color:var(--color-text-secondary);margin-block-end:var(--space-sm);padding-inline-start:calc(var(--grid-gutter) * .5)}.article-toc__list{gap:0;margin:0;padding:0;list-style:none;display:grid}.article-toc__list>li[data-level="3"]{padding-inline-start:var(--space-md)}.article-toc__list a{padding:calc(var(--grid-gutter) * .3) calc(var(--grid-gutter) * .5);border-radius:var(--radius-field);font-family:var(--font-sans);font-size:var(--text-sm);line-height:var(--leading-sm);color:var(--color-text-secondary);transition:color var(--duration-fast) var(--ease-out);text-decoration:none;display:inline-block}.article-toc__list a:hover{color:var(--color-accent)}@media (min-width:1024px){.article-toc{border-block-end:0;margin-block-end:0;padding-block-end:0}}}@layer chrome{.article-toc__list a[data-current]{color:var(--color-heading);font-weight:var(--weight-medium);background:var(--coral-2)}}
@layer chrome{.article-related__title{margin:0 0 calc(var(--grid-gutter) * .75);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--weight-medium);letter-spacing:var(--tracking-tight);color:var(--color-text-secondary)}.article-related__list{gap:calc(var(--grid-gutter) * .75);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.article-related__list a{font-size:var(--text-sm);line-height:var(--leading-sm);color:var(--color-text);text-wrap:pretty;text-decoration:none;display:block}.article-related__list a:hover{color:var(--color-link-hover);text-underline-offset:.2em;text-decoration:underline}}
@layer blocks{body:has(.article){--color-bg:var(--teal-1)}.article{--color-bg:var(--teal-1);background-color:var(--color-bg);padding-block-start:calc(max(var(--section-pad-m), var(--chrome-clear)) + var(--space-2xl))}.article-header{grid-column:content-start / span var(--prose-span);margin-block-end:var(--space-xl)}.article-header>h1{max-inline-size:32ch}.article-rail{gap:var(--space-lg);align-content:start;margin-block-end:var(--space-xl);display:grid}.article-meta{gap:var(--space-2xs);display:grid}.article>.article-aside{order:1}@media (min-width:768px){.article-header,.article-dateline,.article>.article-cover,.article>.article-rail,.article>.article-aside,.article>.prose{grid-column:col-start 2 / span var(--prose-span)}}@media (min-width:1024px){.article-header,.article-dateline,.article>.article-cover,.article>.prose{grid-column:col-start 4 / span var(--prose-span);--_half-col:calc((100% + var(--grid-gutter)) / 12);margin-inline:calc(var(--_half-col) * -1)}.article>.article-cover{max-inline-size:none;inline-size:calc(100% + var(--_half-col) * 2)}.article>.prose{max-inline-size:78ch}.article-dateline{grid-row:2}.article-header{grid-row:3}.article>.article-cover{grid-row:4}.article>.article-rail{max-block-size:calc(100svh - var(--header-height) - var(--space-2xl));grid-area:4/full-start/span 2/2 col-end;align-self:start;margin-block-end:0;margin-inline-start:var(--chrome-inset);position:sticky;inset-block-start:calc(var(--header-height) + var(--space-lg));overflow-y:auto}.article>.article-aside{max-block-size:calc(100svh - var(--header-height) - var(--space-2xl));order:0;grid-area:4/11 col-start/span 2/full-end;align-self:start;margin-inline-end:var(--chrome-inset);position:sticky;inset-block-start:calc(var(--header-height) + var(--space-lg));overflow-y:auto}.article>.prose{grid-row:5;justify-self:center}}.article>.prose :is(h2,h3,h4){scroll-margin-block-start:calc(var(--header-height) + var(--space-lg))}.article-date{font-size:var(--text-sm);color:var(--color-text-secondary);display:block}.article-areas{gap:var(--space-2xs) var(--space-sm);font-family:var(--font-sans);font-size:var(--text-sm);flex-wrap:wrap;margin-block-start:var(--space-2xs);display:flex}.article-byline{margin:0 0 var(--space-2xs);font-size:var(--text-sm);line-height:var(--leading-tight)}.byline__label{color:var(--color-text-secondary)}.byline__name{font-weight:var(--weight-medium);color:var(--color-text)}a.byline__name{text-underline-offset:.2em;text-decoration:underline}a.byline__name:hover{color:var(--color-link-hover)}}@layer chrome{.article-dateline{align-items:center;gap:calc(var(--grid-gutter) * .5);text-align:center;flex-direction:column;margin-block-end:calc(var(--grid-gutter) * 1.25);display:flex}.article-credits{justify-content:center;align-items:baseline;gap:calc(var(--grid-gutter) * .75);font-size:var(--text-sm);color:var(--color-text-secondary);flex-wrap:wrap;margin:0;display:flex}.article-credits>*+:before{content:"";block-size:3px;inline-size:3px;border-radius:var(--radius-pill);vertical-align:middle;opacity:.5;background:currentColor;margin-inline-end:calc(var(--grid-gutter) * .75);display:inline-block}.article-areas{justify-content:center;gap:calc(var(--grid-gutter) * .4);flex-wrap:wrap;margin:0;display:flex}.article-header>h1{text-align:center;margin-block-end:0}.article-cover{aspect-ratio:16/9;object-fit:cover;border-radius:calc(var(--radius-lobe) * 1.2);block-size:auto;inline-size:100%;margin-block:0 calc(var(--grid-gutter) * 2);display:block}}