.size-advisor-entry{display:inline-flex;align-items:center;gap:7px;padding:6px 0;min-height:40px;color:#59634e;font:10px Georgian,Arial,sans-serif;text-decoration:underline;text-underline-offset:4px;white-space:nowrap}.size-advisor-entry[hidden]{display:none}.size-advisor-entry svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.3}.size-advisor-entry:hover{color:#20211e}.size-advisor-entry:focus-visible{outline:2px solid #53664c;outline-offset:4px}
.size-advisor{--sa-paper:#fafaf8;--sa-ink:#20211e;--sa-line:#deded8;--sa-green:#53664c;color:var(--sa-ink);background:var(--sa-paper);font-family:Georgian,Arial,sans-serif;width:min(940px,calc(100% - 48px));max-width:none;max-height:94svh;padding:0;border:1px solid var(--sa-line);border-radius:2px;box-shadow:0 24px 100px #11170e30;overflow:hidden;overscroll-behavior:contain}.size-advisor::backdrop{background:#18201680;backdrop-filter:blur(5px)}.size-advisor [hidden]{display:none!important}.size-advisor button,.size-advisor input{font:inherit;color:inherit}.size-advisor button{cursor:pointer}.size-advisor button:disabled{opacity:.4;cursor:not-allowed}.size-advisor button:focus-visible,.size-advisor input:focus-visible{outline:2px solid var(--sa-green);outline-offset:3px}.sa-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 28px;border-bottom:1px solid var(--sa-line)}.sa-kicker{font:9px Arial;letter-spacing:2px;color:#7c8770;margin:0 0 8px}.sa-head h2{font-size:23px;font-weight:400;margin:0}.sa-close{width:44px;height:44px;border:1px solid var(--sa-line);background:transparent;font:26px Arial!important;flex-shrink:0}.sa-layout{display:grid;grid-template-columns:245px minmax(0,1fr);min-height:570px;max-height:calc(94svh - 99px)}.sa-product{padding:25px 24px;background:#f0f1eb;border-right:1px solid var(--sa-line);display:flex;flex-direction:column;justify-content:center;min-width:0}.sa-product>img{width:100%;height:230px;object-fit:contain;margin-bottom:20px}.sa-product p{font-size:15px;margin:0 0 7px}.sa-product small,.sa-product span{display:block;font-size:10px;line-height:1.9;color:#79816e}.sa-product .sa-disclaimer{font-size:10px;line-height:1.8;border-top:1px solid #d5dacd;padding-top:17px;margin-top:25px;color:#59634e}.sa-disclaimer span{font-size:9px}.sa-main{padding:22px 28px 24px;display:flex;flex-direction:column;min-height:0;min-width:0}.sa-progress{display:flex;gap:8px;margin-bottom:24px}.sa-progress button{background:none;border:0;border-top:2px solid #deded8;flex:1;min-height:35px;padding:8px 0;text-align:left;font-size:9px;color:#8a917f}.sa-progress button[aria-current="step"]{border-color:#53664c;color:#303d28}.sa-content{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:2px 4px 4px;margin:0 -4px;scrollbar-width:thin}.sa-content:focus{outline:none}.sa-content h3{font-size:22px;font-weight:400;line-height:1.6;letter-spacing:-.35px;margin:0 0 4px}.sa-intro{font-size:10px;color:#858c7a;line-height:1.8;margin:0 0 19px}.size-advisor fieldset{border:0;padding:0;margin:0;min-width:0}.size-advisor legend{font-size:11px;padding:0;margin-bottom:11px}.sa-chart legend{position:absolute;clip-path:inset(50%);height:1px;width:1px;overflow:hidden}.sa-segment{display:flex;border:1px solid var(--sa-line);background:#f3f4ee}.sa-segment button{flex:1;min-width:0;border:0;padding:9px 7px;min-height:42px;background:transparent;font-size:11px}.sa-segment button+button{border-left:1px solid var(--sa-line)}.sa-segment [aria-pressed="true"]{background:#53664c;color:#fff}.sa-chart small{display:block;font-size:9px;line-height:1.8;margin-top:6px;color:#8a917f}.sa-measure{margin-top:17px}.sa-measure-head{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:11px}.sa-unit{display:flex;gap:2px}.sa-unit button{background:transparent;border:1px solid transparent;min-width:36px;min-height:32px;padding:5px;font:10px Arial}.sa-unit button[aria-pressed="true"]{border-color:#b9c1af;background:#edf0e7}.sa-value{display:flex;align-items:baseline;gap:5px;margin:2px 0 3px;font:10px Arial;color:#818877}.sa-value>span:first-child{display:flex;align-items:baseline;gap:5px}.sa-value input{font:27px Arial;width:100px;border:0;border-bottom:1px solid transparent;background:transparent;padding:2px 0;outline-offset:0}.sa-value input[data-sa-number="feet"],.sa-value input[data-sa-number="inches"]{width:65px}.sa-value input[aria-invalid="true"]{border-color:#a14535;color:#a14535}.sa-slider{display:flex;align-items:center;gap:12px}.sa-slider button{width:36px;height:36px;border:1px solid var(--sa-line);border-radius:50%;background:transparent;font:19px Arial;flex-shrink:0}.sa-slider input{appearance:none;-webkit-appearance:none;flex:1;min-width:0;height:40px;margin:0;background:transparent;cursor:pointer;touch-action:pan-y}.sa-slider input::-webkit-slider-runnable-track{height:3px;background:linear-gradient(to right,#53664c var(--sa-fill,50%),#dbded4 var(--sa-fill,50%));border-radius:5px}.sa-slider input::-moz-range-track{height:3px;background:#dbded4}.sa-slider input::-moz-range-progress{height:3px;background:#53664c}.sa-slider input::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:17px;height:17px;border:3px solid #fafaf8;box-shadow:0 0 0 1px #53664c;border-radius:50%;background:#53664c;margin-top:-7px}.sa-slider input::-moz-range-thumb{width:12px;height:12px;border:3px solid #fafaf8;box-shadow:0 0 0 1px #53664c;border-radius:50%;background:#53664c}.sa-live{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--sa-line);padding-top:14px;margin-top:17px;font-size:10px}.sa-live small{display:block;font-size:9px;color:#8a917f;margin-top:4px}.sa-live strong{font:25px Arial;font-weight:400}.size-advisor .sa-shape{margin:25px 0}.sa-help{font-size:10px;line-height:1.9;color:#79816e;max-width:390px}.sa-fit-options{display:flex;flex-direction:column;gap:12px;margin-top:24px}.sa-fit-options button{display:flex;align-items:center;gap:16px;background:transparent;border:1px solid var(--sa-line);min-height:78px;padding:14px;text-align:left}.sa-fit-options [aria-pressed="true"]{background:#edf0e7;border-color:#8e9d81}.sa-fit-options strong{display:block;font-size:12px;font-weight:400}.sa-fit-options small{display:block;font-size:9px;color:#818877;margin-top:6px}.sa-fit-icon{font:22px Arial;color:#768769;width:45px;text-align:center}.sa-fit-check{margin-left:auto;visibility:hidden;color:#53664c}.sa-fit-options [aria-pressed="true"] .sa-fit-check{visibility:visible}.sa-actions{display:flex;align-items:center;gap:12px;border-top:1px solid var(--sa-line);margin-top:20px;padding-top:16px;flex-shrink:0}.sa-actions .primary{flex:1;justify-content:center;min-height:48px;font-size:11px}.sa-back{border:0;background:transparent;min-height:48px;font-size:11px;padding:6px 8px 6px 0}.sa-error{font-size:10px;color:#9b4536;line-height:1.8;margin:12px 0 0}.sa-result-heading{display:flex;justify-content:space-between;gap:12px;align-items:center}.sa-edit{border:0;background:transparent;font-size:9px!important;text-decoration:underline;text-underline-offset:3px;min-height:36px}.sa-ring{width:130px;height:130px;border:3px solid #53664c;border-radius:50%;margin:15px auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px}.sa-ring strong{font:44px Arial;font-weight:400;line-height:1}.sa-ring small{font-size:8px;color:#818877}.sa-ring.is-alternative{border-color:#a5ad9b}.sa-explanation{font-size:11px;line-height:1.9;text-align:center;margin:12px 0 8px}.sa-result-note{font-size:9px;line-height:1.8;color:#818877;text-align:center;margin:0 0 10px}.sa-alternatives{display:flex;justify-content:center;gap:7px;flex-wrap:wrap;margin:14px 0}.sa-alternatives button{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:45px;min-height:44px;padding:5px;border:1px solid var(--sa-line);background:transparent;font:13px Arial}.sa-alternatives button[aria-pressed="true"]{background:#53664c;color:#fff;border-color:#53664c}.sa-alternatives button:disabled{text-decoration:line-through}.sa-alternatives small{font:7px Georgian,Arial;margin-top:3px}.sa-area{margin-bottom:10px}.sa-area>div:first-child{display:flex;justify-content:space-between;gap:10px;align-items:baseline;font-size:10px}.sa-area strong{font-size:9px;font-weight:400;color:#79816e}.sa-meter{height:3px;background:linear-gradient(to right,#d9c8ba,#dce3d2 35%,#dce3d2 65%,#c8d1d8);position:relative;margin-top:8px}.sa-meter::before{content:'';position:absolute;width:1px;height:7px;top:-2px;left:50%;background:#a3ad98}.sa-meter i{position:absolute;width:7px;height:7px;top:-2px;border-radius:50%;background:#53664c;left:var(--sa-position);transform:translateX(-50%)}.sa-meter .tight{background:#a17a5a}.sa-meter .loose{background:#768795}.sa-source{font-size:8px;line-height:1.8;color:#8a917f;margin:12px 0 0}
@media(max-width:700px){.size-advisor{width:100%;max-height:100svh;height:100svh;margin:0;border:0;border-radius:0}.size-advisor[open]{display:flex;flex-direction:column}.sa-head{padding:max(14px,env(safe-area-inset-top)) 20px 14px;flex-shrink:0}.sa-head h2{font-size:21px}.sa-layout{display:flex;flex-direction:column;min-height:0;max-height:none;flex:1}.sa-product{flex-direction:row;align-items:center;justify-content:flex-start;gap:14px;padding:10px 20px;border-right:0;border-bottom:1px solid var(--sa-line);flex-shrink:0}.sa-product>img{width:42px;height:56px;margin:0}.sa-product>div{flex:1;min-width:0}.sa-product p{font-size:11px;margin:0 0 3px}.sa-product small,.sa-product span{font-size:8px;line-height:1.7}.sa-product .sa-disclaimer{display:none}.sa-main{padding:13px 20px max(15px,env(safe-area-inset-bottom));flex:1;min-height:0}.sa-progress{margin-bottom:13px}.sa-progress button{min-height:32px;font-size:8px}.sa-content h3{font-size:21px}.sa-intro{margin-bottom:13px;font-size:9px}.sa-measure{margin-top:12px}.sa-value input{font-size:26px}.sa-chart small{font-size:8px}.sa-live{margin-top:12px;padding-top:12px}.sa-actions{margin-top:14px;padding-top:12px}.size-advisor .sa-shape{margin:21px 0}.sa-fit-options{gap:10px;margin-top:20px}.sa-fit-options button{min-height:76px}.sa-ring{width:108px;height:108px;margin:10px auto}.sa-ring strong{font-size:37px}.sa-explanation{font-size:10px;margin-top:9px}.sa-result-heading h3{font-size:20px}.sa-edit{font-size:8px!important}.sa-result-note{font-size:8px}.sa-area{margin-bottom:9px}.sa-source{font-size:8px}.sa-result-heading{align-items:flex-start}.sa-alternatives{margin:11px 0}.sa-slider button{width:40px;height:40px}.sa-unit button{min-height:36px}.size-advisor-entry{font-size:10px}}
@media(prefers-reduced-motion:reduce){.size-advisor *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
.size-advisor .primary{color:#fff}
.sa-mobile-note{display:none!important}
@media(max-width:700px){.sa-product .sa-mobile-note{display:block!important;color:#59634e}}
.sa-ring small{max-width:95px;text-align:center;line-height:1.5}
@media(min-width:701px){.size-advisor[open]{height:min(760px,94svh);display:flex;flex-direction:column}.sa-layout{flex:1;min-height:0;max-height:none}}
@media(min-width:701px){.sa-ring{margin:12px auto}}
/* One continuous vector figure; metric profile values drive local body geometry. */
.sa-measure-layout,.sa-shape-layout{display:grid;grid-template-columns:104px minmax(0,1fr);gap:20px;align-items:center}
.sa-measure-controls,.sa-shape-controls{min-width:0}
.sa-body-slot{min-width:0;display:flex;align-items:center;justify-content:center}
.sa-body-visual{width:100%;margin:0;pointer-events:none;text-align:center;color:#7a8470;user-select:none}
.sa-body-svg{display:block;width:100%;height:220px;overflow:visible}
.sa-body-contours{fill:#f6f7f1;stroke:#65735b;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round}
.sa-body-contours>*{vector-effect:non-scaling-stroke}
.sa-body-ground{fill:none;stroke:#d5dbcf;stroke-width:1;vector-effect:non-scaling-stroke}
.sa-body-visual figcaption{font-size:8px;line-height:1.7;max-width:95px;margin:7px auto 0;color:#89917f}
.sa-shape-layout .sa-body-svg{height:265px}
@media(max-width:700px){.sa-measure-layout,.sa-shape-layout{grid-template-columns:84px minmax(0,1fr);gap:14px}.sa-body-svg{height:220px}.sa-shape-layout .sa-body-svg{height:245px}.sa-measure-layout .sa-slider{gap:8px}.sa-measure-layout .sa-slider button{width:36px;height:40px}.sa-measure-layout .sa-value input[data-sa-number="feet"],.sa-measure-layout .sa-value input[data-sa-number="inches"]{width:53px}.sa-body-visual figcaption{font-size:7px;max-width:80px}.sa-shape-layout .sa-segment button{padding:9px 4px;font-size:10px}.sa-shape-layout .sa-help{font-size:9px}.sa-shape-layout .sa-shape{margin:21px 0}}
@media(max-width:350px){.sa-measure-layout,.sa-shape-layout{grid-template-columns:64px minmax(0,1fr);gap:10px}.sa-measure-layout .sa-slider{gap:6px}.sa-measure-layout .sa-slider button{width:32px}}