/* A measure summary between weight and the next quiz question. */
.bmi-screen{padding-top:30px}.bmi-screen>.stage{display:block;min-height:calc(100svh - 215px)}.bmi-screen .stage-heading h1{font-size:34px;line-height:1.13}.bmi-screen .stage-heading>p:last-child{font-size:14px;line-height:1.5;margin:15px auto 0;color:#666}.bmi-value-card{padding:25px 22px 20px;border:1px solid #dedede;border-radius:7px;background:#f7f7f7;text-align:center;margin:27px 0 18px;animation:bmi-panel .5s var(--ease) both}.bmi-value-card>p:first-child{font-size:14px;color:#666;line-height:1.5}.bmi-value{display:flex;gap:7px;align-items:baseline;justify-content:center;margin:13px 0 12px;line-height:1;color:#111}.bmi-value #bmi-number{font-size:62px;font-weight:800;letter-spacing:-2.4px;min-width:180px;font-variant-numeric:tabular-nums}.bmi-band-result{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:5px;font-size:12px;color:#555;line-height:1.5;margin-top:17px}.bmi-band-result strong{color:#111}.bmi-band-result>span{display:grid;place-items:center;width:17px;height:17px;border-radius:50%;background:#111;color:#fff;margin-right:2px}.bmi-band-result svg{width:11px;height:11px}
.bmi-categories{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;padding:0;margin:0}.bmi-category{position:relative;min-width:0;min-height:143px;padding:15px 5px 25px;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;border:1px solid #eee;border-radius:4px;background:#fff;animation:bmi-panel .45s var(--ease) calc(var(--index)*80ms) both;transition:border-color .25s,background .25s}.bmi-category.is-current{border-color:#111;background:#fafafa;box-shadow:inset 0 0 0 .5px #111}.bmi-orb{position:relative;display:block;width:35px;height:35px;border-radius:50%;flex-shrink:0;background:var(--band-color);box-shadow:inset -2px -3px 0 #0000000c;animation:bmi-orb .6s var(--ease) calc(120ms + var(--index)*100ms) both}.bmi-orb::after{content:'';position:absolute;top:5px;left:6px;width:13px;height:9px;border-radius:50%;border-top:3px solid #ffffff9e;transform:rotate(-32deg)}.bmi-category>strong{font-size:12px;line-height:1.25;font-weight:700;min-height:30px;display:flex;align-items:center;justify-content:center}.bmi-category>span:last-of-type{font-size:10px;line-height:1.35;color:#777}.bmi-category>small{position:absolute;bottom:7px;font-size:9px;line-height:1;font-weight:700;color:#111}.bmi-spectrum{position:relative;display:flex;height:7px;gap:4px;margin:18px 2px 0}.bmi-spectrum>span:not(.bmi-pointer){flex:1;display:block;min-width:0;background:var(--band-color);border-radius:3px}.bmi-spectrum .bmi-pointer{position:absolute;top:-6px;left:0%;width:3px;height:19px;background:#111;border-radius:2px;transform:translateX(-50%);transition:left 1.4s cubic-bezier(.2,.75,.2,1)}.bmi-pointer::before{content:'';position:absolute;left:-3px;top:-5px;border-left:4.5px solid transparent;border-right:4.5px solid transparent;border-top:5px solid #111}.bmi-note{font-size:11px;line-height:1.6;color:#777;text-align:center;margin:25px 4px 28px}.bmi-note a{color:inherit;text-underline-offset:2px}.bmi-screen .btn{width:100%;margin-top:0}
@keyframes bmi-panel{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes bmi-orb{0%{opacity:0;transform:scale(.5)}70%{opacity:1;transform:scale(1.08)}100%{opacity:1;transform:scale(1)}}
@media(max-width:680px){.bmi-screen{padding-top:25px}.bmi-screen .stage-heading h1{font-size:28px;letter-spacing:-1px}.bmi-screen .stage-heading>p:last-child{font-size:13px;margin-top:12px}.bmi-value-card{padding:21px 14px 18px;margin-top:23px}.bmi-value-card>p:first-child{font-size:13px}.bmi-value #bmi-number{font-size:54px;min-width:156px}.bmi-categories{gap:5px}.bmi-category{padding:12px 3px 23px;min-height:139px;gap:9px}.bmi-orb{width:31px;height:31px}.bmi-category>strong{font-size:10px;min-height:26px}.bmi-category>span:last-of-type{font-size:9px}.bmi-category>small{font-size:8px}.bmi-band-result{font-size:11px}.bmi-note{font-size:10px;margin-top:24px;margin-bottom:24px}}
@media(max-width:359px){.bmi-screen .stage-heading h1{font-size:25px}.bmi-category>strong{font-size:9px}.bmi-category>span:last-of-type{font-size:8px}.bmi-orb{width:29px;height:29px}.bmi-value #bmi-number{font-size:49px;min-width:142px}}
@media(prefers-reduced-motion:reduce){.bmi-value-card,.bmi-category,.bmi-orb{animation:none}.bmi-spectrum .bmi-pointer{transition:none}}