/* Horse Age Calculator (ROADMAP-Calcs-HorseRoot.md HR9) — the life stages, today's highlighted, and
   the phones-only answer line. Everything else is the core stylesheet. */
.chqt-ha-h { font-size: 1rem; margin: 1rem 0 .4rem; }
.chqt-ha-stages { margin: 0 0 .8rem; padding-left: 0; list-style: none; }
.chqt-ha-stages li { padding: .45rem .4rem; border-bottom: 1px solid var(--chqt-line, #DADADA); font-size: .9rem; line-height: 1.45; }
.chqt-ha-stages li strong { display: block; }
.chqt-ha-stages li.is-now { background: var(--chqt-cream, #F6F6F6); border-left: 4px solid var(--chqt-accent, #345C00); }
.chqt-ha-doc { margin-top: .8rem; } .chqt-ha-doc p { margin: 0 0 .5rem; font-size: .9rem; line-height: 1.5; }
@media (max-width: 460px) { .chqt[data-tool="horse-age-calculator"] .chqt-lede { display: none; } }
/* phones only (the grid stacks below 860px): the answer's headline under the input that decides it —
   on horseroots.com the header and H1 take ~230px of the gate's 664px screen */
.chqt-ha-mini { display: none; }
@media (max-width: 859px) { .chqt-ha-mini:not(:empty) { display: block; margin: .6rem 0 0; padding: 10px 14px; border-radius: var(--chqt-radius, 10px); background: var(--chqt-cream, #F6F6F6); border-left: 4px solid var(--chqt-accent, #345C00); font-weight: 700; } }