/* Local, illustrated garage cutaway. All controls work without dragging. */
.garage-explorer{--garage-ink:#234f50;--garage-muted:#647c76;background:#edf1e9;border:1px solid #d2dbce;border-radius:18px;overflow:hidden;isolation:isolate}
.garage-toolbar{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:18px 22px;background:#fafbf7;border-bottom:1px solid #dce2d6;flex-wrap:wrap}
.garage-view-controls,.garage-tools{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.garage-explorer button{font:600 12px/1.4 system-ui,sans-serif;color:var(--garage-ink);border:1px solid #cad7ca;background:#fff;border-radius:8px;min-height:40px;padding:9px 13px;cursor:pointer}
.garage-explorer button:hover{background:#e4eddf;border-color:#a1b39a}
.garage-explorer button[aria-pressed=true]{background:#244f4c;border-color:#244f4c;color:#fff}
.garage-explorer button:focus-visible,.garage-explorer input:focus-visible,.garage-canvas:focus-visible{outline:3px solid #d29b45;outline-offset:4px}
.garage-tools button{font-size:11px;background:transparent}
.garage-stage{position:relative;min-width:0;overflow:hidden;background:radial-gradient(ellipse at 50% 52%,#fafbf4 0,#edf1e7 68%)}
.garage-canvas{display:block;width:100%;height:640px;touch-action:pan-y;cursor:grab;outline-offset:-5px!important}
.garage-canvas:active{cursor:grabbing}
.garage-scene-heading{position:absolute;top:24px;left:26px;pointer-events:none}
.garage-scene-heading>span{display:block;font:600 10px/1.6 ui-monospace,monospace;color:#789176;letter-spacing:.12em;text-transform:uppercase}
.garage-scene-heading strong{display:block;font-size:17px;color:#395b4e;font-weight:600;margin-top:6px}
.garage-mode-state{position:absolute;top:26px;right:26px;font:500 10px/1.4 ui-monospace,monospace;letter-spacing:.06em;color:#657d69;pointer-events:none}
.garage-hotspots{position:absolute;inset:0;pointer-events:none}
.garage-explorer .garage-hotspot{position:absolute;display:flex;gap:7px;align-items:center;min-height:34px;max-width:210px;padding:4px 11px 4px 4px;border-radius:24px;transform:translate(-50%,-50%);box-shadow:0 3px 12px #314b3920;background:#fafdf7ed;color:#35594d;pointer-events:auto;white-space:nowrap;border-color:#9eaf99;font-size:10px;transition:background .2s,box-shadow .2s}
.garage-hotspot .garage-hotspot-number{display:grid;place-items:center;border-radius:50%;width:25px;height:25px;flex:0 0 25px;font:600 10px ui-monospace,monospace;background:#e0e9d9;color:#3d644e}
.garage-explorer .garage-hotspot[aria-pressed=true]{background:#244f4c;color:white;box-shadow:0 0 0 4px #7e9c6e25}
.garage-hotspot[aria-pressed=true] .garage-hotspot-number{background:#dfeaba;color:#365943}
.garage-hotspot[hidden]{display:none}
.garage-bottom-tools{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:0 24px 20px;min-height:62px}
.garage-angle-control{display:flex;align-items:center;gap:12px;color:#5e776b;font-size:11px;min-width:0}
.garage-angle-control input{width:130px;accent-color:#426b59;min-height:25px}
.garage-hint{font-size:11px;color:#72816c;line-height:1.5;margin:0}
.garage-legend{display:flex;gap:22px;align-items:center;flex-wrap:wrap;padding:14px 24px;border-top:1px solid #d9e1d3;background:#f7f9f2;font-size:11px;color:#5d7266}
.garage-legend span{display:flex;gap:7px;align-items:center}
.garage-legend i{display:block;width:20px;border-top:3px solid #b96146}
.garage-legend .route-power{border-color:#6e7684}.garage-legend .route-data{border-color:#2c8d8d;border-top-style:dashed}
.garage-parts{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:1px;background:#d9e2d4;border-block:1px solid #d9e2d4}
.garage-explorer .garage-part{display:flex;align-items:center;justify-content:center;gap:8px;padding:15px 8px;min-height:62px;border:0;border-radius:0;background:#f7f9f3;font-size:11px}
.garage-part>span:first-child{font:500 10px ui-monospace,monospace;color:#8c9d7f}
.garage-explorer .garage-part[aria-pressed=true]{background:#dfe9d7;color:#2c5745;box-shadow:inset 0 -3px #607b4b}
.garage-detail{display:grid;grid-template-columns:.8fr 1.4fr;gap:30px;padding:26px 30px;background:#fffef8;min-height:157px;align-items:start}
.garage-detail .eyebrow{font-size:10px;color:#8d936c;margin:0 0 8px}
.garage-detail h3{font-size:23px;color:#2d5046;margin:0;line-height:1.2}
.garage-detail p:not(.eyebrow){font-size:13px;line-height:1.75;color:#5b6d61;margin:0 0 12px}
.garage-detail a{font-size:12px;font-weight:650;color:#3a6554;text-underline-offset:4px}
.garage-detail-path{display:block;font:500 11px/1.6 ui-monospace,monospace;color:#7e885c;margin-top:12px}
.garage-explorer [data-garage-enter]{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);background:#244f4c;color:white;box-shadow:0 4px 18px #27432b20;padding:12px 20px;z-index:2}
.garage-explorer [data-garage-enter][hidden]{display:none}
@media(max-width:900px){.garage-canvas{height:540px}.garage-parts{grid-template-columns:repeat(4,minmax(0,1fr))}.garage-explorer .garage-part:last-child{grid-column:span 2}.garage-detail{gap:22px}.garage-hotspot-label{display:none}.garage-explorer .garage-hotspot{padding:4px;min-height:36px;min-width:36px}.garage-hotspot .garage-hotspot-number{width:26px;height:26px}}
@media(max-width:600px){.garage-toolbar{padding:13px;gap:10px}.garage-explorer button{font-size:11px;padding:9px 11px;min-height:42px}.garage-tools{gap:3px}.garage-tools button{font-size:10px;padding:8px 10px}.garage-scene-heading{top:19px;left:18px}.garage-scene-heading>span{font-size:9px}.garage-scene-heading strong{font-size:14px}.garage-mode-state{top:20px;right:18px;font-size:9px}.garage-canvas{height:415px}.garage-explorer .garage-hotspot{min-width:40px;min-height:40px;padding:5px}.garage-hotspot .garage-hotspot-number{width:28px;height:28px}.garage-bottom-tools{padding:0 16px 16px;gap:6px;flex-wrap:wrap}.garage-angle-control{width:100%;justify-content:center}.garage-angle-control input{width:150px}.garage-hint{width:100%;text-align:center;font-size:10px}.garage-legend{gap:13px;padding:12px 16px;font-size:10px}.garage-parts{grid-template-columns:repeat(2,minmax(0,1fr))}.garage-explorer .garage-part{padding:11px;min-height:49px;justify-content:flex-start}.garage-explorer .garage-part:last-child{grid-column:1/-1}.garage-detail{display:block;padding:22px;min-height:0}.garage-detail h3{font-size:22px;margin-bottom:15px}.garage-detail-path{margin-top:0;margin-bottom:17px}.garage-detail p:not(.eyebrow){font-size:13px}.garage-explorer [data-garage-enter]{bottom:20px;white-space:nowrap}}
@media(max-width:360px){.garage-canvas{height:370px}.garage-mode-state{display:none}.garage-view-controls{gap:4px}.garage-view-controls button{padding-inline:9px}.garage-scene-heading strong{font-size:13px}}
@media(prefers-reduced-motion:reduce){.garage-explorer .garage-hotspot{transition:none}}
@media print{.garage-toolbar,.garage-hotspots,.garage-bottom-tools,.garage-parts{display:none}.garage-canvas{height:500px}.garage-detail{break-inside:avoid}}