/* Dress Code Decoder (NS14). Source: sites/needle-tools/tools/dress-code-decoder/tool.css */
.chqt-dc-box { background: #fff; border: 1px solid var(--chqt-line); border-radius: 10px; padding: 10px 12px; }
.chqt-dc-h { margin: 0 0 4px; font-size: 13px; letter-spacing: .04em; text-transform: uppercase; color: var(--chqt-muted); font-weight: 600; }
.chqt-dc-avoid { border-color: #e8c9c4; background: #fdf6f4; }
.chqt-dc-rows li { margin: 5px 0; }
.chqt-dc-rows cite { display: block; font-style: normal; font-size: 13px; color: var(--chqt-muted); }
.chqt-dc-rows cite a { color: inherit; }
.chqt-dc-ours { display: inline-block; font-size: 11.5px; letter-spacing: .04em; text-transform: uppercase; background: var(--chqt-cream); border: 1px solid var(--chqt-line); border-radius: 999px; padding: 1px 7px; color: var(--chqt-muted); }
/* the scale: every code as a rung, the chosen one lit */
.chqt-dc-scale { display: flex; flex-wrap: wrap; gap: 4px; }
.chqt-dc-rung { font: inherit; font-size: 13px; min-height: 44px; cursor: pointer; flex: 1 1 auto; border: 1px solid var(--chqt-line); background: #fff; color: var(--chqt-ink); border-radius: 8px; padding: 6px 8px; line-height: 1.2; -webkit-tap-highlight-color: transparent; }
.chqt-dc-rung[aria-pressed="true"] { background: var(--chqt-accent); border-color: var(--chqt-accent); color: var(--chqt-accent-ink); font-weight: 600; }
.chqt-dc-rung:focus-visible { outline: 3px solid rgba(184, 80, 66, .45); outline-offset: 2px; }
/* NS75: the answer on the first phone screen — phones skip the lede, which the labels already say */
@media (max-width: 460px) {
  .chqt[data-tool="dress-code-decoder"] .chqt-top { display: none; }
}
@media (max-width: 460px) {
  .chqt[data-tool="dress-code-decoder"] .chqt-dc-scale { display: none; }
}