/* Functional cutaway diagrams and keyed explanations, shared by the mockups. */
.mechanism .drawing{margin-top:24px;background:#202b32;border:1px solid #425159}
.mechanism .drawing .isometric-diagram{display:block;width:100%;height:auto;max-height:680px}
.iso-parts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px 34px;padding-block:32px 40px}
.iso-part{display:flex;align-items:start;gap:13px;font-size:1rem}
.iso-part>span{display:grid;place-items:center;flex:0 0 29px;height:29px;border:1px solid #ba641e;color:#8c430d;border-radius:50%;font-size:.875rem;font-weight:700}
.iso-part strong{display:block;font-weight:600;line-height:1.35;margin:3px 0 9px}
.iso-part p{font-size:.9375rem;color:#646b6d;line-height:1.6}
.catalog-page .type-picker{grid-template-columns:repeat(var(--variants,3),minmax(0,1fr))}
.catalog-page .type-picker:empty{display:none}
.catalog-page .type-picker button{padding:18px 15px;column-gap:12px}
.small-drawing:has(.isometric-diagram){background:#202b32;border-radius:2px}
.small-drawing .iso-callout{display:none}
.iso-scroll-hint{display:none}
.iso-zoom{min-height:44px;padding:8px 14px;background:transparent;color:#fff;border:1px solid #8da2ad;font:inherit;cursor:pointer;margin:0 12px 8px 0}
.iso-zoom:focus-visible{outline:3px solid #f68a37;outline-offset:3px}
.dock-stages{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-top:24px}
.dock-stages button{font:inherit;font-size:.9375rem;text-align:left;min-height:64px;padding:12px;background:#293840;color:#e5edef;border:1px solid #61747e;cursor:pointer}
.dock-stages button span{display:block;font-size:.8125rem;color:#b6c8d1;margin-bottom:6px}
.dock-stages button[aria-pressed="true"]{border-color:#f68a37;background:#49392e;color:#fff}
.dock-stages button:focus-visible{outline:3px solid #f68a37;outline-offset:3px}
.dock-note{font-size:.9375rem;color:#c5d2d9;line-height:1.6;margin:16px 0 26px;max-width:850px}
[data-mechanism="dock"] .drawing-controls #motion-status{min-height:3em}
@media(max-width:700px){.dock-stages{grid-template-columns:repeat(3,minmax(0,1fr))}.dock-stages button{font-size:.875rem;padding:10px 8px}}
@media(max-width:1000px){.iso-parts{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-page .type-picker{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.iso-parts{grid-template-columns:1fr;gap:22px;padding-top:26px}.iso-part p{font-size:1rem}.catalog-page .type-picker{grid-template-columns:1fr}.mechanism .drawing{overflow-x:auto;overscroll-behavior-x:contain}.mechanism .drawing .isometric-diagram{min-width:0}.mechanism .drawing.is-zoomed .isometric-diagram{min-width:680px;max-height:none}.iso-scroll-hint{display:block;margin-top:10px;color:#bdc9ce;font-size:.8125rem}.mechanism .drawing-controls{margin-top:16px}.small-drawing .isometric-diagram{min-width:0}}