.detail-hero .engineering-viewer{display:block;position:relative;min-width:0;width:100%;isolation:isolate;margin:0;background:radial-gradient(ellipse at 50% 48%,#48525b55,transparent 66%)}
.engineering-top{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:#b8bec5;border-bottom:1px solid #ffffff21;padding-block:12px}
.engineering-badge{font-family:var(--font-mono,monospace);color:#f2a024;white-space:nowrap}
.engineering-stage{position:relative;width:100%;height:clamp(300px,35vw,430px);cursor:grab;touch-action:pan-y;outline-offset:4px;border-radius:14px;background-image:linear-gradient(#ffffff03 1px,transparent 1px),linear-gradient(90deg,#ffffff03 1px,transparent 1px);background-size:48px 48px}
.engineering-stage:focus-visible{outline:2px solid #f2a024}.engineering-stage.is-dragging{cursor:grabbing}.engineering-stage canvas{display:block;position:absolute;inset:0;max-width:100%;border-radius:14px}
.detail-hero .engineering-stage .engineering-fallback{height:100%;width:100%;object-fit:contain}.engineering-viewer.is-ready .engineering-fallback{visibility:hidden}.engineering-viewer:not(.is-ready) canvas{visibility:hidden}
.engineering-controls{display:flex;justify-content:center;gap:8px;margin:0 0 16px;direction:ltr}.engineering-controls[hidden]{display:none}.engineering-controls button,.engineering-tabs button{border:1px solid #ffffff35;background:#ffffff05;color:#e8ebef;border-radius:10px;min-width:44px;min-height:44px;padding:8px 12px;font:inherit;font-size:12px;cursor:pointer;transition:background .2s,border-color .2s}.engineering-controls button:hover,.engineering-tabs button:hover{background:#ffffff12;border-color:#f2a024}.engineering-controls button:focus-visible,.engineering-tabs button:focus-visible{outline:2px solid #f2a024;outline-offset:3px}.engineering-controls button[aria-pressed=true],.engineering-tabs button[aria-pressed=true]{border-color:#f2a024;color:#f2a024;background:#f2a0240a}
.engineering-viewer figcaption{display:flex;justify-content:space-between;gap:12px;font-size:11px;color:#919aa5;border-top:1px solid #ffffff21;padding-top:12px}.engineering-status{color:#f2a024}.detail-hero p.engineering-hint{font-size:11px!important;line-height:1.5!important;color:#b3bac3!important;margin:8px 0 0;text-align:center}.engineering-tabs{display:flex;gap:8px;padding-top:14px}.engineering-tabs button{flex:1}.engineering-tabs button:disabled{opacity:.5;cursor:default}
@media(min-width:1000px){.page-driveshafts .detail-hero-grid,.page-services .detail-hero-grid{grid-template-columns:1fr 1.1fr;gap:clamp(32px,4vw,72px)}.page-services .engineering-stage{height:clamp(270px,28vw,360px)}}
@media(max-width:999px){.page-driveshafts .detail-hero-grid,.page-services .detail-hero-grid{gap:30px}.detail-hero .engineering-viewer{max-width:620px;margin-inline:auto}.engineering-stage{height:350px}.page-driveshafts .detail-hero,.page-services .detail-hero{padding-bottom:32px}}
@media(max-width:600px){.engineering-stage{height:280px}.engineering-top{font-size:10px}.engineering-tabs button{font-size:12px}.engineering-viewer figcaption{font-size:10px}.page-driveshafts .detail-hero h1,.page-services .detail-hero h1{font-size:34px}.engineering-controls{gap:6px}}
@media(prefers-reduced-motion:reduce){.engineering-controls button,.engineering-tabs button{transition:none}}
@media(min-width:1000px){.engineering-stage{height:clamp(250px,calc(100svh - 400px),430px)}.page-services .engineering-stage{height:clamp(250px,calc(100svh - 380px),380px)}}
@media(min-width:1000px){.page-balancing .detail-hero-grid{grid-template-columns:1fr 1.1fr;gap:clamp(32px,4vw,72px)}.page-balancing .engineering-stage{height:clamp(250px,calc(100svh - 380px),380px)}}
.engineering-viewer{display:block;position:relative;min-width:0;width:100%;isolation:isolate;margin:0;color:#edf0f3;background:radial-gradient(ellipse at 50% 38%,#48525b66,transparent 65%),#1d1f22;border-radius:14px;padding:0 20px 14px;box-sizing:border-box}
.detail-hero .engineering-viewer{background:radial-gradient(ellipse at 50% 38%,#48525b66,transparent 65%),#1d1f22}
.engineering-viewer [hidden]{display:none!important}.engineering-viewer .engineering-fallback{height:100%;width:100%;object-fit:contain;max-height:none}
.engineering-stage{height:260px;min-height:0}.engineering-tabs{padding-top:10px}.engineering-top{padding-block:10px;letter-spacing:.06em}
.engineering-kind,.engineering-order label{display:grid;gap:5px;color:#bcc3cb;font-size:11px;margin:0}.engineering-kind{grid-template-columns:auto 1fr;align-items:center;padding-top:10px;gap:12px}
.engineering-viewer select{font:inherit;font-size:12px;min-width:0;max-width:100%;width:100%;border:1px solid #ffffff38;border-radius:10px;background:#282d33;color:#edf0f3;min-height:42px;padding:8px 10px;cursor:pointer;box-sizing:border-box}
.engineering-viewer select:focus-visible,.engineering-viewer input:focus-visible{outline:2px solid #f2a024;outline-offset:3px}
.engineering-sliders{display:flex;gap:18px}.engineering-sliders label{display:grid;grid-template-columns:1fr auto;gap:5px 10px;flex:1;min-width:0;font-size:11px;color:#c4cbd2}.engineering-sliders output{font:11px AlwMono,monospace;color:#f2a024}.engineering-sliders input{grid-column:1/-1;width:100%;margin:0;accent-color:#f2a024;min-height:26px;cursor:ew-resize;direction:ltr}
.engineering-controls{margin:6px 0 10px;gap:6px}.engineering-controls button{font-size:11px;min-height:36px;padding:6px 10px}.engineering-order{display:grid;grid-template-columns:minmax(100px,1fr) minmax(145px,1.15fr);gap:12px;align-items:end;padding-block:8px 12px;border-top:1px solid #ffffff21}.engineering-order .button{font-size:12px;padding:10px 14px;min-height:42px;gap:10px;text-align:center}
.engineering-viewer figcaption{font-size:10px;line-height:1.4;gap:15px}.engineering-viewer figcaption span:last-child{max-width:82%}.engineering-viewer .engineering-hint,.detail-hero p.engineering-hint{font-size:10px!important;line-height:1.5!important;color:#b3bac3!important;margin:6px 0 0;text-align:center}
.guide-panel:has(.engineering-viewer){grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:50px;align-items:center;padding-block:0;border:0}.guide-section:has(.engineering-viewer) .guide-note{display:none}
@media(min-width:1000px){.detail-hero .engineering-stage,.page-services .engineering-stage,.page-balancing .engineering-stage{height:clamp(190px,calc(100svh - 535px),340px)}.guide-section .engineering-stage{height:clamp(200px,calc(100svh - 480px),340px)}.guide-section:has(.engineering-viewer) .section-heading{margin-bottom:22px}.guide-section:has(.engineering-viewer) .guide-tabs{margin-bottom:18px}.detail-hero:has(.engineering-viewer) .detail-hero-grid{grid-template-columns:1fr 1.15fr;gap:48px}}
@media(max-width:999px){.detail-hero .engineering-viewer{max-width:660px}.engineering-stage{height:300px}.guide-panel:has(.engineering-viewer){gap:28px}.engineering-kind{grid-template-columns:1fr}.engineering-order{grid-template-columns:1fr}.engineering-order .button{width:100%}}
@media(max-width:700px){.guide-panel:has(.engineering-viewer){grid-template-columns:1fr}.engineering-viewer{padding-inline:14px}.engineering-stage{height:240px}.engineering-order{grid-template-columns:minmax(90px,1fr) minmax(140px,1.25fr)}.engineering-controls button{min-height:44px}.engineering-order .button{font-size:11px;padding:10px}.engineering-top{font-size:10px}.engineering-kind{grid-template-columns:1fr auto}.engineering-kind select{max-width:220px}.engineering-tabs button{padding:8px;font-size:11px}.engineering-viewer input{min-height:36px}}
@media(min-width:1000px){
 .guide-panel:has(.engineering-viewer){display:block}
 .guide-section .engineering-viewer{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);column-gap:30px;padding:0 22px 12px}
 .guide-section .engineering-top{grid-column:1/-1}
 .guide-section .engineering-stage{grid-column:1;grid-row:2/6;height:clamp(220px,calc(100svh - 440px),360px);align-self:center}
 .guide-section .engineering-kind{grid-column:2;grid-row:2;padding-top:10px}
 .guide-section .engineering-interaction{grid-column:2;grid-row:3;align-self:end;padding-top:16px}
 .guide-section .engineering-order{grid-column:2;grid-row:4;align-self:start}
 .guide-section .engineering-viewer figcaption{grid-column:2;grid-row:5;padding-top:8px;align-self:start}
 .guide-section .engineering-hint{grid-column:1/-1;grid-row:6}
 .guide-panel:has(.engineering-viewer) ol{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:14px}
 .guide-panel:has(.engineering-viewer) li{align-items:start;gap:10px;padding:0;border:0}
 .guide-panel:has(.engineering-viewer) li p{font-size:11px;line-height:1.5}
 .guide-section:has(.engineering-viewer) .section-heading{margin-bottom:14px}
 .guide-section:has(.engineering-viewer) .guide-tabs{margin-bottom:14px}
}
.guide-panel[hidden]{display:none!important}
@media(min-width:1000px){.page-services .engineering-stage,.page-balancing .engineering-stage{height:clamp(165px,calc(100svh - 560px),340px)}.page-driveshafts .detail-jumps{margin-top:24px;padding-top:20px}}
@media(min-width:1000px){.page-driveshafts .detail-jumps{padding-top:16px}}