/* Generated by tools/split-subpage-css.php. Edit assets/css/source/subpage-modern.full.css instead. */
.bmi-page-heading { margin-bottom: 30px; text-align: left; }
.bmi-page-heading .bmi-eyebrow { margin: 0 0 8px; color: #0f766e; font-size: .78rem; font-weight: 800; }
.bmi-page-heading h1 { margin-bottom: 12px; color: #172033; font-size: 2.15rem; line-height: 1.25; letter-spacing: 0; }
.bmi-page-heading > p:last-child { max-width: 760px; margin: 0; color: #5b687b; line-height: 1.75; }
.bmi-calculator { padding: 26px; border: 1px solid #d9e1eb; border-radius: 8px; background: #fff; }
.bmi-section-title { margin-bottom: 20px; color: #172033; font-size: 1.3rem; }
.bmi-workspace { display: grid; grid-template-columns: minmax(0, 1fr) minmax(260px, .9fr); gap: 24px; align-items: stretch; }
.bmi-input-panel { display: grid; gap: 16px; margin: 0; align-content: start; }
.bmi-field { display: grid; gap: 7px; margin: 0; color: #334155; font-size: .86rem; font-weight: 800; }
.bmi-input-unit { display: grid; grid-template-columns: minmax(0, 1fr) 52px; align-items: center; border: 1px solid #d5deea; border-radius: 7px; background: #fff; overflow: hidden; }
.bmi-input-unit input { width: 100%; min-width: 0; height: 50px; margin: 0; border: 0; border-radius: 0; background: transparent; color: #172033; }
.bmi-input-unit b { color: #6b7789; font-size: .8rem; text-align: center; }
.bmi-input-unit:focus-within { border-color: #0f766e; box-shadow: 0 0 0 3px rgba(15, 118, 110, .11); }
.bmi-error { min-height: 20px; margin: -3px 0 0; color: #b42318; font-size: .78rem; }
.bmi-actions { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 10px; }
.bmi-actions button { min-height: 48px; margin: 0; }
.bmi-actions .bmi-primary-button { background: #0f766e; color: #fff; }
.bmi-actions #bmi-reset { background: #e9eef4; color: #314158; }
.bmi-result-panel { display: flex; min-width: 0; padding: 22px; border: 1px solid #d8e4e2; border-radius: 8px; background: #f3f8f7; flex-direction: column; }
.bmi-result-label { margin: 0 0 4px; color: #60736f; font-size: .78rem; font-weight: 800; }
.bmi-result-panel > strong { color: #172033; font-size: 3rem; line-height: 1.1; }
.bmi-category { display: inline-flex; align-self: flex-start; margin: 10px 0 12px; padding: 5px 9px; border-radius: 5px; background: #dce7e5; color: #34534d; font-size: .76rem; font-weight: 800; }
.bmi-category.is-normal { background: #d9eee7; color: #08745d; }
.bmi-category.is-underweight { background: #e6edf5; color: #47627d; }
.bmi-category.is-pre-obesity { background: #fff0cc; color: #8a5a00; }
.bmi-category.is-obesity-class-1 { background: #fde5d4; color: #9a4d1c; }
.bmi-category.is-obesity-class-2, .bmi-category.is-obesity-class-3 { background: #f7dedc; color: #a33a32; }
.bmi-result-panel #bmi-status { margin: 0 0 17px; color: #586a67; font-size: .82rem; line-height: 1.6; }
.bmi-result-details { display: grid; gap: 0; margin: auto 0 0; border-top: 1px solid #d7e2e0; }
.bmi-result-details > div { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 12px; padding: 11px 0; border-bottom: 1px solid #dfe8e6; }
.bmi-result-details dt { color: #667671; font-size: .76rem; }
.bmi-result-details dd { margin: 0; color: #243b37; font-size: .78rem; font-weight: 800; text-align: right; }
.bmi-scale { position: relative; margin-top: 38px; padding-top: 28px; }
.bmi-scale-marker { position: absolute; top: 0; z-index: 2; width: 0; transform: translateX(-50%); transition: left .25s ease; }
.bmi-scale-marker::after { display: block; width: 2px; height: 29px; margin: 2px auto 0; background: #172033; content: ''; }
.bmi-scale-marker span { display: block; padding: 3px 6px; border-radius: 4px; background: #172033; color: #fff; font-size: .68rem; font-weight: 800; white-space: nowrap; transform: translateX(-50%); }
.bmi-scale-track { display: flex; width: 100%; height: 36px; border-radius: 6px; overflow: hidden; }
.bmi-scale-track span { display: flex; min-width: 0; align-items: center; justify-content: center; color: #243447; font-size: .64rem; font-weight: 800; text-align: center; }
.bmi-scale-track .is-underweight { flex: 3.5; background: #dbe6f0; }
.bmi-scale-track .is-normal { flex: 4.5; background: #cfe7df; }
.bmi-scale-track .is-pre-obesity { flex: 2; background: #f4e3ad; }
.bmi-scale-track .is-obesity-1 { flex: 5; background: #f2c9aa; }
.bmi-scale-track .is-obesity-2 { flex: 5; background: #e9aea6; }
.bmi-scale-track .is-obesity-3 { flex: 5; background: #d88f8a; }
.bmi-scale-values { display: flex; justify-content: space-between; margin-top: 6px; color: #788498; font-size: .65rem; }
.bmi-calculator-note { margin: 18px 0 0; padding-top: 15px; border-top: 1px solid #e2e7ee; color: #6b7789; font-size: .75rem; line-height: 1.65; }
.bmi-guide { margin-top: 44px; padding-top: 30px; border-top: 1px solid #dde4ed; }
.bmi-guide-heading h2 { margin-bottom: 10px; color: #172033; }
.bmi-guide-heading > p { max-width: 760px; margin: 0; color: #5c697c; line-height: 1.75; }
.bmi-table-wrap { width: 100%; margin-top: 24px; overflow-x: auto; border: 1px solid #dce3ec; border-radius: 8px; }
.bmi-classification-table { width: 100%; min-width: 620px; margin: 0; border-collapse: collapse; }
.bmi-classification-table caption { padding: 14px 16px; background: #f7f9fb; color: #26354a; font-size: .9rem; font-weight: 800; text-align: left; }
.bmi-classification-table th, .bmi-classification-table td { padding: 12px 14px; border-top: 1px solid #e2e7ee; text-align: left; vertical-align: middle; }
.bmi-classification-table th { background: #f1f5f8; color: #536176; font-size: .74rem; }
.bmi-classification-table td { color: #4c5a6d; font-size: .8rem; line-height: 1.55; }
.bmi-classification-table td:first-child { color: #26354a; font-weight: 800; white-space: nowrap; }
.bmi-guide-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 26px; margin-top: 22px; }
.bmi-guide-grid section { padding: 22px 0; border-bottom: 1px solid #e2e7ee; }
.bmi-guide-grid h3 { margin-bottom: 8px; color: #1f2c40; font-size: 1rem; }
.bmi-guide-grid p { margin: 0; color: #5f6d80; font-size: .88rem; line-height: 1.75; }
.bmi-disclaimer { margin: 24px 0 0; padding: 16px; border-left: 3px solid #0f766e; background: #f3f7f7; color: #59687a; font-size: .8rem; line-height: 1.7; }
@media screen and (max-width: 980px) {
.bmi-workspace { grid-template-columns: 1fr; }
}
@media screen and (max-width: 620px) {
.bmi-page-heading h1 { font-size: 1.75rem; }
.bmi-calculator { padding: 17px; }
.bmi-actions { grid-template-columns: 1fr; }
.bmi-scale-track span { font-size: 0; }
.bmi-guide-grid { grid-template-columns: 1fr; }
}