.brand[data-astro-cid-jeebhqs3]{padding-bottom:var(--space-20)}.intro[data-astro-cid-jeebhqs3]{padding-block:var(--space-20);max-width:58rem}.eyebrow[data-astro-cid-jeebhqs3]{color:var(--color-brand);font-size:var(--text-sm);text-transform:uppercase;font-weight:var(--weight-semibold);margin-bottom:var(--space-5)}h1[data-astro-cid-jeebhqs3]{font-size:var(--text-hero);color:var(--color-brand);margin-bottom:var(--space-8)}.intro[data-astro-cid-jeebhqs3]>p[data-astro-cid-jeebhqs3]:last-of-type{max-width:40rem;font-size:var(--text-xl);color:var(--color-text-muted)}.contents[data-astro-cid-jeebhqs3]{gap:var(--space-5);margin-top:var(--space-8);color:var(--color-brand);font-weight:var(--weight-medium);flex-wrap:wrap;display:flex}section[data-astro-cid-jeebhqs3]{border-top:var(--border-width) solid var(--color-border);padding-block:var(--space-16);scroll-margin-top:var(--header-height)}section[data-astro-cid-jeebhqs3]>h2[data-astro-cid-jeebhqs3]{font-size:var(--text-heading);color:var(--color-brand);margin-bottom:var(--space-5)}section[data-astro-cid-jeebhqs3]>p[data-astro-cid-jeebhqs3]{max-width:50rem;color:var(--color-text-muted);margin-bottom:var(--space-8)}code[data-astro-cid-jeebhqs3]{font-family:var(--font-code);font-size:var(--text-sm);overflow-wrap:anywhere}h3[data-astro-cid-jeebhqs3]{font-size:var(--text-xl);margin-bottom:var(--space-3)}.swatches[data-astro-cid-jeebhqs3]{gap:var(--space-5);grid-template-columns:repeat(4,1fr);display:grid}.swatches[data-astro-cid-jeebhqs3] article[data-astro-cid-jeebhqs3]{border:var(--border-width) solid var(--color-border);min-width:0}.swatch[data-astro-cid-jeebhqs3]{border-bottom:var(--border-width) solid var(--color-border);height:130px}.swatch-copy[data-astro-cid-jeebhqs3]{padding:var(--space-5)}.swatch-copy[data-astro-cid-jeebhqs3]>code[data-astro-cid-jeebhqs3],.swatch-copy[data-astro-cid-jeebhqs3] output[data-astro-cid-jeebhqs3]{margin-bottom:var(--space-2);display:block}.swatch-copy[data-astro-cid-jeebhqs3] output[data-astro-cid-jeebhqs3]{font-size:var(--text-xs);overflow-wrap:anywhere;color:var(--color-text-muted)}.swatch-copy[data-astro-cid-jeebhqs3] p[data-astro-cid-jeebhqs3]{font-size:var(--text-sm)}.type-samples[data-astro-cid-jeebhqs3],.logo-grid[data-astro-cid-jeebhqs3]{gap:var(--space-10);grid-template-columns:1fr 1fr;display:grid}.meta[data-astro-cid-jeebhqs3]{font-size:var(--text-sm);margin-bottom:var(--space-5);color:var(--color-text-muted)}.display-sample[data-astro-cid-jeebhqs3]{font:var(--weight-semibold) var(--text-heading)/1.05 var(--font-heading);text-transform:uppercase;margin-bottom:var(--space-6)}.body-sample[data-astro-cid-jeebhqs3]{font-size:var(--text-2xl);margin-bottom:var(--space-6)}.small-sample[data-astro-cid-jeebhqs3]{font-size:var(--text-sm);margin-top:var(--space-6)}.logo-sample[data-astro-cid-jeebhqs3]{padding:var(--space-14);place-items:center;min-height:200px;display:grid}.logo-sample[data-astro-cid-jeebhqs3] svg{max-width:220px}.light[data-astro-cid-jeebhqs3]{background:var(--color-surface-muted);color:var(--color-brand)}.dark[data-astro-cid-jeebhqs3]{background:var(--color-brand);color:var(--color-paper)}.button-samples[data-astro-cid-jeebhqs3]{align-items:center;gap:var(--space-5);flex-wrap:wrap;display:flex}.heading-sample[data-astro-cid-jeebhqs3]{margin-top:var(--space-12)}.spacing-list[data-astro-cid-jeebhqs3]{gap:var(--space-4);display:grid}.spacing-list[data-astro-cid-jeebhqs3]>div[data-astro-cid-jeebhqs3]{align-items:center;gap:var(--space-5);grid-template-columns:150px 100px 1fr;display:grid}.spacing-list[data-astro-cid-jeebhqs3] span[data-astro-cid-jeebhqs3]{background:var(--color-brand);height:24px}.spacing-list[data-astro-cid-jeebhqs3] output[data-astro-cid-jeebhqs3]{font-size:var(--text-sm)}.rules[data-astro-cid-jeebhqs3]{gap:var(--space-10);grid-template-columns:1fr 1fr;display:grid}.rules[data-astro-cid-jeebhqs3] p[data-astro-cid-jeebhqs3]{color:var(--color-text-muted)}.docs[data-astro-cid-jeebhqs3]{margin-top:var(--space-12);padding:var(--space-8);background:var(--color-surface-muted)}@media (width<=1024px){.swatches[data-astro-cid-jeebhqs3]{grid-template-columns:1fr 1fr}}@media (width<=767px){.swatches[data-astro-cid-jeebhqs3],.type-samples[data-astro-cid-jeebhqs3],.logo-grid[data-astro-cid-jeebhqs3],.rules[data-astro-cid-jeebhqs3]{grid-template-columns:1fr}.spacing-list[data-astro-cid-jeebhqs3]>div[data-astro-cid-jeebhqs3]{gap:var(--space-3);grid-template-columns:130px 85px 1fr}.intro[data-astro-cid-jeebhqs3]{padding-block:var(--space-14)}}