/* Horse Gestation Calculator (ROADMAP-Calcs-HorseRoot.md HR7) — where she is today, the dated
   checks, the signs and what moves the date. Everything else is the core stylesheet. */
.chqt-hg-now { font-weight: 600; border-left: 3px solid var(--chqt-accent, #345C00); padding-left: .7rem; margin: .5rem 0 .6rem; }
.chqt-hg-now:empty { display: none; }
.chqt-hg-h { font-size: 1rem; margin: 1.1rem 0 .4rem; }
.chqt-hg-plan { margin: 0 0 .8rem; padding-left: 0; list-style: none; }
.chqt-hg-plan li { padding: .45rem .3rem; border-bottom: 1px solid var(--chqt-line, #DADADA); font-size: .9rem; line-height: 1.45; }
.chqt-hg-plan .chqt-hg-when { display: block; font-weight: 700; font-size: .84rem; }
.chqt-hg-plan li.is-now { background: var(--chqt-cream, #F6F6F6); }
.chqt-hg-list { margin: .3rem 0 .8rem; padding-left: 1.1rem; font-size: .9rem; line-height: 1.5; }
.chqt-hg-list li { margin-bottom: .45rem; }
.chqt-hg-doc { margin-top: .8rem; } .chqt-hg-doc p { margin: 0 0 .5rem; overflow-wrap: anywhere; }
/* the answer on the first phone screen (390×664): the lede is the page's intro, and the page copy says it again */
@media (max-width: 460px) { .chqt[data-tool="horse-gestation-calculator"] .chqt-lede { display: none; } }

/* phones only (the grid stacks below 860px): the answer's headline right under the inputs that decide it.
   On horseroots.com the header and the H1 take ~230px of the gate's 664px iPhone screen, so the full
   answer is below the fold; this line is not (the VhRide turkey planner's pattern). */
.chqt-hg-mini { display: none; }
@media (max-width: 859px) { .chqt-hg-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; } }