/* The complete CAD illustration is the default, including without JavaScript. */
.custom-drawing{min-width:0;color:#111;--outline:1;--detail:1;--fine:1;--annotations:1}
.actuator-canvas{width:100%;overflow:hidden}
.actuator-drawing{display:block;width:100%;height:auto;overflow:visible}
.actuator-outline{stroke-width:1.35}
.actuator-detail{stroke-width:1.05}
.actuator-fine{stroke-width:.8;opacity:var(--fine)}
.actuator-outline path{stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--outline))}
.actuator-detail path{stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--detail))}
.actuator-label{fill:var(--red);stroke:none;font:400 24px/1.2 var(--body)}
.actuator-leader{stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--annotations))}
.actuator-callout>circle,.actuator-label,.actuator-marker{opacity:var(--annotations)}
.actuator-marker{display:none}
.actuator-marker circle{fill:var(--paper)}
.actuator-marker text{fill:currentColor;stroke:none;text-anchor:middle;dominant-baseline:middle;font:500 24px var(--mono)}
.actuator-legend{display:none;list-style:none;margin:20px 0 0;padding:0;gap:12px 20px;font-size:13px;line-height:19px;color:var(--red)}
.actuator-legend li{display:flex;gap:9px;align-items:baseline}
.actuator-legend span{font:500 11px/19px var(--mono);flex:none;color:var(--muted)}
.custom-grid .custom-drawing figcaption{margin-top:20px;color:var(--muted)}
.home-custom--drawing .custom-copy .mach-button{width:auto;min-width:230px}
.home-custom--drawing{padding-block:0;--drawing-height:calc(100svh - var(--site-header-height) - var(--site-header-offset));--drawing-top:calc(var(--site-header-height) + var(--site-header-offset))}
.home-custom--drawing .drawing-pin{padding-block:72px}
.home-custom--drawing.is-drawing-pinned{height:calc(var(--drawing-height) * 4.25)}
.is-drawing-pinned .drawing-pin{position:sticky;top:var(--drawing-top);height:var(--drawing-height);display:flex;align-items:center;padding-block:32px}
.home-custom--drawing:focus-within .custom-drawing{--outline:1!important;--detail:1!important;--fine:1!important;--annotations:1!important}

@media(max-width:1179px){
  .actuator-label{display:none}
  .actuator-marker{display:block}
  .actuator-drawing{width:122%;max-width:none;margin-left:-2%}
  .actuator-legend{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(min-width:768px) and (max-width:1000px){
  .home-custom--drawing .custom-grid{grid-template-columns:1fr 1.15fr;gap:28px}
  .actuator-legend{grid-template-columns:1fr;gap:8px}
}
@media(max-width:767px){
  .home-custom--drawing .drawing-pin{padding-block:48px}
  .custom-drawing{max-width:580px;width:100%;align-self:center}
  .actuator-legend{margin-top:8px;gap:12px 16px}
  .custom-grid .custom-drawing figcaption{margin-top:24px}
  .home-custom--drawing .custom-copy .mach-button{width:100%;min-width:0}
}
@media(prefers-reduced-motion:reduce){
  .custom-drawing{--outline:1!important;--detail:1!important;--fine:1!important;--annotations:1!important}
  .home-custom--drawing.is-drawing-pinned{height:auto}
  .is-drawing-pinned .drawing-pin{position:static;height:auto;display:block;padding-block:72px}
}

/* The MPS60 uses the preserved actuator sequence: contours, details, callouts. */
.custom-gearbox{min-width:0}
.gearbox-outline{stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--outline));opacity:clamp(0,calc(var(--outline) * 50),1)}
.gearbox-detail{stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--detail));opacity:clamp(0,calc(var(--detail) * 50),1)}
.gearbox-fine{opacity:var(--fine)}
.gearbox-leader,.gearbox-leader-extension{stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--annotations));opacity:clamp(0,calc(var(--annotations) * 50),1)}
.gearbox-callout>circle,.gearbox-label,.gearbox-marker{opacity:var(--annotations)}
.gearbox-canvas{width:100%;overflow:visible}
/* The wider viewBox accommodates left-side labels without moving the CAD. */
.gearbox-svg{display:block;width:123.148148%;max-width:none;height:auto;margin-left:-23.148148%}
.gearbox-svg .gearbox-label{font-family:var(--body)}
.gearbox-legend{display:none;list-style:none;margin:16px 0 0;padding:0;color:var(--red);font-size:15px;line-height:21px;gap:16px 20px}
.gearbox-legend li{display:flex;gap:10px;align-items:baseline}
.gearbox-legend span{flex:none;font:500 12px/21px var(--mono)}
.custom-grid .custom-gearbox figcaption{margin-top:18px;color:var(--muted)}
.home-custom--gearbox .custom-copy .mach-button{width:auto;min-width:230px}
@media(max-width:1279px){
  .home-custom--gearbox .custom-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:32px}
  .gearbox-canvas{overflow:hidden}
  .gearbox-svg{width:166.25%;margin-left:-31.25%}
  .gearbox-svg .gearbox-label{display:none}
  .gearbox-svg .gearbox-leader-extension{display:none}
  .gearbox-svg .gearbox-marker{display:block}
  .gearbox-legend{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(min-width:768px) and (max-width:999px){
  .gearbox-legend{grid-template-columns:1fr;gap:10px}
}
@media(max-width:767px){
  .custom-gearbox{max-width:620px;width:100%;align-self:center}
  .home-custom--gearbox .custom-grid{gap:36px}
  .gearbox-legend{margin-top:8px;gap:16px}
  .home-custom--gearbox .custom-copy .mach-button{width:100%;min-width:0}
}