.lab[data-astro-cid-7cndt47g]{gap:var(--space-14xl);padding-block:var(--pad-13xl) var(--pad-16xl);grid-template-columns:minmax(0,1fr);display:grid}.swatch-groups[data-astro-cid-7cndt47g]{gap:var(--space-6xl);display:grid}.swatch-group[data-astro-cid-7cndt47g]{gap:var(--space-xl);grid-template-columns:minmax(200px,.55fr) minmax(0,1.45fr);align-items:start;display:grid}.swatch-group[data-astro-cid-7cndt47g] header[data-astro-cid-7cndt47g] h3[data-astro-cid-7cndt47g]{margin:0 0 6px;font-size:16px;font-weight:500}.swatch-group[data-astro-cid-7cndt47g] header[data-astro-cid-7cndt47g] p[data-astro-cid-7cndt47g]{color:var(--color-text-muted);margin:0;font-size:13px;line-height:1.5}.swatches[data-astro-cid-7cndt47g]{border-top:1px solid var(--color-border);border-left:1px solid var(--color-border);grid-template-columns:repeat(auto-fill,minmax(190px,1fr));display:grid}.swatch[data-astro-cid-7cndt47g]{background:var(--color-white);border-right:1px solid var(--color-border);border-bottom:1px solid var(--color-border);gap:8px;padding:14px;display:grid}.swatch__chip[data-astro-cid-7cndt47g]{border:1px solid var(--color-border);height:44px;display:block}.swatch__name[data-astro-cid-7cndt47g],.swatch__value[data-astro-cid-7cndt47g]{font-family:var(--font-mono);font-size:var(--text-micro);letter-spacing:.04em;overflow-wrap:anywhere}.swatch__name[data-astro-cid-7cndt47g]{color:var(--color-ink)}.swatch__value[data-astro-cid-7cndt47g]{color:var(--color-text-subtle)}.pairs[data-astro-cid-7cndt47g]{border:1px solid var(--color-border);grid-template-columns:repeat(2,minmax(0,1fr));gap:0;display:grid}.pair[data-astro-cid-7cndt47g]{gap:10px;padding:22px;display:grid}.pair[data-astro-cid-7cndt47g]>span[data-astro-cid-7cndt47g]{font-family:var(--font-mono);font-size:var(--text-micro);letter-spacing:.08em;color:var(--color-text-subtle)}.pair[data-astro-cid-7cndt47g] p[data-astro-cid-7cndt47g]{margin:0;font-size:15px;line-height:1.55}.pair--light[data-astro-cid-7cndt47g]{background:var(--color-surface);color:var(--color-ink)}.pair--light[data-astro-cid-7cndt47g] .pair__muted[data-astro-cid-7cndt47g]{color:var(--color-text-muted)}.pair__ok[data-astro-cid-7cndt47g]{color:var(--color-viz-success-text)}.pair__warn[data-astro-cid-7cndt47g]{color:var(--color-viz-warning-text)}.pair--dark[data-astro-cid-7cndt47g]{background:var(--color-ink);color:var(--color-white);border-left:1px solid var(--color-border)}.pair--dark[data-astro-cid-7cndt47g]>span[data-astro-cid-7cndt47g],.pair--dark[data-astro-cid-7cndt47g] .pair__muted[data-astro-cid-7cndt47g]{color:var(--color-text-muted-on-dark)}.pair__accent[data-astro-cid-7cndt47g]{color:var(--color-accent-on-dark);text-decoration:none}.pair__accent[data-astro-cid-7cndt47g]:hover{text-underline-offset:3px;text-decoration:underline}.families[data-astro-cid-7cndt47g]{border-top:1px solid var(--color-border);border-left:1px solid var(--color-border);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.families[data-astro-cid-7cndt47g]>div[data-astro-cid-7cndt47g]{background:var(--color-white);border-right:1px solid var(--color-border);border-bottom:1px solid var(--color-border);gap:8px;min-width:0;padding:14px;display:grid}.families[data-astro-cid-7cndt47g] span[data-astro-cid-7cndt47g]{font-family:var(--font-mono);font-size:var(--text-micro);letter-spacing:.08em;color:var(--color-accent)}.families[data-astro-cid-7cndt47g] code[data-astro-cid-7cndt47g]{font-family:var(--font-mono);color:var(--color-text-muted);overflow-wrap:anywhere;font-size:11px;line-height:1.5}.table-wrap[data-astro-cid-7cndt47g]{min-width:0;overflow-x:auto}.lab-table[data-astro-cid-7cndt47g]{border-collapse:collapse;background:var(--color-white);border:1px solid var(--color-border);width:100%}.lab-table[data-astro-cid-7cndt47g] th[data-astro-cid-7cndt47g],.lab-table[data-astro-cid-7cndt47g] td[data-astro-cid-7cndt47g]{text-align:left;vertical-align:top;border-bottom:1px solid var(--color-border);white-space:nowrap;padding:10px 12px;font-size:13px;line-height:1.5}.lab-table[data-astro-cid-7cndt47g] thead[data-astro-cid-7cndt47g] th[data-astro-cid-7cndt47g]{font-family:var(--font-mono);font-size:var(--text-micro);letter-spacing:.08em;color:var(--color-text-subtle);background:var(--color-surface-alt);font-weight:400}.lab-table[data-astro-cid-7cndt47g] tbody[data-astro-cid-7cndt47g] th[data-astro-cid-7cndt47g]{font-weight:500}.lab-table[data-astro-cid-7cndt47g] code[data-astro-cid-7cndt47g]{font-family:var(--font-mono);color:var(--color-text-muted);font-size:12px}.type-scale[data-astro-cid-7cndt47g]{gap:var(--space-xl);padding:var(--space-4xl);background:var(--color-white);border:1px solid var(--color-border);min-width:0;display:grid}.type-scale[data-astro-cid-7cndt47g] p[data-astro-cid-7cndt47g]{overflow-wrap:anywhere;margin:0}.mono-sample[data-astro-cid-7cndt47g]{font-family:var(--font-mono);font-size:var(--text-micro);letter-spacing:.08em;color:var(--color-text-muted)}.bars[data-astro-cid-7cndt47g]{padding:var(--space-3xl);background:var(--color-white);border:1px solid var(--color-border);gap:6px;display:grid}.bar[data-astro-cid-7cndt47g]{align-items:center;gap:var(--space-m);grid-template-columns:56px 1fr 48px;display:grid}.bar[data-astro-cid-7cndt47g] span[data-astro-cid-7cndt47g]{background:var(--color-accent);max-width:100%;height:10px;display:block}.bar[data-astro-cid-7cndt47g] code[data-astro-cid-7cndt47g]{font-family:var(--font-mono);font-size:var(--text-micro);letter-spacing:.06em;color:var(--color-text-muted)}.token-cols[data-astro-cid-7cndt47g]{border-top:1px solid var(--color-border);border-left:1px solid var(--color-border);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.token-cols[data-astro-cid-7cndt47g]>div[data-astro-cid-7cndt47g]{align-content:start;gap:var(--space-m);background:var(--color-white);border-right:1px solid var(--color-border);border-bottom:1px solid var(--color-border);min-width:0;padding:18px;display:grid}.token-cols[data-astro-cid-7cndt47g] h3[data-astro-cid-7cndt47g]{margin:0;font-size:15px;font-weight:500}.token-cols[data-astro-cid-7cndt47g] ul[data-astro-cid-7cndt47g]{gap:4px;margin:0;padding:0;list-style:none;display:grid}.token-cols[data-astro-cid-7cndt47g] li[data-astro-cid-7cndt47g]{justify-content:space-between;gap:var(--space-m);font-family:var(--font-mono);color:var(--color-text-muted);overflow-wrap:anywhere;font-size:11px;display:flex}.token-cols[data-astro-cid-7cndt47g] li[data-astro-cid-7cndt47g] code[data-astro-cid-7cndt47g]:last-child{color:var(--color-ink);white-space:nowrap}.token-cols[data-astro-cid-7cndt47g] ul[data-astro-cid-7cndt47g].plain li[data-astro-cid-7cndt47g]{font-family:var(--font-body);margin-left:16px;font-size:13px;line-height:1.5;list-style:outside;display:list-item}.token-cols[data-astro-cid-7cndt47g] p[data-astro-cid-7cndt47g]{color:var(--color-text-muted);margin:0;font-size:13px;line-height:1.5}.grid-figure[data-astro-cid-7cndt47g]{gap:var(--space-m);margin:0;display:grid}.grid-figure__page[data-astro-cid-7cndt47g]{background:var(--color-white);border:1px solid var(--color-border);padding:28px 8%;position:relative}.grid-figure__rail[data-astro-cid-7cndt47g]{background:var(--color-border-strong);width:1px;position:absolute;top:0;bottom:0}.grid-figure__rail--left[data-astro-cid-7cndt47g]{left:8%}.grid-figure__rail--right[data-astro-cid-7cndt47g]{right:8%}.grid-figure__container[data-astro-cid-7cndt47g]{padding:26px 0 18px;position:relative}.grid-figure__inner[data-astro-cid-7cndt47g]{border:1px dashed var(--color-border-strong);margin-inline:7%;padding:26px 16px 16px;position:relative}.grid-figure__cell[data-astro-cid-7cndt47g]{background:var(--color-surface-alt);border:1px solid var(--color-border);padding:14px}.grid-figure__cell[data-astro-cid-7cndt47g] span[data-astro-cid-7cndt47g],.grid-figure__label[data-astro-cid-7cndt47g],.grid-figure__gutter[data-astro-cid-7cndt47g]{font-family:var(--font-mono);font-size:var(--text-micro);letter-spacing:.06em;color:var(--color-text-muted)}.grid-figure__label[data-astro-cid-7cndt47g]{position:absolute;top:6px;left:8px}.grid-figure__gutter[data-astro-cid-7cndt47g]{color:var(--color-accent);position:absolute;bottom:0;left:0}.grid-figure[data-astro-cid-7cndt47g] figcaption[data-astro-cid-7cndt47g]{color:var(--color-text-muted);font-size:13px;line-height:1.5}.token-inline[data-astro-cid-7cndt47g]{gap:var(--space-s);flex-wrap:wrap;display:flex}.token-inline[data-astro-cid-7cndt47g] span[data-astro-cid-7cndt47g]{background:var(--color-white);border:1px solid var(--color-border);font-family:var(--font-mono);font-size:var(--text-micro);letter-spacing:.06em;color:var(--color-text-muted);gap:10px;padding:7px 10px;display:inline-flex}.token-inline[data-astro-cid-7cndt47g] code[data-astro-cid-7cndt47g]:last-child{color:var(--color-ink)}.breakpoints[data-astro-cid-7cndt47g]{border-top:1px solid var(--color-border);border-left:1px solid var(--color-border);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.breakpoints[data-astro-cid-7cndt47g] article[data-astro-cid-7cndt47g]{background:var(--color-white);border-right:1px solid var(--color-border);border-bottom:1px solid var(--color-border);align-content:start;gap:8px;min-height:120px;padding:17px;display:grid}.breakpoints[data-astro-cid-7cndt47g] span[data-astro-cid-7cndt47g]{font-family:var(--font-mono);font-size:var(--text-micro);letter-spacing:.08em;color:var(--color-accent)}.breakpoints[data-astro-cid-7cndt47g] strong[data-astro-cid-7cndt47g]{font-size:13px;font-weight:500}.breakpoints[data-astro-cid-7cndt47g] p[data-astro-cid-7cndt47g]{color:var(--color-text-muted);margin:0;font-size:12px;line-height:1.5}.ui-grid[data-astro-cid-7cndt47g]{gap:var(--space-xl);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.ui-cell[data-astro-cid-7cndt47g]{align-content:start;gap:var(--space-l);padding:var(--space-3xl);background:var(--color-white);border:1px solid var(--color-border);min-width:0;display:grid}.ui-cell--wide[data-astro-cid-7cndt47g]{grid-column:1/-1}.ui-cell[data-astro-cid-7cndt47g] header[data-astro-cid-7cndt47g]{align-items:baseline;gap:var(--space-m);flex-wrap:wrap;display:flex}.ui-cell[data-astro-cid-7cndt47g] h3[data-astro-cid-7cndt47g]{font-family:var(--font-mono);letter-spacing:.02em;margin:0;font-size:15px;font-weight:500}.ui-cell[data-astro-cid-7cndt47g] header[data-astro-cid-7cndt47g] code[data-astro-cid-7cndt47g]{font-family:var(--font-mono);font-size:var(--text-micro);letter-spacing:.06em;color:var(--color-text-subtle)}.ui-cell[data-astro-cid-7cndt47g]>p[data-astro-cid-7cndt47g]{color:var(--color-text-muted);margin:0;font-size:13px;line-height:1.55}.ui-row[data-astro-cid-7cndt47g]{align-items:center;gap:var(--space-l);padding:var(--space-xl);background:var(--color-surface);border:1px dashed var(--color-border-strong);flex-wrap:wrap;display:flex}.ui-row--tip[data-astro-cid-7cndt47g]{gap:var(--space-s)}.ui-row--icons[data-astro-cid-7cndt47g]{gap:var(--space-4xl)}.icon-level[data-astro-cid-7cndt47g]{justify-items:center;gap:6px;display:inline-grid}.icon-level[data-astro-cid-7cndt47g] code[data-astro-cid-7cndt47g]{font-family:var(--font-mono);font-size:var(--text-micro);letter-spacing:.06em;color:var(--color-text-subtle)}.ui-form[data-astro-cid-7cndt47g]{gap:var(--space-xxl);max-width:560px;padding:var(--space-xl);background:var(--color-surface);border:1px dashed var(--color-border-strong);flex-direction:column;display:flex}.ui-crumbs[data-astro-cid-7cndt47g]{padding:var(--space-m) var(--space-xl);background:var(--color-surface);border:1px dashed var(--color-border-strong)}@media (width<=991px){.swatch-group[data-astro-cid-7cndt47g],.token-cols[data-astro-cid-7cndt47g]{grid-template-columns:1fr}.breakpoints[data-astro-cid-7cndt47g]{grid-template-columns:repeat(2,minmax(0,1fr))}.ui-grid[data-astro-cid-7cndt47g]{grid-template-columns:1fr}}@media (width<=599px){.pairs[data-astro-cid-7cndt47g]{grid-template-columns:1fr}.pair--dark[data-astro-cid-7cndt47g]{border-left:0;border-top:1px solid var(--color-border)}.breakpoints[data-astro-cid-7cndt47g]{grid-template-columns:1fr}.breakpoints[data-astro-cid-7cndt47g] article[data-astro-cid-7cndt47g]{min-height:0}.bar[data-astro-cid-7cndt47g]{grid-template-columns:48px 1fr 40px}.grid-figure__page[data-astro-cid-7cndt47g]{padding-inline:5%}.grid-figure__inner[data-astro-cid-7cndt47g]{margin-inline:3%}}