/* L-Tryptophan for Sleep — its own styles (the shared ones are core/tools.css). Scoped .chqt-tr*. */
.chqt-tr-bar { position: relative; height: 16px; border-radius: 8px; border: 1px solid var(--chqt-line); background: #fff; margin: 6px 0 2px; }
.chqt-tr-dose { position: absolute; top: 2px; bottom: 2px; width: 3px; margin-left: -1px; background: #7a6aa8; border-radius: 1px; }
.chqt-tr-you { position: absolute; top: -4px; bottom: -4px; width: 4px; margin-left: -2px; background: var(--chqt-ink); border-radius: 2px; }
.chqt-tr-scale { display: flex; justify-content: space-between; height: 18px; margin: 0 0 6px; font-size: 12.5px; color: var(--chqt-muted); font-variant-numeric: tabular-nums; }
.chqt-tr-b { font-weight: 700; }
.chqt-tr-lines { margin: 6px 0 10px; padding-left: 1.1em; font-size: 14.5px; line-height: 1.45; }
.chqt-tr-lines li + li { margin-top: 6px; }
.chqt-tr-count, .chqt-tr-med { border-left: 3px solid var(--chqt-line); padding-left: 10px; }
.chqt-tr-over { color: #8a3b12; font-weight: 600; }
@media (max-width: 460px) {
  .chqt[data-tool="tryptophan-for-sleep"] .chqt-lede, .chqt[data-tool="tryptophan-for-sleep"] .chqt-tr-tip { display: none; }
  .chqt[data-tool="tryptophan-for-sleep"] .chqt-form { gap: 8px; }
  .chqt[data-tool="tryptophan-for-sleep"] .chqt-grid { gap: 10px; }
}
.chqt-tr-off { border-left: 3px solid #7a6aa8; padding-left: 10px; }