.bmi{--bmi-bands:3.5fr 6.5fr 5fr 5fr 5fr 5fr}@media (min-width:64rem){.bmi{grid-template:"input result""limits result"1fr/minmax(0,1fr) minmax(0,1fr);align-items:start}.bmi__input{grid-area:input}.bmi__result{grid-area:result}.bmi__limits{grid-area:limits}}.bmi__systems,.bmi__groups{display:flex}.bmi__pair{gap:var(--space-4);display:grid}@media (min-width:40rem){.bmi__pair{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}}.bmi__number{min-block-size:3rem;font-family:"Literata Variable", var(--font-display);font-size:var(--text-lg);font-weight:500}.bmi__height,.bmi__group{gap:var(--space-2);border:0;min-inline-size:0;margin:0;padding:0;display:grid}.bmi__height legend{margin-block-end:var(--space-2);padding:0}.bmi__feet{gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.bmi__suffixed{position:relative}.bmi__suffixed .input{padding-inline-end:var(--space-8)}.bmi__suffix{color:var(--ink-3);font-size:var(--text-sm);pointer-events:none;align-items:center;font-weight:600;display:flex;position:absolute;inset-block:0;inset-inline-end:var(--space-3)}.bmi__headline{gap:var(--space-1);padding:var(--space-3) var(--space-5) var(--space-4);display:grid}.bmi__value{gap:var(--space-2);flex-wrap:wrap;align-items:baseline;display:flex}.bmi__figure{color:var(--ink-3);font-family:"Literata Variable", var(--font-display);letter-spacing:-.02em;transition:color var(--duration) var(--ease-out);font-size:clamp(2rem,1.6rem + 1.6vw,2.5rem);font-weight:500;line-height:1.1}.bmi__result.is-solved .bmi__figure{color:var(--accent)}.bmi__per{color:var(--ink-3);font-size:var(--text-sm);font-weight:600}.bmi__verdict-label{color:var(--ink-2);font-size:var(--text-sm);margin-block-start:var(--space-2)}.bmi__verdict{color:var(--ink-2);font-size:var(--text-md)}.bmi__result.is-solved .bmi__verdict{color:var(--ink);font-size:var(--text-lg);font-weight:600;line-height:1.3}.bmi[data-group=child] .bmi__verdict{font-size:var(--text-md);font-weight:500}.bmi__gauge{gap:var(--space-2);margin-inline:var(--space-5);padding-block:var(--space-2) var(--space-1);display:grid;position:relative}.bmi__track,.bmi__ticks{grid-template-columns:var(--bmi-bands);gap:2px;display:grid}.bmi__band{background:color-mix(in srgb, var(--accent) 16%, var(--sheet));block-size:.5rem;transition:background-color var(--duration) var(--ease-out)}.bmi__band:first-child{border-start-start-radius:var(--radius-sm);border-end-start-radius:var(--radius-sm)}.bmi__band:last-child{border-start-end-radius:var(--radius-sm);border-end-end-radius:var(--radius-sm)}.bmi__band.is-current{background:var(--accent)}.bmi__marker{pointer-events:none;block-size:1.125rem;position:absolute;inset-block-start:calc(var(--space-2) - .3125rem);inset-inline:0}.bmi__needle{background:var(--ink);inline-size:4px;box-shadow:0 0 0 2px var(--sheet);transition:inset-inline-start var(--duration-slow) var(--ease-out);border-radius:2px;margin-inline-start:-2px;position:absolute;inset-block:0;inset-inline-start:calc(var(--bmi-pos,0) * 100%)}.bmi__tick{color:var(--ink-3);font-size:var(--text-xs);grid-row:1;justify-self:start;line-height:1;transform:translate(-50%)}.bmi__tick:first-child{grid-column:2}.bmi__tick:nth-child(2){grid-column:3}.bmi__tick:nth-child(3){grid-column:4}.bmi__tick:nth-child(4){grid-column:5}.bmi__tick:nth-child(5){grid-column:6}.bmi__table{margin:var(--space-4) var(--space-5) 0;inline-size:calc(100% - 2 * var(--space-5));border-collapse:collapse;font-size:.875rem}.bmi__table th,.bmi__table td{padding:var(--space-2) var(--space-3);border-block-end:1px solid var(--sheet-rule);text-align:start}.bmi__table thead th{color:var(--ink-2);font-size:var(--text-sm);font-weight:600}.bmi__table td{inline-size:9rem;color:var(--ink-2);font-family:"Literata Variable", var(--font-sans);white-space:nowrap}.bmi__table tbody th{font-weight:500}.bmi__table tbody tr:last-child>*{border-block-end:0}.bmi__table tr.is-current>*{background:var(--accent-soft);color:var(--ink);font-weight:650}.bmi__table tr.is-current>:first-child{border-start-start-radius:var(--radius-sm);border-end-start-radius:var(--radius-sm)}.bmi__table tr.is-current>:last-child{border-start-end-radius:var(--radius-sm);border-end-end-radius:var(--radius-sm)}.bmi__caption{color:var(--ink);text-align:start;padding-block-end:var(--space-2);font-size:.875rem;font-weight:600}.bmi__child{margin:var(--space-2) var(--space-5) 0;font-size:var(--text-sm)}.bmi__child .icon{color:var(--accent);flex:none;margin-block-start:.125rem}.bmi__figures{padding-block:var(--space-4) 0;grid-template-columns:1fr}.bmi__figures dd{text-align:end;white-space:nowrap}.bmi__how{gap:var(--space-1);padding:var(--space-4) var(--space-5) var(--space-5);display:grid}.bmi__how-label{color:var(--ink-2);font-size:var(--text-sm);font-weight:600}.bmi__formula{color:var(--ink);font-size:var(--text-sm);unicode-bidi:plaintext}.bmi__source{color:var(--ink-3);font-size:var(--text-sm)}.bmi__bar{margin-block-start:auto}.bmi__limit-list{padding:var(--space-2) var(--space-5) 0;list-style:none;display:grid}.bmi__limit-list li{padding-block:var(--space-3);border-block-end:1px solid var(--sheet-rule);color:var(--ink-2);font-size:.875rem}.bmi__limit-list strong{color:var(--ink);font-weight:600}.bmi__disclaimer{padding:var(--space-3) var(--space-5) var(--space-5);color:var(--ink-3);font-size:var(--text-sm)}[dir=rtl] .bmi__tick{transform:translate(50%)}