/* Concert Outfit Planner (NS20). Source: sites/needle-tools/tools/concert-outfit-planner/tool.css */
.chqt-co-row { flex-wrap: nowrap; gap: 6px; }
.chqt-co-row button { flex: 1 1 auto; padding: 8px 10px; }
.chqt-co-box { background: #fff; border: 1px solid var(--chqt-line); border-radius: 10px; padding: 10px 12px; }
.chqt-co-h { margin: 0 0 6px; font-size: 13px; letter-spacing: .04em; text-transform: uppercase; color: var(--chqt-muted); font-weight: 600; }
.chqt-co-h span { text-transform: none; letter-spacing: 0; color: var(--chqt-ink); font-size: 15px; }
.chqt-co-line { margin: 0 0 6px; font-size: 15.5px; }
.chqt-co-box .chqt-list { margin: 0 0 6px; }
.chqt-co-q { margin: 4px 0; font-size: 14px; color: var(--chqt-muted); }
.chqt-co-q cite { font-style: normal; }
.chqt-co-q cite a { color: inherit; }
.chqt-co-posts { margin: 0; font-size: 15px; }
.chqt-co-posts a { color: var(--chqt-accent); font-weight: 600; text-decoration: underline; }
/* the answer on the first phone screen (NS75): the lede repeats the labels, so phones skip it */
@media (max-width: 460px) {
  .chqt[data-tool="concert-outfit-planner"] .chqt-lede { display: none; }
}