.swatch-grid.astro-a7bopgqe{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--space-7)}.swatch.astro-a7bopgqe{border:var(--border-w) solid var(--color-ink);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-hard);overflow:hidden}.swatch__chip.astro-a7bopgqe{height:84px;border-bottom:var(--border-w) solid var(--color-ink)}.swatch__chip--outline.astro-a7bopgqe{box-shadow:inset 0 0 0 1px var(--color-line)}.swatch__meta.astro-a7bopgqe{display:flex;flex-direction:column;gap:3px;padding:var(--space-6)}.swatch__name.astro-a7bopgqe{font-size:var(--text-sm);font-weight:700}.swatch__val.astro-a7bopgqe{font-size:var(--text-xs);color:var(--color-mute);text-transform:uppercase}.swatch__role.astro-a7bopgqe{font-size:var(--text-xs);color:var(--color-ink-soft);margin-top:2px}.rowcards.astro-a7bopgqe{display:flex;flex-direction:column;gap:var(--space-6)}.rowcard.astro-a7bopgqe{display:flex;align-items:center;gap:var(--space-10);flex-wrap:wrap;border:var(--border-w) solid var(--color-ink);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-hard);padding:var(--space-8) var(--space-10)}.rowcard__sample.astro-a7bopgqe{font-size:var(--text-3xl);font-weight:var(--weight-black)}.rowcard__meta.astro-a7bopgqe{display:flex;flex-direction:column;gap:2px}.rowcard__name.astro-a7bopgqe{font-weight:700}.rowcard__val.astro-a7bopgqe{font-size:var(--text-xs);color:var(--color-mute)}.rowcard__note.astro-a7bopgqe{font-size:var(--text-xs);color:var(--color-ink-soft)}.scale-list.astro-a7bopgqe{border:var(--border-w) solid var(--color-ink);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-hard);overflow:hidden}.scale-row.astro-a7bopgqe{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:var(--space-8);padding:var(--space-7) var(--space-10);border-bottom:var(--border-w-hair) solid var(--color-line)}.scale-row.astro-a7bopgqe:last-child{border-bottom:0}.scale-row--metric.astro-a7bopgqe{grid-template-columns:minmax(0,1fr) 110px 64px 1.4fr}.scale-row--motion.astro-a7bopgqe{grid-template-columns:160px 1fr 1.4fr}.scale-row__demo.astro-a7bopgqe{font-weight:var(--weight-black);font-family:var(--font-display);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.scale-row__name.astro-a7bopgqe{font-weight:700;font-size:var(--text-sm)}.scale-row__val.astro-a7bopgqe{font-size:var(--text-xs);color:var(--color-mute);text-align:right}.scale-row__note.astro-a7bopgqe{font-size:var(--text-xs);color:var(--color-ink-soft)}.bar.astro-a7bopgqe{height:16px;background:var(--color-accent);border:var(--border-w-soft) solid var(--color-ink);border-radius:2px}.chip-row.astro-a7bopgqe{display:flex;flex-wrap:wrap;gap:var(--space-6)}.weight-chip.astro-a7bopgqe{display:flex;flex-direction:column;align-items:center;gap:2px;border:var(--border-w) solid var(--color-ink);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-hard);padding:var(--space-7) var(--space-10);font-size:var(--text-xl)}.weight-chip.astro-a7bopgqe code.astro-a7bopgqe{font-size:var(--text-xs);color:var(--color-mute);font-weight:500}.tile-grid.astro-a7bopgqe{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--space-8)}.tile-grid--wide.astro-a7bopgqe{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.tile.astro-a7bopgqe{display:flex;flex-direction:column;gap:3px;border:var(--border-w) solid var(--color-ink);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-hard);padding:var(--space-8)}.tile__demo.astro-a7bopgqe{height:72px;background:var(--color-accent);border:var(--border-w) solid var(--color-ink);margin-bottom:var(--space-6)}.tile__demo--border.astro-a7bopgqe{background:var(--color-surface-muted);border-style:solid;border-radius:var(--radius-sm)}.tile__demo--shadow.astro-a7bopgqe{background:var(--color-accent);border-radius:var(--radius-sm);margin:var(--space-2) var(--space-6) var(--space-9)}.tile__name.astro-a7bopgqe{font-weight:700;font-size:var(--text-sm)}.tile__val.astro-a7bopgqe{font-size:var(--text-xs);color:var(--color-mute)}.tile__note.astro-a7bopgqe{font-size:var(--text-xs);color:var(--color-ink-soft)}