/* Final responsive overrides: keep these after the approved page styles. */
@media (max-width:980px) {
  html body main .electronics-faq .faq-shell {
    grid-template-columns:minmax(0,1fr)!important;
    gap:24px!important;
  }
  html body main .electronics-faq .faq-intro,
  html body main .electronics-faq .faq-list {
    min-width:0!important;
    width:100%!important;
    max-width:100%!important;
  }
}
@media (max-width:820px) {
  html body main #integration-map .electronics-map-head {
    grid-template-columns:minmax(0,1fr)!important;
    gap:20px!important;
  }
  html body main #integration-map .electronics-map {
    grid-template-columns:minmax(0,1fr)!important;
    gap:24px!important;
    min-height:0!important;
    padding-block:24px!important;
  }
  html body main #integration-map .electronics-map-stage {
    grid-column:auto!important;
    min-width:0!important;
    min-height:0!important;
    width:100%!important;
    align-items:flex-start!important;
    text-align:left!important;
  }
  html body main #integration-map .electronics-map-stage strong {
    font-size:26px!important;
    line-height:1.15!important;
    max-width:100%!important;
  }
  html body main #integration-map .electronics-map-network {
    min-width:0!important;
    min-height:0!important;
    width:100%!important;
    grid-template-rows:auto!important;
    gap:12px!important;
    padding:0!important;
  }
  html body main #integration-map .map-lines,
  html body main #integration-map .map-screen,
  html body main #integration-map .map-result-ring {
    display:none!important;
  }
  html body main #integration-map .map-interface {
    box-sizing:border-box!important;
    min-width:0!important;
    min-height:76px!important;
    grid-template-columns:28px minmax(0,1fr)!important;
    gap:4px 12px!important;
    padding:16px!important;
    transform:none!important;
  }
  html body main #integration-map .map-interface-title {
    grid-column:2!important;
    font-size:16px!important;
    line-height:1.35!important;
  }
  html body main #integration-map .map-interface-sub {
    grid-column:2!important;
    font-size:13px!important;
    line-height:1.45!important;
    color:rgba(255,255,255,.7)!important;
  }
  html body main #integration-map .electronics-map-result {
    padding-top:20px!important;
    border-top:1px solid rgba(255,255,255,.16)!important;
  }
  html body main #integration-map .electronics-map-detail {
    grid-template-columns:28px minmax(0,1fr)!important;
    gap:12px!important;
    padding-top:24px!important;
  }
  html body main #integration-map .electronics-map-detail strong {
    font-size:26px!important;
    line-height:1.15!important;
  }
  html body main #integration-map .electronics-map-detail p {
    font-size:15px!important;
    line-height:1.65!important;
  }
  html body main .electronics-faq .faq-utility-copy {
    max-width:100%!important;
    font-size:14px!important;
    line-height:1.6!important;
  }
  html body main .electronics-faq .faq-list summary {
    min-width:0!important;
    gap:20px!important;
    padding:18px 0!important;
    font-size:16px!important;
    line-height:1.4!important;
    white-space:normal!important;
  }
  html body main .electronics-faq .faq-list summary span {
    flex-shrink:0!important;
  }
  html body main .electronics-faq .faq-answer {
    font-size:14px!important;
    line-height:1.65!important;
    padding-right:20px!important;
  }
  html body main .diagnostics-media {
    min-height:0!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:16px!important;
  }
  html body main .diagnostics-media .diag-main {
    position:relative!important;
    inset:auto!important;
    grid-area:1 / 1!important;
    width:88%!important;
    height:auto!important;
    aspect-ratio:4 / 5!important;
  }
  html body main .diagnostics-media .diag-detail {
    position:relative!important;
    inset:auto!important;
    grid-area:1 / 1!important;
    align-self:end!important;
    justify-self:end!important;
    width:50%!important;
    height:auto!important;
    margin:0!important;
    aspect-ratio:3 / 4!important;
    box-sizing:border-box!important;
    z-index:1!important;
  }
  html body main .diagnostics-media .diag-label {
    position:relative!important;
    inset:auto!important;
    grid-area:2 / 1!important;
    box-sizing:border-box!important;
    width:100%!important;
    max-width:none!important;
    padding:16px!important;
  }
  html body main .diagnostics-media .diag-label strong {
    font-size:10px!important;
  }
  html body main .diagnostics-media .diag-label span {
    font-size:14px!important;
    line-height:1.5!important;
  }
}