/* Scoped to the homepage bike explorer; no changes to store controls. */
.ride-studio{--rs-ink:#173e32;--rs-muted:#65756d;--rs-line:#dce0d6;--rs-orange:#c54d21;padding:28px 18px 0;background:#f5f2ea;color:var(--rs-ink);font-family:Arial,sans-serif}
.ride-studio *{box-sizing:border-box}.ride-studio button,.ride-studio a{-webkit-tap-highlight-color:transparent}.ride-studio button{font-family:inherit;cursor:pointer}.rs-shell{max-width:1080px;margin:auto;overflow:hidden;border:1px solid #d9ddd3;border-radius:20px;background:#fcfcf8;box-shadow:0 14px 38px #1c3c2910}
.rs-header{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:26px 28px 19px}.rs-kicker{margin:0 0 8px;color:var(--rs-orange);font-size:9px;letter-spacing:.18em;font-weight:800}.rs-header h2{margin:0;color:var(--rs-ink);font-family:Arial,sans-serif;font-size:31px;line-height:1.1;font-weight:700;letter-spacing:-1.1px}.rs-intro{margin:0;font-size:12px;line-height:1.65;color:var(--rs-muted)}
.rs-types{display:flex;gap:5px;padding:0 28px 20px}.rs-types button{min-height:40px;padding:10px 22px;border:1px solid #d9dfd5;border-radius:8px;background:transparent;color:#526358;font-size:12px;font-weight:700;transition:background .18s,color .18s}.rs-types button[aria-pressed=true]{background:#164a38;color:#fff;border-color:#164a38;box-shadow:0 3px 8px #173e321c}
.rs-workspace{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(260px,1fr);border-top:1px solid var(--rs-line)}.rs-visual{position:relative;min-width:0;background:radial-gradient(ellipse at 48% 35%,#fff 0%,#f3f4eb 52%,#e4e9dd 100%)}.rs-scene-label{display:flex;justify-content:space-between;gap:15px;padding:22px 24px 0;font-size:9px;font-weight:700;letter-spacing:.04em;color:#5d7165}.rs-scene-label>span:last-child{font-size:7px;letter-spacing:.15em;color:#7b8a7c}.rs-bike{display:block;width:100%;height:auto;aspect-ratio:900/490;overflow:visible}.rs-ground{stroke:#bcc9b8;stroke-width:1}.rs-tyre{fill:none;stroke:#202a25;stroke-width:9}.rs-tread{fill:none;stroke:#0e1b12;stroke-width:3;stroke-dasharray:3 4;opacity:0}.rs-sidewall{fill:none;stroke:#9b967b;stroke-width:2.4;opacity:.85}.rs-rim{fill:none;stroke:#34423a;stroke-width:9}.rs-rim-edge{fill:none;stroke:#6c7c70;stroke-width:1;opacity:.6}.rs-wheel-spokes{fill:none;stroke:#6f8172;stroke-width:.85;opacity:.8}.rs-rotor{fill:none;stroke:#9aa99d;stroke-width:5}.rs-rotor-cut{fill:none;stroke:#64766b;stroke-width:4;stroke-dasharray:3 7}.rs-hub{fill:url(#rs-metal);stroke:#aab5ac;stroke-width:1}.rs-axle{fill:#c3cec4}.rs-frame-brand{font:700 13px Arial,sans-serif;letter-spacing:3px;fill:#e8f0e9;text-anchor:middle;dominant-baseline:middle}.rs-geo{fill:none;stroke:#cf5225;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.rs-geo-label{fill:#a93912;stroke:#f4f6ec;stroke-width:4;paint-order:stroke;font:700 16px Arial,sans-serif;text-anchor:middle}.rs-geo [data-rs-part=geo-clearance]{stroke-dasharray:4 4}
.rs-visual-controls{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:0 23px 20px}.rs-colours{display:flex;align-items:center;gap:8px}.rs-colours button{width:23px;height:23px;min-width:23px;padding:0;border:3px solid #f2f5ed;border-radius:50%;background:var(--swatch);box-shadow:0 0 0 1px #bac7b6}.rs-colours button[aria-pressed=true]{box-shadow:0 0 0 2px #224c36}.rs-colours span{font-size:9px;color:#576b5c;margin-left:4px}.rs-tour{display:flex;align-items:center;gap:6px;padding:7px 0;border:0;background:transparent;color:#284d39;white-space:nowrap;font-size:10px;font-weight:700}.rs-tour>span{font-size:17px;line-height:1}.rs-tour[aria-pressed=true]{color:#a53d19}
.rs-story{padding:30px 26px;background:#fffefa;display:flex;flex-direction:column;justify-content:center;border-left:1px solid var(--rs-line)}.rs-story-index{font-size:8px;font-weight:800;letter-spacing:.16em;color:var(--rs-orange)}.rs-story h3{margin:14px 0 12px;font:700 27px/1.1 Arial,sans-serif;letter-spacing:-.8px;color:var(--rs-ink)}.rs-story p{margin:0;font-size:12px;line-height:1.65;color:#647369}.rs-story ul{display:grid;gap:9px;margin:19px 0 24px;padding:0;list-style:none}.rs-story li{display:flex;align-items:center;gap:8px;font-size:10px;line-height:1.3;color:#395546}.rs-story li::before{content:'';width:4px;height:4px;border-radius:50%;background:#d35e2e;flex-shrink:0}.rs-shop{display:flex;justify-content:space-between;gap:12px;align-items:center;padding-top:12px;border-top:1px solid var(--rs-line);color:#174b37!important;text-decoration:none;font-size:12px;font-weight:700}.rs-shop span{color:#bd4920;font-size:18px}
.ride-studio details>summary{list-style:none;cursor:pointer}.ride-studio details>summary::-webkit-details-marker{display:none}.rs-explain{border-top:1px solid var(--rs-line);background:#fafbf5}.rs-explain>summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 26px;color:#294936;font-size:12px;font-weight:700}.rs-explain>summary small{margin-left:12px;font-size:10px;font-weight:400;color:#778273}.rs-explain>summary>b{font-size:20px;font-weight:400;line-height:1}.rs-explain[open]>summary>b{transform:rotate(45deg)}.rs-explain-body{padding:0 26px 20px}.rs-metrics{display:flex;flex-wrap:wrap;gap:6px;border-top:1px solid #e0e4d9;padding-top:15px}.rs-metrics button{min-height:34px;padding:8px 13px;border:1px solid #d9dfd2;border-radius:6px;background:#fffefa;font-size:10px;font-weight:700;color:#53614f}.rs-metrics button[aria-pressed=true]{background:#e9efe2;border-color:#4d6e44;color:#193e28}.rs-lesson{padding:15px 0 0;max-width:740px}.rs-lesson h4{font:700 15px/1.35 Arial,sans-serif;color:#25442f;margin:0 0 7px}.rs-lesson p{font-size:12px;line-height:1.65;color:#5b695b;margin:0}.rs-lesson .rs-tip{margin-top:8px;padding-left:10px;border-left:2px solid #cf6b41;color:#52634e;font-size:11px}.ride-studio .rs-fit-note{font-size:9px;line-height:1.6;color:#768071;margin:14px 0 0;max-width:740px}.rs-sources{margin-top:12px}.rs-sources summary{font-size:10px;text-decoration:underline;color:#5a6c50;padding:6px 0}.rs-sources p{font-size:10px;line-height:1.6;color:#68765e}.rs-sources a{display:inline-block;margin:0 14px 8px 0;color:#48653a;font-size:10px;text-underline-offset:3px}
.ride-studio button:focus-visible,.ride-studio summary:focus-visible,.ride-studio a:focus-visible{outline:3px solid #d16c37;outline-offset:4px}.ride-studio noscript p{padding:0 20px 16px}
@media(hover:hover){.rs-types button:not([aria-pressed=true]):hover{background:#e8eee2}.rs-shop:hover{color:#b54820!important}.rs-metrics button:hover{border-color:#67815b}.rs-explain>summary:hover{background:#f1f4e9}}
@media(min-width:700px){.ride-studio{padding:30px 5% 0}}
@media(max-width:800px){.rs-workspace{grid-template-columns:1fr}.rs-story{border-left:0;border-top:1px solid var(--rs-line);padding:20px 24px}.rs-story h3{font-size:24px;margin:9px 0}.rs-story ul{display:flex;flex-wrap:wrap;gap:7px 15px;margin:13px 0 17px}.rs-story li{font-size:10px}.rs-story p{max-width:540px}.rs-scene-label{padding-top:17px}.rs-bike{max-height:360px}.rs-header{padding:22px 23px 18px}.rs-header h2{font-size:28px}.rs-intro{font-size:10px}.rs-types{padding:0 23px 17px}.rs-types button{flex:1;padding:10px 8px}.rs-visual-controls{padding-bottom:18px}}
@media(max-width:480px){.ride-studio{padding:20px 14px 0}.rs-shell{border-radius:16px}.rs-header{display:block;padding:20px 17px 15px}.rs-kicker{font-size:8px}.rs-header h2{font-size:27px;letter-spacing:-.8px}.rs-intro{margin-top:9px;font-size:11px}.rs-intro br{display:none}.rs-intro br::after{content:' '}.rs-types{padding:0 14px 15px;gap:4px}.rs-types button{font-size:10px;min-height:38px;padding:9px 5px}.rs-scene-label{padding:15px 16px 0;font-size:8px}.rs-scene-label>span:last-child{font-size:6px}.rs-bike{margin:7px 0 4px}.rs-visual-controls{padding:0 17px 17px;gap:8px}.rs-colours{gap:7px}.rs-colours button{width:22px;height:22px;min-width:22px}.rs-colours span{display:none}.rs-tour{font-size:9px}.rs-story{padding:18px 17px}.rs-story h3{font-size:22px}.rs-story p{font-size:11px}.rs-story ul{gap:7px 12px;margin:12px 0 15px}.rs-story li{font-size:9px}.rs-explain>summary{padding:16px 17px;font-size:11px}.rs-explain>summary small{display:block;margin:4px 0 0;font-size:9px}.rs-explain-body{padding:0 17px 17px}.rs-metrics{gap:5px}.rs-metrics button{font-size:10px;padding:8px 11px}.rs-lesson h4{font-size:14px}.rs-lesson p{font-size:11px}.rs-lesson .rs-tip{font-size:10px}.rs-shop{font-size:11px}}
@media(prefers-reduced-motion:reduce){.ride-studio *{transition:none!important;animation:none!important}.rs-tour{display:none}}
.ride-studio .rs-colours button{width:28px;height:28px;min-width:28px}