/* HDR mobile retrofit — loaded on every page */
@media (max-width: 920px){
  html, body { overflow-x: hidden; }
  body [style*="1360px"], body [style*="min-width: 1240px"], body [style*="min-width: 1100px"] { min-width: 0 !important; }
  header nav { display: none !important; }
  header > div:last-child { display: none !important; }
  header { padding: 10px 16px !important; }
  header img { height: 42px !important; }
  #hdr-mobile-btn { display: flex !important; }
  #hdr-mobile-member { display: block !important; }
}
@media (min-width: 921px){
  #hdr-mobile-btn, #hdr-mobile-menu, #hdr-mobile-member { display: none !important; }
}
@media (max-width: 700px){
  [style*="grid-template-columns"] { grid-template-columns: minmax(0,1fr) !important; }
  section [style*="display:flex"], section [style*="display: flex"] { flex-wrap: wrap; }
  section * { max-width: 100%; }
  section { padding-left: 18px !important; padding-right: 18px !important; }
  h1 { font-size: 34px !important; line-height: 1.15 !important; }
  h2 { font-size: 25px !important; line-height: 1.25 !important; }
  img { max-width: 100%; height: auto; }
  table { display: block; overflow-x: auto; }
  footer { padding-left: 18px !important; padding-right: 18px !important; }
  footer [style*="space-between"] { flex-direction: column; align-items: flex-start !important; gap: 12px; text-align: left; }
  footer [style*="space-between"] span { line-height: 1.6; }
  body [style*="1360px"] > div, body [style*="min-width: 1240px"] > div, body [style*="min-width: 1100px"] > div { padding-left: 18px !important; padding-right: 18px !important; }
  body [style*="1360px"] > header, body [style*="min-width: 1240px"] > header, body [style*="min-width: 1100px"] > header { padding: 10px 16px !important; }
  /* homepage hero */
  .m-hero-text { padding: 40px 20px 44px !important; }
  .m-hero-text [style*="nowrap"] { white-space: normal !important; }
  .m-hero-text a { text-align: center; }
  .m-hero-photos { height: 300px !important; margin-left: 0 !important; }
  .m-hero-photos > div { margin-right: 0 !important; display: none; }
  .m-hero-photos > div:first-child { display: block; }
  .m-hero-photos > div:first-child image-slot { clip-path: none !important; }
  .m-hero-icons { grid-template-columns: 1fr 1fr !important; gap: 18px !important; padding: 22px 20px 30px !important; margin-top: 0 !important; }
  .m-triage { flex-direction: column; align-items: stretch !important; gap: 16px !important; }
  .m-triage [style*="grid-template-columns"] { grid-template-columns: 1fr 1fr !important; }
  section [style*="nowrap"] { white-space: normal !important; }
  section [style*="min-width"] { min-width: 0 !important; }
  /* gold CTA banners (flex space-between): stack heading over buttons */
  section[style*="space-between"] { flex-direction: column; align-items: stretch !important; gap: 18px !important; }
  section[style*="space-between"] > div:last-child { display: flex; flex-wrap: wrap; gap: 12px; }
  section[style*="space-between"] > div:last-child a,
  section[style*="space-between"] > div:last-child button { flex: 1 1 auto; text-align: center; }
  /* pricing comparison table: keep columns, scroll horizontally */
  .m-ladder { display: none !important; }
  .m-compare { overflow-x: auto !important; -webkit-overflow-scrolling: touch; }
  .m-compare > div, .m-compare [style*="grid-template-columns"] { min-width: 620px !important; }
  .m-compare [style*="grid-template-columns"] { grid-template-columns: minmax(200px,1fr) 70px 110px 110px !important; }
}