.mgx-detail .detail-hero-visual img { display:block; aspect-ratio:2 / 3; object-position:center top; }
.mgx-detail .conditions-note { line-height:1.7; }
.mgx-detail .mgx-installation { display:block; min-height:0; padding:100px 8.5vw; }
.mgx-detail .installation-copy { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(0,1fr); gap:28px 6vw; padding:0; }
.mgx-detail .installation-copy .kicker { grid-column:1 / -1; }
.mgx-detail .installation-copy h2 { margin:0; }
.mgx-detail .installation-copy > p { align-self:center; margin:0; }
.mgx-detail .installation-points { grid-column:1 / -1; margin-top:16px; }
.mgx-detail .mgx-dimension-panel { display:flex; flex-direction:column; align-items:stretch; padding:0; margin-top:48px; min-width:0; min-height:0; background:transparent; }
.mgx-dimension-wrap { overflow-x:auto; width:100%; }
.mgx-dimension-wrap:focus-visible { outline:2px solid var(--green); outline-offset:4px; }
.mgx-dimension-table { width:100%; border-collapse:collapse; font-size:15px; }
.mgx-dimension-table caption { text-align:left; color:#18231b; font-weight:600; font-size:22px; margin-bottom:20px; }
.mgx-dimension-table th,.mgx-dimension-table td { padding:18px 12px; text-align:left; color:#fff; }
.mgx-dimension-table thead { background:#000; }
.mgx-dimension-table tbody { background:#477c50; }
.mgx-dimension-table tbody tr { border-top:2px solid #e7e8e2; }
.mgx-dimension-note { color:#354537; font-size:13px; line-height:1.7; margin-top:22px; }
@media(max-width:950px) {
  .mgx-detail .detail-hero-visual { min-height:0; }
  .mgx-detail .detail-hero-visual img { height:auto; max-height:900px; object-fit:contain; background:#30352f; }
}
@media(max-width:650px) {
  .mgx-detail .mgx-installation { padding:75px 24px; }
  .mgx-detail .installation-copy { grid-template-columns:minmax(0,1fr); gap:24px; }
  .mgx-detail .installation-points { margin-top:8px; }
  .mgx-detail .mgx-dimension-panel { margin-top:36px; }
  .mgx-detail .technical-table { min-width:0; width:100%; table-layout:fixed; }
  .mgx-detail .technical-table th,.mgx-detail .technical-table td { padding:16px 10px; overflow-wrap:anywhere; white-space:normal; }
}

/* Keep the MGX-36 hero image below the navigation on desktop. */
@media (min-width:1025px) {
  .mgx-detail .detail-hero-visual {
    margin-top:calc(var(--navbar-height, 5.75rem) + 10px);
    transform-origin:center top;
  }
}
.mgx36-configuration-diagram {
  margin: 32px 0;
}
.mgx36-configuration-diagram img {
  display: block;
  width: 100%;
  height: auto;
}