/* Yerba Mate vs Coffee — its own styles (the shared ones are core/tools.css). Scoped .chqt-ym*. */
.chqt[data-tool="yerba-mate-vs-coffee"] .chqt-field[hidden] { display: none; }
.chqt-ym-fixed { margin: 0; min-height: 48px; display: flex; align-items: center; font-size: 15.5px; color: var(--chqt-muted); }
.chqt-ym-scale { margin: 10px 0 4px; }
.chqt-ym-row + .chqt-ym-row { margin-top: 8px; }
.chqt-ym-name { display: block; font-size: 14px; font-weight: 600; margin-bottom: 3px; }
.chqt-ym-track { position: relative; height: 16px; border-radius: 8px; background: var(--chqt-cream); border: 1px solid var(--chqt-line); }
.chqt-ym-band { position: absolute; top: 0; bottom: 0; border-radius: 8px; background: #8fbf9f; }
.chqt-ym-cof { position: absolute; top: -3px; bottom: -3px; width: 6px; margin-left: -3px; border-radius: 3px; background: #6b4a2b; }
.chqt-ym-ticks { position: relative; height: 18px; margin: 2px 0 0; font-size: 12.5px; color: var(--chqt-muted); font-variant-numeric: tabular-nums; }
/* each label sits at its own value on the bar (evenly spread labels put "90" left of where 90 is) */
.chqt-ym-ticks span { position: absolute; top: 0; transform: translateX(-50%); }
.chqt-ym-ticks span:first-child { left: 0; transform: none; }
.chqt-ym-ticks span:last-child { left: auto; right: 0; transform: none; }
.chqt-ym-day { font-weight: 600; }
.chqt-ym-h { margin: 12px 0 4px; font-size: 13px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; color: var(--chqt-muted); }
.chqt-ym-studies { margin: 0 0 8px; padding-left: 1.2em; font-size: 15px; line-height: 1.45; }
.chqt-ym-studies li + li { margin-top: 4px; }
.chqt-ym-med { margin-top: 6px; }
@media (max-width: 460px) {
  /* the live header is ~123 px taller than the preview's (VN49): the lede, the kicker and the tip step aside on a phone,
     and the two selects sit side by side at 16px (never under — iPhone zooms) with a tighter arrow so the words fit */
  .chqt[data-tool="yerba-mate-vs-coffee"] .chqt-lede, .chqt[data-tool="yerba-mate-vs-coffee"] .chqt-kicker, .chqt[data-tool="yerba-mate-vs-coffee"] .chqt-ym-tip { display: none; }
  .chqt[data-tool="yerba-mate-vs-coffee"] .chqt-form { gap: 8px; }
  .chqt[data-tool="yerba-mate-vs-coffee"] .chqt-grid { gap: 10px; }
  .chqt[data-tool="yerba-mate-vs-coffee"] select { font-size: 16px; padding: 10px 26px 10px 10px; background-position: right 9px center; }
  .chqt[data-tool="yerba-mate-vs-coffee"] .chqt-answer { font-size: 26px; }
}