.token-group+.token-group{margin-top:var(--sp-between-groups)}.token-group__name{font:var(--t-overline);letter-spacing:var(--t-overline-track);text-transform:uppercase;color:var(--text-faint);margin:0 0 var(--sp-3)}.swatches{gap:var(--sp-2) var(--sp-4);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));display:grid}.swatch{align-items:center;column-gap:var(--sp-2);font:var(--t-body-sm);grid-template-rows:auto auto;grid-template-columns:22px 1fr;display:grid}.swatch__chip{border-radius:var(--r-dense);border:1px solid var(--border-strong);grid-row:1/span 2;width:22px;height:22px}.swatch code{font-size:11.5px}.swatch__value{font:var(--t-caption);color:var(--text-faint);font-variant-numeric:tabular-nums}.badge-row{gap:var(--sp-3) var(--sp-6);flex-wrap:wrap;align-items:flex-start;display:flex}.badge-spec{flex-direction:column;gap:2px;min-width:180px;max-width:260px;display:flex}.badge-spec code{font:var(--t-caption);color:var(--text-dim)}.badge-spec__shape{font:var(--t-caption);color:var(--text-faint)}.type-spec{align-items:baseline;gap:var(--sp-4);padding:var(--sp-3) 0;border-bottom:1px solid var(--border);grid-template-columns:minmax(0,1fr) 140px 1fr;display:grid}.type-spec__sample{color:var(--text);min-width:0}.type-spec code{color:var(--text-dim);font-size:11.5px}.type-spec__value{font:var(--t-caption);color:var(--text-faint)}@media (width<=767px){.type-spec{gap:var(--sp-1);grid-template-columns:1fr}}