.ki-bmi {
  --green:#176b4d; --green-dark:#0f4f39; --soft:#eaf5ef; --ink:#17251f; --muted:#5d6c65; --line:#dce7e1;
  background:#fff; border:1px solid var(--line); border-radius:18px; box-shadow:0 12px 34px rgba(16,70,49,.10);
  color:var(--ink); margin:2rem auto; max-width:760px; padding:clamp(1.25rem,4vw,2.25rem);
}
.ki-bmi__grid { display:grid; gap:1rem; grid-template-columns:repeat(2,minmax(0,1fr)); }
.ki-bmi label { display:block; font-weight:700; margin-bottom:.35rem; }
.ki-bmi input { border:1px solid #aebfb6; border-radius:10px; box-sizing:border-box; font:inherit; min-height:48px; padding:.65rem .8rem; width:100%; }
.ki-bmi input:focus { border-color:var(--green); box-shadow:0 0 0 3px rgba(23,107,77,.16); outline:0; }
.ki-bmi__unit { color:var(--muted); display:block; font-size:.92rem; margin-top:.25rem; }
.ki-bmi__actions { display:flex; flex-wrap:wrap; gap:.75rem; margin-top:1.2rem; }
.ki-bmi button { background:var(--green); border:2px solid var(--green); border-radius:999px; color:#fff; cursor:pointer; font:700 1rem/1.2 inherit; min-height:48px; padding:.7rem 1.25rem; }
.ki-bmi button:hover,.ki-bmi button:focus-visible { background:var(--green-dark); border-color:var(--green-dark); }
.ki-bmi button[type="reset"] { background:#fff; color:var(--green-dark); }
.ki-bmi__error { color:#a32222; font-weight:650; margin-top:1rem; }
.ki-bmi__result { background:var(--soft); border-left:5px solid var(--green); border-radius:12px; margin-top:1.5rem; padding:1rem 1.2rem; }
.ki-bmi__number { font-size:2rem; font-weight:800; }
.ki-bmi__disclaimer { border-top:1px solid var(--line); color:var(--muted); font-size:.94rem; margin-top:1.5rem; padding-top:1rem; }
@media(max-width:600px){.ki-bmi__grid{grid-template-columns:1fr}.ki-bmi__actions button{width:100%}}