@media (min-width:64rem){.ideal{grid-template:"input result""limits result"1fr/minmax(0,1fr) minmax(0,1fr);align-items:start}.ideal__input{grid-area:input}.ideal__result{grid-area:result}.ideal__limits{grid-area:limits}}.ideal__systems,.ideal__segments{display:flex}.ideal__pair{gap:var(--space-4);display:grid}@media (min-width:40rem){.ideal__pair{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}}.ideal__number{min-block-size:3rem;font-family:"Literata Variable", var(--font-display);font-size:var(--text-lg);font-weight:500}.ideal__group{gap:var(--space-2);border:0;min-inline-size:0;margin:0;padding:0;display:grid}.ideal__group legend{margin-block-end:var(--space-2);padding:0}.ideal__pair .ideal__segments label{align-items:center;min-block-size:calc(3rem - 6px);display:flex}.ideal__feet{gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.ideal__suffixed{position:relative}.ideal__suffixed .input{padding-inline-end:var(--space-8)}.ideal__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)}.ideal__result{container:ideal-result/inline-size}.ideal__headline{gap:var(--space-1);padding:var(--space-3) var(--space-5) var(--space-2);display:grid}.ideal__headline-label{color:var(--ink-2);font-size:var(--text-sm)}.ideal__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}.ideal__result.is-solved .ideal__figure{color:var(--accent)}.ideal__empty{color:var(--ink-2);font-size:var(--text-md)}.ideal__figures{padding-block:var(--space-2) 0;grid-template-columns:1fr}.ideal__figures dd{text-align:end;white-space:nowrap}.ideal__notice{margin:var(--space-4) var(--space-5) 0;font-size:.875rem}.ideal__notice .icon{color:var(--accent);flex:none;margin-block-start:.125rem}.ideal__chart{padding:var(--space-5) var(--space-5) 0}.ideal__caption{color:var(--ink);padding-block-end:var(--space-2);font-size:.875rem;font-weight:600}.ideal__list{border-block-start:1px solid var(--sheet-rule);grid-template-columns:minmax(0,1fr) auto;margin:0;padding:0;font-size:.875rem;list-style:none;display:grid}@container ideal-result (width>=30rem){.ideal__list{grid-template-columns:minmax(0,3fr) minmax(0,2fr) auto}}.ideal__item{grid-column:1/-1;grid-template-columns:subgrid;gap:.125rem var(--space-4);padding:var(--space-3);border-block-end:1px solid var(--sheet-rule);align-items:baseline;display:grid}@supports not (grid-template-columns:subgrid){.ideal__item{grid-template-columns:minmax(0,1fr) 7.5rem}@container ideal-result (width>=30rem){.ideal__item{grid-template-columns:minmax(0,3fr) minmax(0,2fr) 7.5rem}}}.ideal__item--bmi{border-radius:var(--radius-sm);background:color-mix(in srgb, var(--accent-soft) 60%, var(--sheet));border-block-end:0}.ideal__item--axis{padding-block:var(--space-1) 0;border-block-end:0}.ideal__name{color:var(--ink);grid-area:1/1;font-weight:600}.ideal__value{color:var(--ink);font-family:"Literata Variable", var(--font-sans);white-space:nowrap;grid-area:1/2;justify-self:end;font-weight:600}.ideal__rule{color:var(--ink-3);font-size:var(--text-sm);text-align:start;text-wrap:pretty;unicode-bidi:plaintext;grid-area:2/1/3/-1}.ideal__track,.ideal__missing,.ideal__axis{grid-area:3/1/4/-1}.ideal__item--axis .ideal__axis{grid-row:1}.ideal__track{margin-block-start:var(--space-2)}.ideal__missing{color:var(--ink-3);font-size:var(--text-sm);margin-block-start:var(--space-1)}.ideal__item.is-undefined .ideal__value{color:var(--ink-3)}@container ideal-result (width>=30rem){.ideal__value{grid-area:1/3/3/4;align-self:center}.ideal__rule{grid-area:2/1}.ideal__track,.ideal__missing,.ideal__axis{grid-area:1/2/3/3;align-self:center;margin-block-start:0}}.ideal__track{block-size:1rem;display:block;position:relative}.ideal__track:before{content:"";background:var(--line);block-size:1px;position:absolute;inset-block-start:calc(50% - .5px);inset-inline:0}.ideal[data-state=empty] .ideal__track,.ideal[data-state=empty] .ideal__axis{visibility:hidden}.ideal__band,.ideal__span{inline-size:calc((var(--ideal-to,0) - var(--ideal-from,0)) * 100%);transition:inset-inline-start var(--duration-slow) var(--ease-out), inline-size var(--duration-slow) var(--ease-out);position:absolute;inset-inline-start:calc(var(--ideal-from,0) * 100%)}.ideal__band{background:color-mix(in srgb, var(--accent) 12%, var(--sheet));inset-block:0}.ideal__span{background:var(--accent);border-radius:3px;block-size:6px;inset-block-start:calc(50% - 3px)}.ideal__dot{background:var(--accent);block-size:10px;inline-size:10px;box-shadow:0 0 0 2px var(--sheet);transition:inset-inline-start var(--duration-slow) var(--ease-out);border-radius:50%;margin-inline-start:-5px;position:absolute;inset-block-start:calc(50% - 5px);inset-inline-start:calc(var(--ideal-pos,0) * 100%)}.ideal__axis{block-size:1rem;display:block;position:relative}.ideal__tick{color:var(--ink-3);font-size:var(--text-xs);line-height:1;position:absolute;inset-inline-start:calc(var(--ideal-pos,0) * 100%);transform:translate(-50%)}.ideal__note{padding:var(--space-3) var(--space-5) 0;color:var(--ink-3);font-size:var(--text-sm)}.ideal__source{padding:var(--space-4) var(--space-5) var(--space-5);color:var(--ink-3);font-size:var(--text-sm)}.ideal__bar{margin-block-start:auto}.ideal__limit-list{padding:var(--space-2) var(--space-5) 0;list-style:none;display:grid}.ideal__limit-list li{padding-block:var(--space-3);border-block-end:1px solid var(--sheet-rule);color:var(--ink-2);font-size:.875rem}.ideal__limit-list strong{color:var(--ink);font-weight:600}.ideal__disclaimer{padding:var(--space-3) var(--space-5) var(--space-5);color:var(--ink-3);font-size:var(--text-sm)}[dir=rtl] .ideal__tick{transform:translate(50%)}