/* Offline renders of licensed mechanical geometry, on a solid studio surface. */
/* Native render proportions replace the former fixed-height canvas contract. */
:root [data-mechanical-model]{position:relative;display:block;isolation:isolate;width:100%;height:auto!important;min-height:0!important;aspect-ratio:9/7;overflow:hidden;background:#F3F5F7;color:#000;align-self:start}
:root :is(.cwf-services-card-photo,.sp-service-card__image):has(>[data-mechanical-model]){height:auto;min-height:0;aspect-ratio:9/7}
[data-mechanical-model]>.mechanical-model__fallback{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none;object-fit:contain}
.mechanical-model__fallback{padding:0;box-sizing:border-box}
.mechanical-model__fallback>img{display:block;width:100%;height:100%;object-fit:contain}
[data-model-viewer]{position:relative}
.br-assembly__stage[data-mechanical-model]{max-width:900px;margin-inline:auto;background:#F3F5F7}
@media(max-width:480px){:root .br-assembly__stage[data-mechanical-model]{aspect-ratio:11/14}}
#brake-assembly-model{scroll-margin-top:370px}
@media(max-width:600px){#brake-assembly-model{scroll-margin-top:470px}}
[data-model-viewer] [data-model-action]{min-height:44px;padding:10px 18px;border:1px solid var(--line2);border-radius:2px;background:var(--midnight,#142433);color:#fff;font:inherit;font-size:14px;line-height:1.4;cursor:pointer}
[data-model-viewer] [data-model-action]:hover{background:var(--blue2,#164785)}
[data-model-viewer] [data-model-action][aria-pressed="true"]{background:#F3F5F7;border-color:#F3F5F7;color:#000}
[data-model-viewer] [data-model-action]:focus-visible{outline:3px solid var(--amber,#D4872A);outline-offset:4px}
[data-model-viewer] [data-model-action]:disabled{opacity:.55;cursor:default}
@media print{[data-mechanical-model]{background:#F3F5F7!important}[data-model-viewer] [data-model-action]{display:none}}

.mechanical-model__controls{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}

/* Home-only compositions fit the narrow side columns; landscape remains elsewhere. */
@media (min-width:1100px), (min-width:700px) and (max-width:850px){:root .cwf-home [data-home-portrait]{aspect-ratio:2/3!important;align-self:start!important}:root .cwf-home [data-home-portrait]>.mechanical-model__fallback>img{object-fit:contain}}