/* Hay Bale Weight Calculator (ROADMAP-Calcs-HorseRoot.md HR27) — the size boxes, the optional
   drawer, and the every-tightness table. Everything else is the core stylesheet. */
.chqt-hb-row { display: grid; gap: .7rem; grid-template-columns: repeat(auto-fit, minmax(6.5rem, 1fr)); }
.chqt-hb-dims { display: grid; gap: .6rem; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.chqt-hb-dims.is-round { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.chqt-hb-more { margin: .5rem 0 0; }
.chqt-hb-more > summary { cursor: pointer; font-weight: 600; padding: .7rem 0; line-height: 1.35; }
.chqt-hb-more .chqt-hb-row { margin-bottom: .6rem; }
.chqt-hb-h { font-size: 1rem; margin: 1rem 0 .3rem; }
.chqt-hb-tbl { width: 100%; border-collapse: collapse; font-size: .92rem; }
.chqt-hb-tbl th, .chqt-hb-tbl td { text-align: left; padding: .4rem .3rem; border-bottom: 1px solid var(--chqt-line, #DADADA); }
.chqt-hb-tbl td { white-space: nowrap; font-variant-numeric: tabular-nums; }
.chqt-hb-tbl tr.is-now { background: var(--chqt-cream, #F6F6F6); font-weight: 700; }
.chqt-hb-list { margin: .7rem 0 .4rem; padding-left: 1.1rem; font-size: .92rem; line-height: 1.5; }
.chqt-hb-list li { margin-bottom: .4rem; }
.chqt-hb-doc { margin-top: .8rem; } .chqt-hb-doc p { margin: 0 0 .5rem; font-size: .9rem; }
@media (max-width: 460px) { .chqt[data-tool="hay-bale-weight-calculator"] .chqt-lede, .chqt-hb-more .chqt-opt { 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-hb-mini { display: none; }
@media (max-width: 859px) { .chqt-hb-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; } }