/* A stack of drawers: closed by default, with the answer directly beneath its handle. */
.symptom-cloud.symptom-drawers{position:relative;display:flex;flex-direction:column;gap:10px;min-height:0;margin:30px 0 0;max-width:520px}
.symptom-drawer{position:relative;border-radius:29px;background:var(--cream);box-shadow:2px 5px 12px #62513e12;overflow:hidden}
.symptom-drawers .symptom{position:relative;inset:auto!important;transform:none!important;display:flex;width:100%;max-width:none;align-items:center;justify-content:space-between;gap:14px;border:0;border-radius:999px;padding:16px 23px!important;margin:0;box-shadow:none;font-size:18px;background:var(--orange);color:var(--cream);text-align:left;line-height:1.4}
.symptom-drawers .symptom span{font-size:25px;line-height:1;font-weight:500;transition:transform .3s;flex:none}
.symptom-drawers .symptom:hover{background:#df6827}
.symptom-drawers .symptom:focus-visible{outline:3px solid var(--deep);outline-offset:-5px}
.symptom-drawer.is-open .symptom span{transform:rotate(45deg)}
.symptom-panel{display:grid;grid-template-rows:0fr;visibility:hidden;transition:grid-template-rows .35s ease,visibility .35s}
.symptom-panel>div{overflow:hidden;min-height:0}
.symptom-panel p{padding:20px 23px 24px;font-size:16px;line-height:1.8}
.symptom-drawer.is-open .symptom-panel{grid-template-rows:1fr;visibility:visible}
.symptom-explainer{min-height:0;max-width:520px;margin-top:20px;font-size:14px;line-height:1.8}
.body-copy{align-self:start}
.anatomy-companion-wrap{position:relative;min-width:0;margin-right:58px;align-self:center}
.anatomy-companion-wrap .anatomy-area{margin-left:0;margin-right:0}
.kel-destination{position:absolute;right:-100px;bottom:-26px;width:clamp(175px,17vw,225px);aspect-ratio:1/1.08;pointer-events:none}
.kel-travel-layer{position:fixed;inset:0;z-index:8;overflow:clip;pointer-events:none}
.kel-companion{position:absolute;top:0;left:0;pointer-events:none;will-change:transform;width:1px;max-width:none;transform-origin:0 0;display:none}
.hero-kel.kel-travel-origin{animation:none!important}
.product-stage:not(.model-engaged)>.product-model{visibility:hidden;opacity:0;pointer-events:none}
.product-stage.model-ready:not(.model-engaged)>.product-main{visibility:visible}
.product-stage.model-engaged>.product-main{visibility:hidden}
.product-stage>.product-model{transition:opacity .24s ease}
.product-stage:not(.model-engaged)>.product-main{z-index:20}
.model-drag-area{touch-action:pan-y}
@media(max-width:1100px) and (min-width:651px){.anatomy-companion-wrap{margin-right:42px}.kel-destination{right:-95px;width:165px}.symptom-drawers .symptom{font-size:16px!important;padding:14px 18px!important}}
@media(max-width:650px){.symptom-cloud.symptom-drawers{gap:9px}.symptom-drawers .symptom{font-size:15px!important;padding:15px 19px!important}.symptom-panel p{font-size:15px;padding:17px 19px 22px}.anatomy-companion-wrap{margin:0 52px 45px 20px}.anatomy-companion-wrap .anatomy-area{margin:65px 0 20px;min-height:465px}.kel-destination{width:150px;right:-69px;bottom:-18px}.anatomy-companion-wrap .anatomy-image{width:100%}.anatomy-companion-wrap .anatomy-caption{font-size:18px}.anatomy-companion-wrap .anatomy-area>p{font-size:13px}}
@media(prefers-reduced-motion:reduce){.symptom-panel,.symptom span,.product-model{transition:none!important}}
