body[data-variant=a][data-state=product] .product-visuals{grid-template-columns:minmax(0,1.02fr) minmax(155px,.72fr) minmax(0,1.10fr);gap:24px;align-items:start}
.spec-bridge{align-self:stretch;min-width:0;position:relative;outline-offset:5px;scroll-margin-top:110px}
.spec-bridge .figure-label{display:block;white-space:nowrap;letter-spacing:.13em}
body[data-variant=a] .spec-bridge .specs{display:flex;flex-direction:column;justify-content:center;gap:15px;border:0;margin:0;padding:0;height:clamp(155px,calc(100svh - 590px),250px)}
body[data-variant=a] .spec-bridge .specs>div{position:relative;display:block;padding:0 0 0 14px;margin:0;border:0;border-left:1px solid #9bb39766;min-width:0}
.spec-bridge .specs>div::before{content:'';position:absolute;left:-3px;top:5px;width:5px;height:5px;border-radius:50%;background:#99b08e;box-shadow:0 0 0 4px #bacdab16}
.spec-bridge .specs>div::after{content:'';position:absolute;left:-24px;top:7px;width:20px;border-top:1px solid #acc29f66;transform-origin:right;transform:rotate(-18deg)}
body[data-variant=a] .spec-bridge .specs dt{font-size:9px;letter-spacing:.04em;color:#84977a;margin:0 0 6px;line-height:1.45}
body[data-variant=a] .spec-bridge .specs dd{font-size:14px;line-height:1.4;font-weight:400;color:#416342;margin:0;overflow-wrap:anywhere;text-align:left}
body[data-state=product] .spec-bridge{background:radial-gradient(ellipse,#f6f5ef8c,transparent 75%)}
body[data-variant=a][data-state=product] .product-visuals .powder{min-width:0}
body[data-variant=a][data-state=product] .product-visuals .powder-sprite{max-width:100%;transform:translateX(-5px)}
body[data-variant=a][data-state=product] .product-visuals .powder img{transform:translateX(-5px);max-width:100%}
body[data-state=product] #chapter-identity{min-height:0;padding-top:30px}
body[data-state=product] #chapter-identity .identity-layout{margin-top:25px}
body[data-variant=a] #molecularStage .molecular-orbit{display:none!important}
.orbital-wheel{position:absolute;left:50%;top:50%;width:clamp(162px,calc(100svh - 580px),264px);max-width:100%;aspect-ratio:1;transform:translate(-50%,-50%);pointer-events:none;z-index:0}
.orbital-wheel svg{display:block;width:100%;height:100%;overflow:visible;fill:none}
.wheel-boundary{stroke:#a9bf9457;stroke-width:.7}.wheel-track{stroke:#a6ba984a;stroke-width:.7}.wheel-inner{stroke:#a6ba9845;stroke-width:.7}
.wheel-clock .minor{stroke:#aec29c88;stroke-width:.8}.wheel-clock .major{stroke:#789769b3;stroke-width:1}
.wheel-dashed{stroke:#a7bc9773;stroke-width:.7;stroke-dasharray:2 7}.wheel-arc{stroke:#779b65a6;stroke-width:1.2}
.wheel-cross,.wheel-hand{stroke:#729465aa;stroke-width:1}.wheel-point{fill:#829d6dbf;stroke:#f6f5ef;stroke-width:.8}.wheel-cardinals{stroke:#94aa81a3;stroke-width:.8}
.wheel-turn{transform-origin:160px 160px;animation:wheel-spin 60s linear infinite}.wheel-counter{animation-duration:43.333333333s;animation-direction:reverse}.wheel-sweep{animation-duration:26.666666667s}
.orbital-wheel[data-paused=true] .wheel-turn{animation-play-state:paused}
@keyframes wheel-spin{to{transform:rotate(360deg)}}
body[data-variant=a] #molecularCanvas{z-index:1}
.orbit-pause{font:inherit;font-size:8px;color:#839675;background:transparent;border:0;border-bottom:1px solid #b5c7a466;padding:2px 0;cursor:pointer;white-space:nowrap}.orbit-pause:hover{color:#3c6743}.orbit-pause:disabled{cursor:default;opacity:.65}
body[data-state=product] .product-visuals .molecule figcaption{gap:8px;flex-wrap:wrap}
@media(min-width:651px) and (max-width:1050px){body[data-variant=a][data-state=product] .product-visuals{grid-template-columns:minmax(0,1fr) minmax(130px,.82fr) minmax(0,1fr);gap:16px}body[data-variant=a] .spec-bridge .specs dd{font-size:12px}.spec-bridge .figure-label{font-size:7px}.spec-bridge .specs>div::after{width:12px;left:-16px}}
@media(max-width:650px){
 body[data-variant=a][data-state=product] .product-visuals{grid-template-columns:1fr;gap:0}
 .spec-bridge{padding:18px 0 24px;border-top:1px solid #b5c8aa66;scroll-margin-top:160px}
 body[data-variant=a] .spec-bridge .specs{height:auto;display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px;padding:16px 0 0}
 body[data-variant=a] .spec-bridge .specs>div{padding-left:9px}.spec-bridge .specs>div::after{display:none}
 body[data-variant=a] .spec-bridge .specs dt{font-size:8px}body[data-variant=a] .spec-bridge .specs dd{font-size:12px}
 .orbital-wheel{width:206px;max-width:90%}
 .orbit-pause{font-size:9px;min-height:28px}
}
@media(prefers-reduced-motion:reduce){.wheel-turn{animation:none!important}}
@media(min-width:651px){.spec-bridge{padding-top:13px}}