.tools-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.85fr);gap:20px;align-items:start}
.tool-panel{margin-top:0}
.tool-panel h3{font-size:19px;margin-bottom:6px}
.tool-description{color:var(--muted);font-size:14px;line-height:1.7;margin:0 0 18px}
.tool-form{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:12px;align-items:end;margin:0}
.tool-form .primary{height:43px}
.bmi-form{grid-template-columns:repeat(2,minmax(0,1fr))}
.bmi-form .primary{grid-column:1/-1;width:100%}
.age-field-hidden{display:none!important}
.standard-result,.bmi-result{margin-top:18px}
.standard-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
.standard-heading h4{margin:0;font-size:17px}
.standard-heading span{color:var(--muted);font-size:13px}
.standard-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.metric-card{border:1px solid var(--line);border-radius:11px;padding:14px;background:#f8fbfa}
.metric-card h5{margin:0 0 11px;font-size:15px}
.metric-values{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.metric-values div{padding:10px 8px;border-radius:8px;background:#fff;text-align:center;border:1px solid #e7eeec}
.metric-values small{display:block;color:var(--muted);font-size:12px;margin-bottom:5px}
.metric-values strong{font-size:18px;color:var(--green)}
.standard-notice{border-radius:10px;padding:13px 15px;background:#fff6e8;color:#7d5721;line-height:1.65;font-size:14px}
.source-note{margin-top:12px;color:var(--muted);font-size:12px;line-height:1.65}
.source-note a{color:var(--green)}
.bmi-output{border-radius:12px;padding:18px;background:#edf7f3;border:1px solid #cfe5dd}
.bmi-output strong{font-size:31px;color:var(--green)}
.bmi-output .bmi-status{font-size:20px;font-weight:700;margin-left:12px}
.bmi-output p{margin:8px 0 0;color:var(--muted)}
.bmi-scale{display:grid;grid-template-columns:repeat(4,1fr);margin-top:13px;border:1px solid var(--line);border-radius:9px;overflow:hidden}
.bmi-scale div{padding:9px 5px;text-align:center;font-size:12px;background:#fff;border-right:1px solid var(--line)}
.bmi-scale div:last-child{border-right:0}
.bmi-scale b{display:block;margin-bottom:3px;font-size:13px}
@media(max-width:900px){.tools-grid{grid-template-columns:1fr}.tool-form{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.tool-form,.bmi-form,.standard-metrics{grid-template-columns:1fr}.bmi-form .primary{grid-column:auto}.metric-values{grid-template-columns:repeat(3,1fr)}}