/* mpg-calculator.css v2-r4 */

.mpg-tabs{display:flex;gap:.35rem;margin-bottom:.9rem;flex-wrap:wrap}
.mpg-tab{font-size:.73rem;padding:.32rem .7rem;border:1px solid var(--border);background:#f9fafb;cursor:pointer;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em}
.mpg-tab.active{background:var(--accent);color:#fff;border-color:var(--accent)}
.mpg-form{display:none}.mpg-form.active{display:block}
.mpg-result{margin-top:.9rem;padding:1rem;background:var(--accent-soft);border:1px solid rgba(37,99,235,.25)}
.mpg-main{font-size:2rem;font-weight:700;letter-spacing:-.03em;line-height:1;margin-bottom:.3rem}
.mpg-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.45rem;margin-top:.65rem}
@media(max-width:460px){.mpg-grid{grid-template-columns:1fr 1fr}}
.mpg-item{padding:.45rem .55rem;border:1px solid var(--border);background:#fff}
.mpg-lbl{font-size:.65rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:.15rem}
.mpg-val{font-size:.88rem;font-weight:600}