@layer components{.article-page{min-width:0;max-width:72rem}.article-page>*,.article-grid>*{min-width:0}.article-back{min-height:var(--spacing-control);align-items:center;gap:.5rem;margin-bottom:1.5rem;display:inline-flex}.article-header{overflow-wrap:anywhere;max-width:70ch;margin-bottom:2.5rem}.article-header h1{scroll-margin-top:calc(var(--spacing-header) + 1.5rem);margin-block:.75rem 1rem}.article-meta{flex-wrap:wrap;gap:.5rem 1.25rem;display:flex}.article-summary{margin-top:1.25rem}.article-research-question{background:var(--color-panel);border-left:var(--border-emphasis) solid var(--color-border-control);margin-top:1.5rem;padding:1.25rem}.article-research-question>p+p{margin-top:.5rem}.article-tags{margin-top:1.25rem}.article-grid{align-items:start;gap:2rem;display:grid}.article-contents{border:var(--border-thin) solid var(--color-border);border-radius:var(--radius-panel);background:var(--color-panel);overflow-wrap:anywhere;padding:1.25rem}.article-contents ol{margin-top:.75rem}.article-contents a{padding-block:.375rem;display:block}.article-contents-sub{padding-left:1rem}.article-prose{width:100%;max-width:70ch;font-size:var(--text-body);color:var(--color-ink-secondary);overflow-wrap:anywhere;line-height:1.8}.article-prose>:first-child{margin-top:0}.article-prose p,.article-prose ul,.article-prose ol,.article-prose dl,.article-prose blockquote,.article-prose pre,.article-prose figure,.article-prose .article-table-scroll,.article-prose .article-callout{margin-block:1.5rem}.article-prose :is(h2,h3,h4,h5,h6){color:var(--color-ink);scroll-margin-top:calc(var(--spacing-header) + 1.5rem);margin-block:2.5rem 1rem;font-weight:600;line-height:1.4}.article-prose h2{font-size:1.5rem}.article-prose h3{font-size:1.25rem}.article-prose :is(h4,h5,h6){font-size:1rem}.article-prose a{color:var(--color-interactive);text-underline-offset:.2em;text-decoration:underline}.article-prose a:hover{color:var(--color-interactive-hover)}.article-prose a:active{color:var(--color-interactive-active)}.article-prose strong{color:var(--color-ink);font-weight:600}.article-prose ul{padding-left:1.5rem;list-style:outside}.article-prose ol{padding-left:1.5rem;list-style:decimal}.article-prose li+li{margin-top:.5rem}.article-prose li>:is(ul,ol){margin-block:.75rem}.article-prose blockquote{border-left:.2rem solid var(--color-border-control);padding-left:1.25rem;font-style:italic}.article-prose :not(pre)>code{background:var(--color-panel);color:var(--color-ink);border:var(--border-thin) solid var(--color-border);border-radius:var(--radius-control);font-family:var(--font-mono);padding:.125em .3em;font-size:.875em}.article-prose pre{border:var(--border-thin) solid var(--color-border-control);border-radius:var(--radius-panel);max-width:100%;font-family:var(--font-mono);font-size:var(--text-small);tab-size:2;overflow-wrap:normal;padding:1.25rem;line-height:1.7;overflow-x:auto}.article-prose pre code{width:max-content;min-width:100%;display:block}.article-table-scroll{border:var(--border-thin) solid var(--color-border-control);border-radius:var(--radius-panel);max-width:100%;overflow-x:auto}.article-prose table{border-collapse:collapse;width:100%;font-size:var(--text-small);line-height:1.6}.article-prose th,.article-prose td{text-align:left;vertical-align:top;border-bottom:var(--border-thin) solid var(--color-border);min-width:10rem;padding:.875rem 1rem}.article-prose th{background:var(--color-panel);color:var(--color-ink);font-weight:600}.article-prose tr:last-child td{border-bottom:0}.article-callout{background:var(--color-panel);border:var(--border-thin) solid var(--color-border);border-left:.2rem solid var(--color-ink-muted);border-radius:var(--radius-control);padding:1.25rem}.article-callout[data-kind=warning],.article-callout[data-kind=caution]{border-left-color:var(--color-warning)}.article-prose .article-callout-title{color:var(--color-ink);margin:0 0 .75rem;font-weight:600}.article-prose .article-callout>:last-child{margin-bottom:0}.article-prose img,.article-prose video{border-radius:var(--radius-control);max-width:100%;height:auto}.article-prose figcaption{color:var(--color-ink-muted);font-size:var(--text-small);margin-top:.75rem}.article-prose hr{border-top:var(--border-thin) solid var(--color-border);margin-block:2.5rem}.article-footer{border-top:var(--border-thin) solid var(--color-border);flex-wrap:wrap;justify-content:space-between;gap:1rem 2rem;max-width:70ch;margin-top:3rem;padding-top:1.5rem;display:flex}.article-footer a{min-height:var(--spacing-control);align-items:center;gap:.5rem;display:inline-flex}@media (width>=80rem){.article-has-contents{grid-template-columns:minmax(0,1fr) 15rem}.article-has-contents .article-prose{grid-area:1/1}.article-contents{top:calc(var(--spacing-header) + 1.5rem);max-height:calc(100svh - var(--spacing-header) - 3rem);grid-area:1/2;position:sticky;overflow-y:auto}}}