/* Color Season Quiz — its own styles (the shared ones are core/tools.css). Scoped .chqt-cs*. */
.chqt-cs-h { margin: 14px 0 6px; font-weight: 700; color: var(--chqt-ink); }
/* the palette: swatches that stay readable at 390px, four to a row */
.chqt-cs-swatches {
  display: grid; grid-template-columns: repeat(auto-fill, minmax(84px, 1fr)); gap: 8px; list-style: none; margin: 0; padding: 0;
}
.chqt-cs-swatches li { min-width: 0; }
.chqt-cs-swatches span {
  display: block; height: 46px; border-radius: 10px; border: 1px solid rgba(40, 30, 30, .18);
}
.chqt-cs-swatches b { display: block; font-size: 13px; font-weight: 600; margin-top: 4px; line-height: 1.25; }
.chqt-cs-posts { margin: 10px 0 0; font-size: 15px; }
.chqt-cs-posts a { color: var(--chqt-accent); font-weight: 600; }