/* Iron Panel Reader — its own styles (the shared ones are core/tools.css). Scoped .chqt-ip*. */
.chqt-ip-u { font-weight: 400; color: var(--chqt-muted); }
.chqt-ip-slip { color: #8a3b12; font-weight: 600; }
.chqt-ip-lines { display: grid; gap: 8px; margin: 10px 0; }
.chqt-ip-row { padding: 8px 10px; border: 1px solid var(--chqt-line); border-left: 4px solid #9fc7b8; border-radius: 10px; background: #fff; }
.chqt-ip-row[data-band="under"], .chqt-ip-row[data-band="over"] { border-left-color: #c4532a; }
.chqt-ip-row[data-band="mixed"] { border-left-color: #d69a2d; }
.chqt-ip-row[data-band="none"] { border-left-color: var(--chqt-line); }
.chqt-ip-row[data-printed="0"] { border-style: dashed; border-left-style: solid; }
.chqt-ip-h { margin: 0; font-size: 15.5px; line-height: 1.35; display: flex; flex-wrap: wrap; align-items: baseline; gap: 2px 8px; }
.chqt-ip-h a { font-weight: 700; color: var(--chqt-ink); }
.chqt-ip-h b { font-variant-numeric: tabular-nums; }
.chqt-ip-st { color: var(--chqt-muted); font-size: 14.5px; }
.chqt-ip-how { margin: 4px 0 0; font-size: 13.5px; line-height: 1.4; color: var(--chqt-muted); font-style: italic; }
.chqt-ip-src { margin: 4px 0 0; padding-left: 1.1em; font-size: 13.5px; line-height: 1.4; color: var(--chqt-ink); font-variant-numeric: tabular-nums; }
.chqt-ip-checks { margin: 10px 0; padding: 8px 10px; border-left: 3px solid #9fc7b8; background: #fff; }
.chqt-ip-checks[data-off="1"] { border-left-color: #c4532a; }
.chqt-ip-hd { margin: 0 0 4px; font-size: 13px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; color: var(--chqt-muted); }
.chqt-ip-checks ul { margin: 0; padding-left: 0; list-style: none; font-size: 14.5px; line-height: 1.45; }
.chqt-ip-checks li + li { margin-top: 6px; }
.chqt-ip-fer { border-left: 3px solid var(--chqt-line); padding-left: 10px; }
.chqt-ip-med { margin-top: 6px; }
/* on a phone the answer must clear the 390×664 first screen under the live header (VN49): the lede, the kicker and the
   tip (all said again in the copy below) step aside, and the gaps tighten */
@media (max-width: 460px) {
  .chqt[data-tool="iron-panel-reader"] .chqt-lede, .chqt[data-tool="iron-panel-reader"] .chqt-kicker, .chqt[data-tool="iron-panel-reader"] .chqt-ip-tip { display: none; }
  .chqt[data-tool="iron-panel-reader"] .chqt-form { gap: 8px; }
  .chqt[data-tool="iron-panel-reader"] .chqt-grid { gap: 10px; }
  .chqt[data-tool="iron-panel-reader"] .chqt-label { font-size: 14px; }
  .chqt-ip-row { padding: 7px 8px; }
}