.interactive-card{border:2px solid var(--ink);box-shadow:5px 5px 0 var(--ink);background:#fff;border-radius:20px;margin:28px 0;padding:30px}.interactive-card .head{margin-bottom:22px}.interactive-card .head p{color:#444;margin:0}.module-tabs{flex-wrap:wrap;gap:8px;margin:16px 0;display:flex}.module-tabs button,.fit-legend button{font:inherit;border:2px solid var(--ink);background:var(--cream);color:var(--ink);cursor:pointer;border-radius:10px;min-height:44px;padding:10px 18px;font-weight:700}.module-tabs button[aria-pressed=true],.fit-legend button[aria-pressed=true]{background:var(--y);box-shadow:3px 3px 0 var(--ink)}.interactive-card button:focus-visible,.interactive-card input:focus-visible{outline:3px solid var(--red);outline-offset:4px}.fit-body{grid-template-columns:1fr 1.1fr;align-items:center;gap:32px;display:grid}.fit-body path{stroke:#9a9a92;stroke-width:2px;fill:#edede8;fill-opacity:.17;stroke-dasharray:6 5;stroke-linejoin:round}.fit-body path.selected{fill:var(--y);fill-opacity:.78;stroke:var(--ink);stroke-width:3px;stroke-dasharray:none}.fit-body g[aria-hidden=true]{display:none}.fit-legend{gap:12px;display:grid}.fit-legend button{text-align:left;white-space:normal}.fit-legend b,.fit-legend span{display:block}.fit-legend span{margin-top:4px;font-size:14px;font-weight:500}.weight-visual{grid-template-columns:1fr 1fr;align-items:center;gap:28px;min-height:200px;display:grid}.weight-visual svg{width:100%;max-height:230px;overflow:visible}.weight-visual path{stroke:var(--ink);stroke-width:3px;stroke-linejoin:round}.weight-visual g{transform-origin:50% 80px;transform:scaleY(var(--thickness,1));transition:transform .18s}.weight-number{font:900 clamp(26px,3.3vw,40px) Nunito,system-ui,sans-serif}.weight-visual p{margin:6px 0}.weight-control{margin:18px 4px 8px;display:block}.weight-control input,.wash-range{width:100%;accent-color:var(--ink);cursor:ew-resize;min-height:44px}.weight-stops{justify-content:space-between;gap:6px;font-size:13px;font-weight:700;display:flex}.interactive-ready [data-weight-fallback],[data-weight-mascot][hidden]{display:none}.interactive-card.compact{box-shadow:3px 3px 0 var(--ink);margin:22px 0;padding:18px}.compact .fit-body{gap:14px}.compact .fit-legend button{padding:9px}.compact .fit-legend span{font-size:12px}.compact .weight-visual{gap:12px;min-height:130px}.compact .weight-visual svg{max-height:145px}.compact .weight-number{font-size:26px}.compact .weight-visual p{font-size:13px}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.design-banner{background:var(--y);border:2px solid var(--ink);box-shadow:5px 5px 0 var(--ink);border-radius:18px;justify-content:space-between;align-items:center;gap:24px;margin-top:24px;margin-bottom:24px;padding:24px;display:flex}.design-banner p{max-width:760px;margin:0;font-weight:700}.design-entry{background:var(--y);border:2px solid var(--ink);max-width:460px;box-shadow:5px 5px 0 var(--ink);border-radius:14px;gap:4px;margin-top:22px;padding:16px 20px;text-decoration:none;display:grid}.design-entry small{letter-spacing:.1em;font-size:11px;font-weight:800}.design-entry strong{font:900 25px Nunito,system-ui,sans-serif}.design-entry span{font-size:14px}.wash-frame{aspect-ratio:3/2;border:2px solid var(--ink);background:var(--cream);--split:50%;border-radius:14px;margin-top:20px;position:relative;overflow:hidden}.wash-frame img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.wash-frame [data-wash-after]{clip-path:inset(0 0 0 var(--split))}.wash-divider{left:var(--split);background:var(--ink);pointer-events:none;width:3px;position:absolute;top:0;bottom:0;transform:translate(-50%)}.wash-divider:after{content:"↔";background:var(--y);border:2px solid var(--ink);border-radius:50%;place-items:center;width:46px;height:46px;font-size:24px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.wash-label{border:2px solid var(--ink);background:var(--cream);border-radius:8px;padding:5px 10px;font-size:14px;font-weight:800;position:absolute;top:12px}.wash-label.solid{left:12px}.wash-label.finish{right:12px}.wash-range{touch-action:pan-y;margin-top:12px;display:block}.wash-noscript-pairs{gap:20px;display:grid}.wash-noscript-pairs img{width:100%;height:auto}.interactive-ready .wash-noscript-pairs{display:none}@media (width<=600px){.interactive-card{margin:22px 0;padding:20px}.fit-body{grid-template-columns:1fr;gap:16px}.fit-body svg{max-height:270px}.fit-legend{gap:8px}.fit-legend button{padding:10px 12px}.weight-visual{grid-template-columns:1fr;gap:8px}.weight-visual svg{max-height:150px}.weight-visual>div{min-height:100px}.compact .fit-body{grid-template-columns:.8fr 1.2fr}.compact .weight-visual{grid-template-columns:1fr 1.2fr}.compact .weight-visual>div{min-height:90px}.design-banner{flex-direction:column;align-items:stretch}.design-banner .btn{align-self:flex-start}.weight-stops{font-size:11px}.wash-label{padding:4px 8px;font-size:12px}.wash-divider:after{width:38px;height:38px}}@media (prefers-reduced-motion:reduce){.weight-visual g{transition:none}}.fit-home{padding:0 0 45px}.fit-home .interactive-card{margin-top:0}.wash-frame{touch-action:pan-y}.wash-static-pair{grid-template-columns:1fr 1fr;gap:8px;display:grid}.wash-noscript-pairs figure{margin:20px 0}.wash-noscript-pairs figcaption{margin-bottom:10px;font-weight:800}.fit-static-tee{text-align:center;max-width:300px;margin:20px auto}.fit-static-tee svg{width:100%;max-height:280px}.fit-static-tee path{stroke:#92928c;stroke-width:2px;fill:#edede8;stroke-dasharray:6 5}.fit-static-tee path.selected{fill:var(--y);stroke:var(--ink);stroke-width:3px;stroke-dasharray:none}.interactive-card[id]{scroll-margin-top:135px}@media (width>=761px){.wash-compare{grid-template-columns:minmax(220px,.6fr) minmax(0,1.4fr);align-items:start;column-gap:32px;display:grid}.wash-compare>.head{grid-area:1/1;margin-bottom:12px}.wash-compare>.module-tabs{grid-area:2/1;align-self:start;justify-items:start;margin:0;display:grid}.wash-compare>.wash-frame{grid-area:1/2/span 2;margin:0}.wash-compare>.wash-range{grid-area:3/2;margin-bottom:0}.wash-compare>noscript{grid-column:1/-1}}.fit-body{grid-template-columns:.8fr 1.2fr;gap:32px}.fit-body svg{width:100%;max-height:420px}.fit-body .fit-shape,.fit-static-tee .fit-shape{fill:#edede8;fill-opacity:.08;stroke:#b0b0a8;stroke-width:2px;stroke-dasharray:7 6;stroke-linejoin:round}.fit-body .fit-detail,.fit-static-tee .fit-detail{fill:none;stroke:#b0b0a8;stroke-width:1.5px;stroke-dasharray:5 5;stroke-linecap:round;stroke-linejoin:round}.fit-body .fit-shoulder,.fit-static-tee .fit-shoulder{fill:#b0b0a8;stroke:none}.fit-body .selected .fit-shape,.fit-static-tee .selected .fit-shape{fill:var(--y);fill-opacity:1;stroke:var(--ink);stroke-width:3px;stroke-dasharray:none}.fit-body .selected .fit-detail,.fit-static-tee .selected .fit-detail{fill:none;stroke:var(--ink);stroke-width:1.7px;stroke-dasharray:none}.fit-body .selected .fit-shoulder,.fit-static-tee .selected .fit-shoulder{fill:var(--ink)}.compact .fit-body svg{max-height:280px}@media (width<=600px){.fit-body{grid-template-columns:1fr;gap:16px}.fit-body svg{max-height:360px}.compact .fit-body{grid-template-columns:.9fr 1.1fr}.compact .fit-body svg{max-height:240px}}