.articles-index,.article-page{padding-block:clamp(3rem,7vw,6rem)}.articles-index>.landing-lead{max-width:42rem}.article-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;margin-top:3rem;display:grid}.article-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);flex-direction:column;padding:clamp(1.5rem,3vw,2.5rem);display:flex}.article-eyebrow{color:var(--ink-muted);letter-spacing:.06em;text-transform:uppercase;margin:0 0 1rem;font-size:.8rem;line-height:1.6}.article-card h2{font-family:var(--font-display), sans-serif;letter-spacing:-.025em;margin-bottom:1rem;font-size:1.75rem;line-height:1.2}.article-card h2 a{justify-content:space-between;gap:.75rem;text-decoration:none;display:flex}.article-card h2 svg{flex:none;margin-top:.25rem}.article-card>p:not(.article-eyebrow){color:var(--ink-muted);margin-bottom:2rem;line-height:1.7}.article-card .article-meta{margin-top:auto}.article-index-note{color:var(--ink-muted);margin-top:2rem;line-height:1.7}.article-back{align-items:center;gap:.5rem;min-height:2.75rem;margin-bottom:2.5rem;font-size:.875rem;display:inline-flex}.article-header{max-width:55rem;margin-bottom:3rem}.article-header h1{font-family:var(--font-display), sans-serif;letter-spacing:-.04em;text-wrap:balance;margin:0 0 1.5rem;font-size:clamp(2.4rem,5.2vw,4.2rem);font-weight:600;line-height:1.06}.article-lede{max-width:45rem;color:var(--ink-muted);font-size:clamp(1.1rem,2vw,1.35rem);line-height:1.65}.article-meta{color:var(--ink-muted);flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:1.5rem;font-size:.85rem;line-height:1.6;display:flex}.article-layout{grid-template-columns:minmax(0,1fr) 13rem;align-items:start;column-gap:3rem;display:grid}.article-body{overflow-wrap:anywhere;grid-area:1/1;min-width:0;font-size:1rem;line-height:1.85}.article-body p,.article-body ul,.article-body ol{margin:0 0 1.35rem}.article-body ul,.article-body ol{padding-left:1.5rem}.article-body ul{list-style:outside}.article-body ol{list-style:decimal}.article-body li{margin-bottom:.5rem}.article-body h2{font-family:var(--font-display), sans-serif;letter-spacing:-.02em;margin:3rem 0 1rem;font-size:1.85rem;font-weight:600;line-height:1.25}.article-body h3{margin:2rem 0 1rem;font-size:1.25rem;font-weight:600;line-height:1.4}.article-body h4{margin:1.5rem 0 .75rem;font-size:1.05rem;font-weight:600}.article-body :is(h2,h3,h4,section){scroll-margin-top:7rem}.article-body a,.article-index-note a,.article-next a{text-underline-offset:.2em;text-decoration:underline}.article-body a:hover,.article-card a:hover{color:var(--leaf)}.article-body :not(pre)>code{font-family:var(--font-mono), monospace;border:1px solid var(--line);border-radius:.3rem;padding:.12rem .3rem;font-size:.875em}.article-body .docs-code{border:1px solid var(--line);border-radius:var(--radius);background:var(--canopy-navy);color:var(--canopy-white);min-width:0;margin:1.5rem 0 2rem;overflow:hidden}.article-body .docs-code-head{border-bottom:1px solid color-mix(in srgb, var(--canopy-white) 18%, transparent);font-family:var(--font-mono), monospace;align-items:center;gap:.75rem;padding:.7rem 1rem;font-size:.75rem;line-height:1.5;display:flex}.article-body .docs-code-label{flex:1}.article-body .docs-code-lang,.article-body .docs-code-head [data-slot=button]{color:inherit}.article-body .docs-code-head [data-slot=button]:hover{background:color-mix(in srgb, var(--canopy-white) 10%, transparent)}.article-body .docs-code-body{font-family:var(--font-mono), monospace;tab-size:2;margin:0;padding:1.2rem;font-size:.875rem;line-height:1.75;overflow-x:auto}.article-body .docs-code-body code{font-size:inherit;white-space:pre;border:0;padding:0}.article-table-scroll{border:1px solid var(--line);border-radius:var(--radius);margin:1.5rem 0 2rem;overflow-x:auto}.article-body table{border-collapse:collapse;width:100%;font-size:.9rem;line-height:1.6}.article-body th,.article-body td{text-align:left;vertical-align:top;border-bottom:1px solid var(--line);min-width:10rem;padding:.9rem 1rem}.article-body th{background:var(--surface);font-weight:600}.article-body tr:last-child td{border-bottom:0}.article-toc{border-left:1px solid var(--line);grid-area:1/2;max-height:calc(100vh - 8rem);padding-left:1.2rem;position:sticky;top:7rem;overflow-y:auto}.article-toc p{margin-bottom:.75rem;font-size:.8rem;font-weight:600}.article-toc ol{margin:0;padding:0;list-style:none}.article-toc a{color:var(--ink-muted);padding:.45rem 0;font-size:.8rem;line-height:1.5;display:block}.article-toc a:hover{color:var(--leaf)}.article-reference{border-top:1px solid var(--line);margin-top:4rem;padding-top:2rem}.article-reference>h2{margin-top:0}.article-next{border-top:1px solid var(--line);margin-top:3rem;padding-top:2rem}.article-next>p{color:var(--ink-muted);font-size:.8rem}.article-next a{align-items:center;gap:1rem;font-size:1.2rem;line-height:1.5;display:flex}.article-next svg{flex:none}.article-page a:focus-visible,.articles-index a:focus-visible,.article-table-scroll:focus-visible{outline:2px solid var(--leaf);outline-offset:4px}@media (max-width:900px){.article-layout{flex-direction:column;display:flex}.article-toc{border:1px solid var(--line);border-radius:var(--radius);width:100%;max-height:none;margin-bottom:2rem;padding:1.25rem;position:static}.article-toc ol{columns:2;column-gap:1.5rem}.article-toc li{break-inside:avoid}.article-body{width:100%}}@media (max-width:600px){.article-grid{grid-template-columns:1fr}.article-toc ol{columns:1}.article-body h2{font-size:1.55rem}}