/* water-intake-calculator.css v2-r4 */

.water-result{margin-top:.9rem;padding:1rem;background:var(--accent-soft);border:1px solid rgba(37,99,235,.25)}
.water-main{font-size:2.5rem;font-weight:700;letter-spacing:-.04em;line-height:1;margin-bottom:.2rem;color:#0ea5e9}
.water-sub{font-size:.82rem;color:var(--text-muted);margin-bottom:.75rem}
.water-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.45rem}
@media(max-width:460px){.water-grid{grid-template-columns:1fr 1fr}}
.water-item{padding:.45rem .55rem;border:1px solid var(--border);background:#fff}
.water-lbl{font-size:.65rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:.15rem}
.water-val{font-size:.88rem;font-weight:600}
.water-cups{display:flex;flex-wrap:wrap;gap:.2rem;margin-top:.75rem}
.water-cup{font-size:1.1rem;opacity:.25}
.water-cup.full{opacity:1}
.water-disclaimer{font-size:.72rem;color:var(--text-muted);margin-top:.75rem;padding:.5rem .65rem;border:1px solid var(--border);background:#f9fafb}