.bmi-section{--bmi-ink:#193B59;--bmi-muted:#4f6d82;background:linear-gradient(180deg,#F0F8FC 0%,#e3f2f9 48%,#C8E5F2 100%);color:var(--bmi-ink);padding:34px 0 32px;font-family:'Onest',Arial,sans-serif}
.bmi-container{width:min(1280px,calc(100% - 120px));margin:0 auto;border-top:1px solid #193b5927;padding-top:42px}
.bmi-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:90px;margin-bottom:37px}
.bmi-heading h2{font-size:37px;line-height:1.2;letter-spacing:-1.3px;font-weight:500;margin:14px 0 0}
.bmi-heading>p{max-width:360px;font-size:14px;line-height:1.85;color:var(--bmi-muted);margin:0 0 3px}
.bmi-layout{display:grid;grid-template-columns:340px 1fr;gap:55px;align-items:stretch}
.bmi-guide{padding:6px 0 0}
.bmi-guide>h3{font-weight:500;font-size:21px;letter-spacing:-.5px;line-height:1.4;margin:0 0 12px}
.bmi-guide>p{font-size:14px;line-height:1.85;color:var(--bmi-muted);margin:0}
.bmi-equation{display:flex;align-items:center;gap:18px;width:max-content;margin:21px 0 26px;font-size:20px;letter-spacing:-.5px}
.bmi-equation>span:first-child{font-weight:500}.bmi-equation>span:nth-child(2){font-size:18px;color:#67879c}
.bmi-fraction{display:flex;flex-direction:column;text-align:center;font-size:14px;line-height:1.4;letter-spacing:0}
.bmi-fraction>span{padding:5px 9px}.bmi-fraction>span:first-child{border-bottom:1px solid #193b5980}.bmi-fraction small{font-size:10px;color:#5d7d92}
.bmi-guide-facts{margin:0}.bmi-guide-facts>div{border-top:1px solid #193b5926;padding:17px 0 0;margin-top:16px}
.bmi-guide-facts dt{font-size:13px;line-height:1.55;font-weight:500;display:flex;gap:12px}.bmi-guide-facts dt>span{font-size:10px;letter-spacing:.6px;color:#65859a;padding-top:2px;min-width:15px}
.bmi-guide-facts dd{font-size:12px;line-height:1.85;color:var(--bmi-muted);margin:7px 0 0 27px}
.bmi-panel{display:grid;grid-template-columns:1fr 1.07fr;border:1px solid #193b5920;border-radius:12px;overflow:hidden;min-height:431px;box-shadow:0 12px 35px #193b5907;background:#fff}
.bmi-controls{padding:28px 29px 24px}.bmi-step{font-size:9px;letter-spacing:1.3px;line-height:1.6;font-weight:500;display:block}
.bmi-controls-heading h3{font-size:17px;line-height:1.45;font-weight:500;letter-spacing:-.4px;margin:9px 0 4px}.bmi-controls-heading p{font-size:11px;line-height:1.7;color:#617d90;margin:0}
.bmi-field{margin-top:27px}.bmi-field+.bmi-field{margin-top:24px}.bmi-field-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}
.bmi-field-heading>label{font-size:14px;font-weight:500;cursor:pointer}.bmi-number-wrap{display:flex;align-items:center;background:#F0F8FC;border:1px solid #193b591c;border-radius:6px;overflow:hidden;transition:border-color 180ms,box-shadow 180ms}
.bmi-number-wrap:focus-within{border-color:#193B59;box-shadow:0 0 0 3px #C8E5F280}.bmi-number-wrap>input{width:73px;border:0;background:transparent;font:500 18px/1.3 'Onest',Arial,sans-serif;color:#193B59;text-align:right;padding:9px 5px 9px 8px;appearance:textfield;-moz-appearance:textfield;outline:none!important}
.bmi-number-wrap>input::-webkit-inner-spin-button,.bmi-number-wrap>input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.bmi-number-wrap>span{font-size:11px;padding-right:10px;color:#5E778A}.bmi-number-wrap:has(input[aria-invalid=true]){border-color:#9D3737}
.bmi-range{display:block;appearance:none;-webkit-appearance:none;width:100%;height:4px;background:linear-gradient(to right,#193B59 0%,#193B59 var(--bmi-fill,50%),#E3EDF3 var(--bmi-fill,50%),#E3EDF3 100%);border:0;border-radius:8px;margin:0;cursor:pointer;accent-color:#193B59}
.bmi-range::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:#fff;border:4px solid #193B59;box-shadow:0 2px 5px #193b5924;transition:box-shadow 180ms}.bmi-range::-moz-range-thumb{width:11px;height:11px;border-radius:50%;background:#fff;border:4px solid #193B59}
.bmi-range:hover::-webkit-slider-thumb{box-shadow:0 0 0 5px #C8E5F270}.bmi-range:focus-visible{outline:2px solid #193B59;outline-offset:8px}.bmi-limits{display:flex;justify-content:space-between;margin-top:11px;font-size:10px;color:#607B8E}
.bmi-error{min-height:18px;font-size:11px;line-height:1.6;color:#8C3030;margin:12px 0 4px}.bmi-reset{padding:0;border:0;background:transparent;color:#3B617B;font:400 10px/1.5 'Onest',Arial,sans-serif;cursor:pointer;display:flex;align-items:center;gap:10px}.bmi-reset>svg{width:15px;height:15px;stroke:currentColor;stroke-width:1.2;fill:none;stroke-linecap:round;stroke-linejoin:round}.bmi-reset:hover{text-decoration:underline;text-underline-offset:4px}.bmi-reset:focus-visible{outline:2px solid #193B59;outline-offset:5px}
.bmi-result-panel{background:#193B59;color:#fff;padding:28px 30px 25px;display:flex;flex-direction:column;position:relative}.bmi-result-panel>.bmi-step{color:#C8E5F2}
.bmi-result{display:flex;align-items:baseline;gap:10px;margin:10px 0 11px;white-space:nowrap;min-height:77px}.bmi-result strong{font-size:68px;font-weight:400;letter-spacing:-3px;line-height:1.13;font-variant-numeric:tabular-nums}.bmi-unit{font-size:12px;color:#bbd6e5}
.bmi-category{font-size:18px;letter-spacing:-.35px;font-weight:500;line-height:1.4;margin:0}.bmi-category-range{display:block;font-size:11px;color:#b5d5e7;margin-top:5px}.bmi-context>p{font-size:12px;line-height:1.85;margin:13px 0 0;color:#d2e4ef;min-height:88px}.bmi-context[hidden]{display:none}
.bmi-scale{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin:23px 0 0;padding-top:9px;--bmi-band:2}
.bmi-scale>div{position:relative;border-top:3px solid #ffffff30;padding-top:10px;color:#b9d2e1;transition:color 260ms,border-color 260ms;min-width:0}.bmi-scale>div[aria-current=true]{color:#fff;border-color:#C8E5F2}
.bmi-scale>div>span{display:block;font-size:10px;white-space:nowrap}.bmi-scale small{display:block;font-size:8px;line-height:1.5;margin-top:3px;white-space:nowrap;color:#afcedf}
.bmi-scale-marker{position:absolute;top:0;left:calc((var(--bmi-band) + .5)*25%);height:5px;width:5px;border-radius:50%;background:#fff;transform:translateX(-50%);transition:left 360ms cubic-bezier(.22,1,.36,1),opacity 180ms}
.bmi-panel[data-bmi-invalid] .bmi-scale-marker{opacity:0}.bmi-disclaimer{font-size:9px;line-height:1.8;color:#bdd6e4;border-top:1px solid #ffffff21;padding-top:12px;margin:20px 0 0}
.bmi-footnote{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:20px;font-size:10px;line-height:1.7;color:#4e7087}.bmi-footnote p{margin:0}.bmi-footnote a{text-decoration:underline;text-underline-offset:3px}.bmi-footnote>p:last-child{display:flex;align-items:center;gap:6px}.bmi-footnote a:last-child{display:inline-flex;align-items:center;gap:5px}.bmi-footnote .icon{height:11px;width:11px}
.bmi-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.bmi-reset{min-height:32px;font-size:11px}
@media(prefers-reduced-motion:reduce){.bmi-section *{animation:none!important;transition:none!important}}
