.tn-bmi-page,
.tn-bmi-page * { box-sizing: border-box; min-width: 0; }

.tn-bmi-page { --bmi-ink:#1a1208; --bmi-muted:#5a4a30; --bmi-line:#b8a888; --bmi-soft-line:#ddd4be; --bmi-paper:#faf6ee; --bmi-wash:#f5efdf; --bmi-button:#ede6d4; --bmi-button-hover:#dfd4bb; --bmi-accent:#c44a00; --bmi-good:#2f6f4e; --bmi-warn:#9a5a12; --bmi-high:#9d2f1d; --bmi-primary-bg:#1a1208; --bmi-primary-hover:#342412; --bmi-primary-text:#fff7e8; --bmi-secondary-bg:#ede6d4; --bmi-secondary-hover:#dfd4bb; --bmi-secondary-text:#1a1208; width:min(1180px, calc(100vw - 10px)); margin:0 auto; color:var(--bmi-ink); -webkit-text-fill-color:var(--bmi-ink); font-family:Georgia,"Times New Roman",serif; }

.tn-bmi-tool { margin: 22px auto 12px; padding: 12px; border: 1px solid var(--bmi-line); border-top: 2px solid var(--bmi-ink); background: linear-gradient(90deg, rgba(184,168,136,.16) 1px, transparent 1px) 0 0/18px 18px, var(--bmi-paper); }

.tn-bmi-tool ul,
.tn-bmi-tool ol,
.tn-bmi-tool li { list-style:none; margin:0; padding-left:0; }

.tn-bmi-workspace { display:grid; grid-template-columns: minmax(0, 1.02fr) minmax(330px, .98fr); gap: 10px; align-items:stretch; }

.tn-bmi-input,
.tn-bmi-result { display:flex; flex-direction:column; gap:9px; min-height:100%; padding:12px; border:1px solid var(--bmi-line); background:rgba(255,251,242,.72); }

.tn-bmi-pane-label { margin:0; padding:0 0 6px; border-bottom:1px solid var(--bmi-soft-line); color:var(--bmi-muted); -webkit-text-fill-color:var(--bmi-muted); font:700 12px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace; letter-spacing:.02em; }

.tn-bmi-choice { display:grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap:6px; align-items:stretch; width:100%; margin:0; padding:0; border:0; }
.tn-bmi-choice legend { grid-column:1 / -1; display:flex; align-items:center; margin:0; padding:0; color:var(--bmi-muted); -webkit-text-fill-color:var(--bmi-muted); font:700 12px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace; }
.tn-bmi-choice label { display:flex; align-items:center; justify-content:center; min-height:38px; width:100%; padding:7px 8px; border:1px solid var(--bmi-line); background:var(--bmi-wash); color:var(--bmi-ink); -webkit-text-fill-color:var(--bmi-ink); font:700 13px/1.15 ui-monospace,SFMono-Regular,Menlo,monospace; cursor:pointer; }
.tn-bmi-choice input { position:absolute; opacity:0; pointer-events:none; }
.tn-bmi-choice label:hover { background:var(--bmi-button-hover); color:var(--bmi-ink); -webkit-text-fill-color:var(--bmi-ink); }
.tn-bmi-choice label:has(input:checked) { background:var(--bmi-primary-bg); color:var(--bmi-primary-text); -webkit-text-fill-color:var(--bmi-primary-text); border-color:var(--bmi-primary-bg); }
.tn-bmi-choice label:has(input:checked):hover { background:var(--bmi-primary-hover); color:var(--bmi-primary-text); -webkit-text-fill-color:var(--bmi-primary-text); border-color:var(--bmi-primary-hover); }
.tn-bmi-choice label:has(input:focus-visible) { outline:2px solid var(--bmi-accent); outline-offset:2px; }

.tn-bmi-fields { display:grid; grid-template-columns: repeat(2, minmax(126px, 1fr)); gap:8px; }
.tn-bmi-fields[hidden] { display:none !important; }
.tn-bmi-fields[data-unit-panel="imperial"] { grid-template-columns: repeat(3, minmax(96px, 1fr)); }
.tn-bmi-field { display:grid; grid-template-columns: 1fr 50px; grid-template-rows:auto 38px; align-items:stretch; gap:4px 0; color:var(--bmi-ink); -webkit-text-fill-color:var(--bmi-ink); }
.tn-bmi-field span { grid-column:1 / -1; color:var(--bmi-muted); -webkit-text-fill-color:var(--bmi-muted); font:700 12px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace; }
.tn-bmi-field input { width:100%; height:38px; margin:0; padding:6px 8px; border:1px solid var(--bmi-line); border-right:0; border-radius:0; background:#fffaf0; color:var(--bmi-ink); -webkit-text-fill-color:var(--bmi-ink); font:800 15px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace; outline:0; }
.tn-bmi-field b { display:flex; align-items:center; justify-content:center; height:38px; border:1px solid var(--bmi-line); border-left:0; border-bottom:1px solid var(--bmi-line); border-right:1px solid var(--bmi-line); background:var(--bmi-button); color:var(--bmi-muted); -webkit-text-fill-color:var(--bmi-muted); font:800 12px/1 ui-monospace,SFMono-Regular,Menlo,monospace; }
.tn-bmi-field input:focus-visible { border-color:var(--bmi-accent); box-shadow: inset 0 0 0 1px var(--bmi-accent); }

.tn-bmi-actions { display:grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap:6px; width:100%; }
.tn-bmi-actions button { display:flex; align-items:center; justify-content:center; width:100%; min-height:40px; height:40px; margin:0; padding:8px 9px; border-radius:0; border:1px solid var(--bmi-line); box-shadow:none; font:800 12px/1.1 ui-monospace,SFMono-Regular,Menlo,monospace; text-align:center; cursor:pointer; outline:0; }
.tn-bmi-primary { background:var(--bmi-primary-bg); color:var(--bmi-primary-text); -webkit-text-fill-color:var(--bmi-primary-text); border-color:var(--bmi-primary-bg); }
.tn-bmi-primary:hover,
.tn-bmi-primary:focus-visible { background:var(--bmi-primary-hover); color:var(--bmi-primary-text); -webkit-text-fill-color:var(--bmi-primary-text); border-color:var(--bmi-primary-hover); }
.tn-bmi-secondary { background:var(--bmi-secondary-bg); color:var(--bmi-secondary-text); -webkit-text-fill-color:var(--bmi-secondary-text); border-color:var(--bmi-line); }
.tn-bmi-secondary:hover,
.tn-bmi-secondary:focus-visible { background:var(--bmi-secondary-hover); color:var(--bmi-secondary-text); -webkit-text-fill-color:var(--bmi-secondary-text); }
.tn-bmi-actions button:focus-visible { outline:2px solid var(--bmi-accent); outline-offset:2px; }
.tn-bmi-actions button:disabled { opacity:.55; cursor:not-allowed; }

.tn-bmi-status { min-height:28px; margin:0; padding:7px 9px; border:1px dashed var(--bmi-line); background:var(--bmi-wash); color:var(--bmi-muted); -webkit-text-fill-color:var(--bmi-muted); font:700 12px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace; }
.tn-bmi-status.is-error { border-color:var(--bmi-high); color:var(--bmi-high); -webkit-text-fill-color:var(--bmi-high); }

.tn-bmi-range { display:flex; flex-direction:column; gap:6px; padding:8px; border:1px solid var(--bmi-soft-line); background:var(--bmi-paper); }
.tn-bmi-range__track { position:relative; display:grid; grid-template-columns: 22fr 24fr 16fr 38fr; min-height:30px; border:1px solid var(--bmi-line); background:var(--bmi-wash); overflow:visible; }
.tn-bmi-range__track span { display:block; min-height:28px; border-right:1px solid rgba(26,18,8,.18); }
.tn-bmi-range__track span:last-of-type { border-right:0; }
.tn-bmi-range__track span b { display:block; width:100%; height:100%; }
.tn-bmi-range__track [data-range-segment="under"] b { background:#d9c2a0; }
.tn-bmi-range__track [data-range-segment="normal"] b { background:#b6d6ae; }
.tn-bmi-range__track [data-range-segment="elevated"] b { background:#e3c277; }
.tn-bmi-range__track [data-range-segment="high"] b { background:#d6907f; }
.tn-bmi-range__track i { position:absolute; top:4px; bottom:4px; left:22%; width:24%; border:1px solid rgba(26,18,8,.55); background:rgba(250,246,238,.28); pointer-events:none; }
.tn-bmi-range__track mark { position:absolute; left:0; top:-6px; width:0; height:42px; overflow:visible; background:transparent; color:var(--bmi-ink); -webkit-text-fill-color:var(--bmi-ink); }
.tn-bmi-range__track mark::before { content:""; position:absolute; left:-1px; top:0; bottom:0; width:2px; background:var(--bmi-accent); }
.tn-bmi-range__track mark em { position:absolute; left:50%; bottom:-18px; transform:translateX(-50%); padding:2px 5px; border:1px solid var(--bmi-accent); background:var(--bmi-paper); color:var(--bmi-ink); -webkit-text-fill-color:var(--bmi-ink); font:800 11px/1 ui-monospace,SFMono-Regular,Menlo,monospace; font-style:normal; white-space:nowrap; }
.tn-bmi-range__legend { display:grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap:4px; margin-top:14px; }
.tn-bmi-range__legend span { color:var(--bmi-muted); -webkit-text-fill-color:var(--bmi-muted); font:800 10px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:center; }
.tn-bmi-range p { margin:0; color:var(--bmi-muted); -webkit-text-fill-color:var(--bmi-muted); font:700 11px/1.25 ui-monospace,SFMono-Regular,Menlo,monospace; overflow-wrap:anywhere; }

.tn-bmi-score-card { display:grid; grid-template-columns: auto 1fr; gap:4px 10px; align-items:end; padding:12px; border:1px solid var(--bmi-line); background:#fffaf0; }
.tn-bmi-score-card span { color:var(--bmi-muted); -webkit-text-fill-color:var(--bmi-muted); font:800 12px/1 ui-monospace,SFMono-Regular,Menlo,monospace; }
.tn-bmi-score-card strong { grid-row:2; font:900 clamp(42px, 7vw, 68px)/.9 Georgia,"Times New Roman",serif; letter-spacing:-.05em; color:var(--bmi-ink); -webkit-text-fill-color:var(--bmi-ink); }
.tn-bmi-score-card em { grid-column:2; grid-row:1 / span 2; justify-self:end; align-self:center; max-width:190px; padding:8px 10px; border:1px solid var(--bmi-line); background:var(--bmi-wash); color:var(--bmi-muted); -webkit-text-fill-color:var(--bmi-muted); font:800 13px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace; font-style:normal; text-align:center; }
.tn-bmi-score-card em[data-tone="normal"] { color:var(--bmi-good); -webkit-text-fill-color:var(--bmi-good); border-color:var(--bmi-good); }
.tn-bmi-score-card em[data-tone="caution"] { color:var(--bmi-warn); -webkit-text-fill-color:var(--bmi-warn); border-color:var(--bmi-warn); }
.tn-bmi-score-card em[data-tone="high"] { color:var(--bmi-high); -webkit-text-fill-color:var(--bmi-high); border-color:var(--bmi-high); }

.tn-bmi-empty { padding:12px; border:1px dashed var(--bmi-line); background:var(--bmi-wash); color:var(--bmi-muted); -webkit-text-fill-color:var(--bmi-muted); font:700 13px/1.35 ui-monospace,SFMono-Regular,Menlo,monospace; }
.tn-bmi-result-list { display:grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap:6px; margin:0; }
.tn-bmi-result-list div { padding:8px; border:1px solid var(--bmi-soft-line); background:var(--bmi-paper); }
.tn-bmi-result-list div:nth-child(1), .tn-bmi-result-list div:nth-child(5) { grid-column:1 / -1; }
.tn-bmi-result-list dt { margin:0 0 3px; color:var(--bmi-muted); -webkit-text-fill-color:var(--bmi-muted); font:700 11px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace; }
.tn-bmi-result-list dd { margin:0; color:var(--bmi-ink); -webkit-text-fill-color:var(--bmi-ink); font:800 13px/1.3 ui-monospace,SFMono-Regular,Menlo,monospace; overflow-wrap:anywhere; }
.tn-bmi-disclaimer { margin:auto 0 0; padding:8px 9px; border-left:2px solid var(--bmi-accent); background:var(--bmi-wash); color:var(--bmi-muted); -webkit-text-fill-color:var(--bmi-muted); font:700 12px/1.35 ui-monospace,SFMono-Regular,Menlo,monospace; }
.tn-bmi-reference-strip { display:grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap:6px; }
.tn-bmi-reference-strip span { padding:6px 7px; border:1px solid var(--bmi-soft-line); background:var(--bmi-button); color:var(--bmi-muted); -webkit-text-fill-color:var(--bmi-muted); font:800 11px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace; text-align:center; }

body[data-scheme="dark"] .tn-bmi-page,
body[data-scheme="inverse"] .tn-bmi-page,
body[data-scheme="auto"][data-l="dark"] .tn-bmi-page,
body[data-scheme="auto"][data-d="dark"] .tn-bmi-page,
html[data-scheme="dark"] body:not([data-scheme="light"]) .tn-bmi-page { --bmi-ink:#f7ead1; --bmi-muted:#d8c49e; --bmi-line:#826744; --bmi-soft-line:#5c4931; --bmi-paper:#21170f; --bmi-wash:#2a1d13; --bmi-button:#2f2115; --bmi-button-hover:#3a2a1b; --bmi-accent:#e08a45; --bmi-good:#9ed6ad; --bmi-warn:#edc06d; --bmi-high:#efa18e; --bmi-primary-bg:#6a3b1f; --bmi-primary-hover:#824826; --bmi-primary-text:#f7ead1; --bmi-secondary-bg:#2f2115; --bmi-secondary-hover:#3a2a1b; --bmi-secondary-text:#f7ead1; color:var(--bmi-ink); -webkit-text-fill-color:var(--bmi-ink); }
body[data-scheme="dark"] .tn-bmi-tool,
body[data-scheme="inverse"] .tn-bmi-tool,
body[data-scheme="auto"][data-l="dark"] .tn-bmi-tool,
body[data-scheme="auto"][data-d="dark"] .tn-bmi-tool,
html[data-scheme="dark"] body:not([data-scheme="light"]) .tn-bmi-tool { background:linear-gradient(90deg, rgba(130,103,68,.18) 1px, transparent 1px) 0 0/18px 18px, var(--bmi-paper); }
body[data-scheme="dark"] .tn-bmi-input,
body[data-scheme="dark"] .tn-bmi-result,
body[data-scheme="inverse"] .tn-bmi-input,
body[data-scheme="inverse"] .tn-bmi-result,
body[data-scheme="auto"][data-l="dark"] .tn-bmi-input,
body[data-scheme="auto"][data-l="dark"] .tn-bmi-result,
body[data-scheme="auto"][data-d="dark"] .tn-bmi-input,
body[data-scheme="auto"][data-d="dark"] .tn-bmi-result,
html[data-scheme="dark"] body:not([data-scheme="light"]) .tn-bmi-input,
html[data-scheme="dark"] body:not([data-scheme="light"]) .tn-bmi-result { background:#20160e; }
body[data-scheme="dark"] .tn-bmi-field input,
body[data-scheme="dark"] .tn-bmi-score-card,
body[data-scheme="inverse"] .tn-bmi-field input,
body[data-scheme="inverse"] .tn-bmi-score-card,
body[data-scheme="auto"][data-l="dark"] .tn-bmi-field input,
body[data-scheme="auto"][data-l="dark"] .tn-bmi-score-card,
body[data-scheme="auto"][data-d="dark"] .tn-bmi-field input,
body[data-scheme="auto"][data-d="dark"] .tn-bmi-score-card,
html[data-scheme="dark"] body:not([data-scheme="light"]) .tn-bmi-field input,
html[data-scheme="dark"] body:not([data-scheme="light"]) .tn-bmi-score-card { background:#19110b; color:#f7ead1; -webkit-text-fill-color:#f7ead1; }
body[data-scheme="dark"] .tn-bmi-actions button,
body[data-scheme="inverse"] .tn-bmi-actions button,
body[data-scheme="auto"][data-l="dark"] .tn-bmi-actions button,
body[data-scheme="auto"][data-d="dark"] .tn-bmi-actions button,
html[data-scheme="dark"] body:not([data-scheme="light"]) .tn-bmi-actions button { border-color:#826744; }
body[data-scheme="dark"] .tn-bmi-primary,
body[data-scheme="inverse"] .tn-bmi-primary,
body[data-scheme="auto"][data-l="dark"] .tn-bmi-primary,
body[data-scheme="auto"][data-d="dark"] .tn-bmi-primary,
html[data-scheme="dark"] body:not([data-scheme="light"]) .tn-bmi-primary { background:#6a3b1f; color:#f7ead1; -webkit-text-fill-color:#f7ead1; border-color:#6a3b1f; }
body[data-scheme="dark"] .tn-bmi-primary:hover,
body[data-scheme="dark"] .tn-bmi-primary:focus-visible,
body[data-scheme="inverse"] .tn-bmi-primary:hover,
body[data-scheme="inverse"] .tn-bmi-primary:focus-visible,
body[data-scheme="auto"][data-l="dark"] .tn-bmi-primary:hover,
body[data-scheme="auto"][data-l="dark"] .tn-bmi-primary:focus-visible,
body[data-scheme="auto"][data-d="dark"] .tn-bmi-primary:hover,
body[data-scheme="auto"][data-d="dark"] .tn-bmi-primary:focus-visible,
html[data-scheme="dark"] body:not([data-scheme="light"]) .tn-bmi-primary:hover,
html[data-scheme="dark"] body:not([data-scheme="light"]) .tn-bmi-primary:focus-visible { background:#824826; color:#f7ead1; -webkit-text-fill-color:#f7ead1; border-color:#824826; }
body[data-scheme="dark"] .tn-bmi-secondary,
body[data-scheme="inverse"] .tn-bmi-secondary,
body[data-scheme="auto"][data-l="dark"] .tn-bmi-secondary,
body[data-scheme="auto"][data-d="dark"] .tn-bmi-secondary,
html[data-scheme="dark"] body:not([data-scheme="light"]) .tn-bmi-secondary { background:#2f2115; color:#f7ead1; -webkit-text-fill-color:#f7ead1; border-color:#826744; }
body[data-scheme="dark"] .tn-bmi-secondary:hover,
body[data-scheme="dark"] .tn-bmi-secondary:focus-visible,
body[data-scheme="inverse"] .tn-bmi-secondary:hover,
body[data-scheme="inverse"] .tn-bmi-secondary:focus-visible,
body[data-scheme="auto"][data-l="dark"] .tn-bmi-secondary:hover,
body[data-scheme="auto"][data-l="dark"] .tn-bmi-secondary:focus-visible,
body[data-scheme="auto"][data-d="dark"] .tn-bmi-secondary:hover,
body[data-scheme="auto"][data-d="dark"] .tn-bmi-secondary:focus-visible,
html[data-scheme="dark"] body:not([data-scheme="light"]) .tn-bmi-secondary:hover,
html[data-scheme="dark"] body:not([data-scheme="light"]) .tn-bmi-secondary:focus-visible { background:#3a2a1b; color:#f7ead1; -webkit-text-fill-color:#f7ead1; border-color:#826744; }
body[data-scheme="dark"] .tn-bmi-choice label,
body[data-scheme="inverse"] .tn-bmi-choice label,
body[data-scheme="auto"][data-l="dark"] .tn-bmi-choice label,
body[data-scheme="auto"][data-d="dark"] .tn-bmi-choice label,
html[data-scheme="dark"] body:not([data-scheme="light"]) .tn-bmi-choice label { background:#2f2115; color:#f7ead1; -webkit-text-fill-color:#f7ead1; border-color:#826744; }
body[data-scheme="dark"] .tn-bmi-choice label:hover,
body[data-scheme="inverse"] .tn-bmi-choice label:hover,
body[data-scheme="auto"][data-l="dark"] .tn-bmi-choice label:hover,
body[data-scheme="auto"][data-d="dark"] .tn-bmi-choice label:hover,
html[data-scheme="dark"] body:not([data-scheme="light"]) .tn-bmi-choice label:hover { background:#3a2a1b; color:#f7ead1; -webkit-text-fill-color:#f7ead1; border-color:#826744; }
body[data-scheme="dark"] .tn-bmi-choice label:has(input:checked),
body[data-scheme="inverse"] .tn-bmi-choice label:has(input:checked),
body[data-scheme="auto"][data-l="dark"] .tn-bmi-choice label:has(input:checked),
body[data-scheme="auto"][data-d="dark"] .tn-bmi-choice label:has(input:checked),
html[data-scheme="dark"] body:not([data-scheme="light"]) .tn-bmi-choice label:has(input:checked) { background:#6a3b1f; color:#f7ead1; -webkit-text-fill-color:#f7ead1; border-color:#6a3b1f; }
body[data-scheme="dark"] .tn-bmi-choice label:has(input:checked):hover,
body[data-scheme="dark"] .tn-bmi-choice label:has(input:focus-visible),
body[data-scheme="inverse"] .tn-bmi-choice label:has(input:checked):hover,
body[data-scheme="inverse"] .tn-bmi-choice label:has(input:focus-visible),
body[data-scheme="auto"][data-l="dark"] .tn-bmi-choice label:has(input:checked):hover,
body[data-scheme="auto"][data-l="dark"] .tn-bmi-choice label:has(input:focus-visible),
body[data-scheme="auto"][data-d="dark"] .tn-bmi-choice label:has(input:checked):hover,
body[data-scheme="auto"][data-d="dark"] .tn-bmi-choice label:has(input:focus-visible),
html[data-scheme="dark"] body:not([data-scheme="light"]) .tn-bmi-choice label:has(input:checked):hover,
html[data-scheme="dark"] body:not([data-scheme="light"]) .tn-bmi-choice label:has(input:focus-visible) { background:#824826; color:#f7ead1; -webkit-text-fill-color:#f7ead1; border-color:#824826; }
body[data-scheme="dark"] .tn-bmi-range,
body[data-scheme="inverse"] .tn-bmi-range,
body[data-scheme="auto"][data-l="dark"] .tn-bmi-range,
body[data-scheme="auto"][data-d="dark"] .tn-bmi-range,
html[data-scheme="dark"] body:not([data-scheme="light"]) .tn-bmi-range { background:#19110b; }
body[data-scheme="dark"] .tn-bmi-range__track span,
body[data-scheme="inverse"] .tn-bmi-range__track span,
body[data-scheme="auto"][data-l="dark"] .tn-bmi-range__track span,
body[data-scheme="auto"][data-d="dark"] .tn-bmi-range__track span,
html[data-scheme="dark"] body:not([data-scheme="light"]) .tn-bmi-range__track span { border-right-color:rgba(247,234,209,.2); }
body[data-scheme="dark"] .tn-bmi-range__track i,
body[data-scheme="inverse"] .tn-bmi-range__track i,
body[data-scheme="auto"][data-l="dark"] .tn-bmi-range__track i,
body[data-scheme="auto"][data-d="dark"] .tn-bmi-range__track i,
html[data-scheme="dark"] body:not([data-scheme="light"]) .tn-bmi-range__track i { border-color:rgba(247,234,209,.72); background:rgba(33,23,15,.38); }
body[data-scheme="dark"] .tn-bmi-range__track mark em,
body[data-scheme="inverse"] .tn-bmi-range__track mark em,
body[data-scheme="auto"][data-l="dark"] .tn-bmi-range__track mark em,
body[data-scheme="auto"][data-d="dark"] .tn-bmi-range__track mark em,
html[data-scheme="dark"] body:not([data-scheme="light"]) .tn-bmi-range__track mark em { background:#21170f; color:#f7ead1; -webkit-text-fill-color:#f7ead1; }

@media (max-width: 720px) {
  .tn-bmi-tool { margin-top:18px; padding:8px; }
  .tn-bmi-workspace { grid-template-columns:1fr; gap:8px; }
  .tn-bmi-input, .tn-bmi-result { padding:9px; gap:8px; }
  .tn-bmi-choice { grid-template-columns:1fr 1fr; }
  .tn-bmi-fields { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .tn-bmi-fields[data-unit-panel="imperial"] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .tn-bmi-actions { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .tn-bmi-actions button { min-height:40px; height:40px; font-size:11px; padding:7px 6px; }
  .tn-bmi-score-card strong { font-size:46px; }
  .tn-bmi-result-list { grid-template-columns:1fr; }
  .tn-bmi-result-list div:nth-child(1), .tn-bmi-result-list div:nth-child(5) { grid-column:auto; }
}

@media (max-width: 380px) {
  .tn-bmi-field { grid-template-columns:1fr 42px; }
}