/* height-weight-converter.css v2-r4 */

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