.rack-explorer{max-width:1120px;margin:0 auto;padding:28px 24px 36px;color:#202124}.rack-explorer h2{font-size:24px;font-weight:500;margin:0 0 10px}.rack-explorer>p{max-width:760px;color:#5f6368;font-size:15px;line-height:1.8}.rx-controls{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.rx-controls button{border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;color:#5f6368;padding:10px 14px;font-family:inherit;font-size:14px;font-weight:500;line-height:1.4;cursor:pointer}.rx-controls button[aria-pressed=true]{border-bottom-color:#1a73e8;color:#185abc}.rx-controls .rx-play{margin-left:auto;border:1px solid #dadce0;border-radius:6px}.rx-workspace{display:grid;grid-template-columns:minmax(180px,.7fr) minmax(0,1.6fr);gap:32px;align-items:start}.rx-overview{background:#f1f3f4;padding:16px;border-radius:8px}.rx-overview svg{display:block;max-height:360px;width:100%}.rx-detail svg{display:block;width:100%;height:auto;background:#f8f9fa;border-radius:8px}.rx-detail h3{margin:18px 0 8px;font-size:20px}.rx-detail p{font-size:15px;line-height:1.85;margin:8px 0}.rx-label{font-size:12px!important;color:#5f6368;margin-bottom:8px!important}.rx-measure{font-size:13px!important;color:#5f6368}.rx-note{margin-top:20px;padding-top:16px;border-top:1px solid #dadce0;font-size:14px;line-height:1.8}.rx-note a{color:#185abc}.rx-focus{transition:y .5s,height .5s,opacity .5s}.rack-explorer :focus-visible{outline:2px solid #1a73e8;outline-offset:3px}
@media(max-width:640px){.rack-explorer{padding:24px 16px}.rx-workspace{grid-template-columns:1fr;gap:16px}.rx-overview{display:flex;align-items:center;gap:20px;padding:10px 14px}.rx-overview svg{width:78px;height:140px;flex:none}.rx-overview p{max-width:220px}.rx-controls{gap:3px}.rx-controls button{padding:10px 9px}.rx-controls .rx-play{margin-left:0}.rx-detail h3{font-size:19px}}
@media(prefers-reduced-motion:reduce){.rx-focus{transition:none}}