/* Engagement Rate Calculator (ROADMAP-Calcs-PinPin.md PP16) — the network's fields, the rate with its sum, the other rates
   with each network's own words. Everything else is the core stylesheet. */
.er-group { border: 0; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 12px; min-width: 0; }
.er-group[hidden] { display: none; }
.er-group legend { font-weight: 700; margin-bottom: 4px; padding: 0; }
.er-formula { margin: 0; font-size: .95rem; color: var(--chqt-muted, #4c4658); overflow-wrap: anywhere; }
.er-warn { margin: .3rem 0 0; padding: .5rem .7rem; border-left: 4px solid #b26b00; background: #fff; border-radius: 8px; font-size: .95rem; }
.er-rates { list-style: none; margin: .4rem 0 0; padding: 0; }
.er-rates li { padding: .4rem 0; border-top: 1px solid var(--chqt-line, #ddd5e6); }
.er-rates li:first-child { border-top: 0; }
.chqt .er-says { display: block; font-size: .9rem; color: var(--chqt-muted, #4c4658); font-style: italic; margin-top: .15rem; }
.er-wider { margin: .3rem 0 0; font-size: .95rem; }
/* the answer on the first phone screen (Tool DoD 1): below the core's 860px two-column breakpoint the result comes BEFORE
   the network and its five fields — the answer, then the working */
@media (max-width: 859px) { .er > .chqt-result { order: -1; } }