.tool-shell .bmi__block{margin-bottom:1.5rem}.tool-shell .bmi__block:last-of-type{margin-bottom:0}.tool-shell .bmi__head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.75rem;flex-wrap:wrap}.tool-shell .bmi__label{font-size:1rem;font-weight:700;color:var(--color-text-heading)}.tool-shell .bmi__toggle{display:inline-flex;background:var(--color-surface-muted);border:1px solid var(--color-border-input);border-radius:var(--radius-input);padding:.2rem}.tool-shell .bmi__seg{min-height:40px;padding:.35rem 1rem;border:0;background:transparent;cursor:pointer;font-size:.9rem;font-weight:600;color:var(--color-text-secondary);border-radius:calc(var(--radius-input) - .15rem);transition:.15s}.tool-shell .bmi__seg:hover{color:var(--color-text-heading)}.tool-shell .bmi__seg:focus-visible{outline:2px solid var(--color-primary-ring);outline-offset:2px}.tool-shell .bmi__seg.is-active{background:var(--color-primary);color:#fff;box-shadow:var(--shadow-card)}.tool-shell .bmi__field{margin-bottom:0}.tool-shell .bmi__imperial{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.tool-shell .bmi__result{margin-top:1.75rem;border-top:1px solid var(--color-border);padding-top:1.4rem}.tool-shell .bmi__headline{display:flex;align-items:baseline;gap:.85rem;flex-wrap:wrap}.tool-shell .bmi__value{font-size:clamp(2.2rem,7vw,3rem);font-weight:800;letter-spacing:-.02em;color:var(--color-primary);font-variant-numeric:tabular-nums;line-height:1}.tool-shell .bmi__cat{font-size:1.05rem;font-weight:700;padding:.25rem .7rem;border-radius:999px}.tool-shell .bmi__cat--under{color:#1d4ed8;background:#dbeafe}.tool-shell .bmi__cat--normal{color:#047857;background:#d1fae5}.tool-shell .bmi__cat--over{color:#b45309;background:#fef3c7}.tool-shell .bmi__cat--obese{color:#b91c1c;background:#fee2e2}.tool-shell .bmi__gauge{margin-top:1.4rem}.tool-shell .bmi__bar{position:relative;display:flex;height:14px;border-radius:999px;overflow:visible}.tool-shell .bmi__seg-fill{height:100%}.tool-shell .bmi__seg-fill:first-child{border-top-left-radius:999px;border-bottom-left-radius:999px}.tool-shell .bmi__seg-fill:last-of-type{border-top-right-radius:999px;border-bottom-right-radius:999px}.tool-shell .bmi__seg-fill--under{width:14%;background:#60a5fa}.tool-shell .bmi__seg-fill--normal{width:26%;background:#34d399}.tool-shell .bmi__seg-fill--over{width:20%;background:#fbbf24}.tool-shell .bmi__seg-fill--obese{width:40%;background:#f87171}.tool-shell .bmi__marker{position:absolute;top:50%;width:4px;height:26px;background:var(--color-text-heading);border:2px solid #fff;border-radius:3px;transform:translate(-50%,-50%);box-shadow:0 1px 3px #0000004d;transition:left .2s ease}.tool-shell .bmi__scale{display:flex;justify-content:space-between;margin-top:.4rem;font-size:.72rem;color:var(--color-text-muted);font-variant-numeric:tabular-nums}.tool-shell .bmi__hint{margin:1.4rem 0 0;font-size:.95rem;color:var(--color-text-muted)}.tool-shell .bmi__actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.4rem}.tool-shell .bmi__note{margin:.8rem 0 0;font-size:.84rem;color:#047857;font-weight:600}.tool-shell .bmi__catcolor--under{color:#1d4ed8}.tool-shell .bmi__catcolor--normal{color:#047857}.tool-shell .bmi__catcolor--over{color:#b45309}.tool-shell .bmi__catcolor--obese{color:#b91c1c}.tool-shell .bmi__tiles .tile__value{line-height:1.2}.tool-shell .bmi__legend{list-style:none;margin:0 0 1rem;padding:0}.tool-shell .bmi__legend li{display:flex;align-items:center;gap:.6rem;padding:.5rem 0;border-bottom:1px solid var(--color-border)}.tool-shell .bmi__legend li:last-child{border-bottom:0}.tool-shell .bmi__dot{width:.8rem;height:.8rem;border-radius:999px;flex:0 0 auto}.tool-shell .bmi__dot--under{background:#60a5fa}.tool-shell .bmi__dot--normal{background:#34d399}.tool-shell .bmi__dot--over{background:#fbbf24}.tool-shell .bmi__dot--obese{background:#f87171}.tool-shell .bmi__legkey{font-size:.9rem;color:var(--color-text-body);font-weight:600}.tool-shell .bmi__legval{margin-left:auto;font-size:.85rem;color:var(--color-text-muted);font-variant-numeric:tabular-nums}.tool-shell .bmi__about{margin-top:1.75rem}.tool-shell .bmi__about h2{font-size:1.25rem;font-weight:700;color:var(--color-text-heading);margin:0 0 .6rem}.tool-shell .bmi__about p{margin:0 0 .8rem;font-size:.95rem;color:var(--color-text-secondary)}.tool-shell .bmi__tips{margin:0;padding-left:1.1rem}.tool-shell .bmi__tips li{font-size:.92rem;color:var(--color-text-secondary);margin:.3rem 0}
