.page--wide{max-width:960px}.color-reading{color:var(--muted);margin-left:.3em;font-size:.7em}.color-count{color:var(--muted);margin-left:.6em;font-size:13px}.color-hero{grid-template-columns:1fr 2fr;gap:12px;display:grid}.color-swatch{border:1px solid var(--line);border-radius:12px;min-height:160px}.color-flame{background:#000;border-radius:12px;width:100%;height:320px;display:block}@media (width<=560px){.color-hero{grid-template-columns:1fr}.color-swatch{min-height:72px}}.color-data{border-collapse:collapse;font-size:15px}.color-data th,.color-data td{text-align:left;border-bottom:1px solid var(--line);padding:6px 16px 6px 0}.color-data th{color:var(--muted);font-weight:400}.color-cta{background:var(--accent);color:#1a0f08;border-radius:999px;margin-top:4px;padding:10px 18px;font-weight:700;text-decoration:none;display:inline-block}.color-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;padding:0;list-style:none;display:grid}.color-grid a{border:1px solid var(--line);color:var(--text);border-radius:10px;flex-direction:column;gap:2px;padding:8px;text-decoration:none;display:flex}.color-grid a:hover{border-color:var(--accent)}.color-chip{border-radius:6px;height:44px;margin-bottom:4px;display:block}.color-name{font-size:14px}.color-tile-reading{color:var(--muted);font-size:11px}.color-pager{justify-content:space-between;margin-top:32px;display:flex}.color-source{color:var(--muted);margin-top:40px;font-size:13px}