/* Hat Size Calculator (NS13). Source: sites/needle-tools/tools/hat-size-calculator/tool.css */
.chqt-hs-howto svg { max-height: 150px; }
.chqt-hs-box { background: #fff; border: 1px solid var(--chqt-line); border-radius: 10px; padding: 10px 12px; }
.chqt-hs-h { margin: 0 0 4px; font-size: 13px; letter-spacing: .04em; text-transform: uppercase; color: var(--chqt-muted); font-weight: 600; }
.chqt-hs-rows li { margin: 4px 0; }
.chqt-hs-rows li b { display: block; font-size: 13.5px; }
/* the printed tape: true size only when printed at 100% ("actual size"); one strip per row */
@media print {
  .chqt-print-root.chqt-hs-tape { columns: 1; }
  .chqt-hs-tape svg { display: block; margin: 0 0 6mm; }
  .chqt-hs-tape p { margin: 0 0 4mm; }
}
/* NS75: the answer on the first phone screen — phones skip the lede, which the labels already say */
@media (max-width: 460px) {
  .chqt[data-tool="hat-size-calculator"] .chqt-lede { display: none; }
}
@media (max-width: 460px) {
  .chqt[data-tool="hat-size-calculator"] .chqt-hs-howto { display: none; }
}
