.color-page{max-width:860px;margin:0 auto;padding:24px 20px 64px}.color-breadcrumbs{font-size:14px;margin-bottom:16px}.color-breadcrumbs,.color-breadcrumbs a{color:var(--color-muted)}.color-hero{border-radius:14px;border:1px solid var(--color-border);padding:48px 28px;margin-bottom:24px}.color-hero h1{margin:0 0 6px;font-size:clamp(34px,6vw,52px);letter-spacing:-1px}.color-hero p{margin:0;font-size:16px;opacity:.85}.color-lede{font-size:16px;line-height:1.65;color:var(--color-muted);margin-bottom:32px}.color-page section{margin-bottom:36px}.color-page h2{font-size:22px;margin:0 0 12px}.color-page h3{font-size:16px;margin:20px 0 10px}.color-table{width:100%;border-collapse:collapse;font-size:15px}.color-table td,.color-table th{text-align:left;padding:10px 12px;border-bottom:1px solid var(--color-border)}.color-table th[scope=row]{width:140px;color:var(--color-muted);font-weight:500}.color-table td{font-variant-numeric:tabular-nums}.color-swatch-grid{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}.color-swatch{display:flex;align-items:flex-end;min-width:104px;min-height:72px;padding:8px 10px;border-radius:10px;border:1px solid var(--color-border);font-size:13px;font-weight:600;text-decoration:none;font-variant-numeric:tabular-nums}.color-swatch:hover{border-color:var(--color-foreground)}.color-index-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:10px}@media (max-width:640px){.color-table th[scope=row]{width:96px}.color-swatch{min-width:88px;min-height:64px}}