/* Mobile header overflow fix.
 * Most pages inline their own copy of header CSS instead of using
 * page-common.css, so this file is linked LAST (right before </head>)
 * on every page: later same-specificity rules win over inline <style>.
 * Fixes: at <=760px the brand + lang-switch + "Request a Quote" CTA
 * together exceeded the viewport (scrollWidth 399 > 390).
 */
@media (max-width: 760px) {
  .nav { height: 52px; padding-left: 16px; padding-right: 16px; }
  .nav .links { display: none; }
  .nav .brand { font-size: 13px; letter-spacing: 0; gap: 6px; }
  .nav .brand-logo { height: 20px; }
  .nav > .cta { padding: 6px 10px; font-size: 12px; white-space: nowrap; }
  .nav > .cta h2 { font-size: 12px; margin: 0; }
  /* compare pages: wide comparison table must scroll inside its own box,
     otherwise it stretches the whole document (scrollWidth 471 > 390). */
  .ctable-wrap { overflow-x: auto; -webkit-overflow-scrolling: touch; }
  .ctable-wrap .ctable { min-width: 520px; }
}