/* Cross-site mobile corrections: keep every control inside the viewport. */

*, *::before, *::after { box-sizing: border-box; }
img, video, iframe, svg { max-width: 100%; }

@media (max-width: 1060px) {
  /* automatic min-sizing on flex/grid children is what pushed content past the
     viewport edge (and under overflow-x: clip, out of reach entirely) */
  body * { min-width: 0; }

  header { padding-left: 16px !important; padding-right: 16px !important; gap: 10px !important; }
  header > a:first-child { font-size: 13px !important; letter-spacing: 0.16em !important; }
  header nav { flex: 1 1 auto; justify-content: flex-end; gap: 10px !important;
    overflow-x: auto; overflow-y: hidden; scrollbar-width: none; -ms-overflow-style: none; }
  header nav::-webkit-scrollbar { display: none; }
  header nav > *, header > div > * { flex: 0 0 auto; }

  /* the burger is the mobile navigation — always last, always pinned right,
     never inside the horizontally-scrolling nav strip */
  header ldr-nav, header .sc-host-x:has(ldr-nav) { display: inline-flex !important; align-items: center;
    flex: 0 0 auto !important; order: 99; margin-left: 4px; }
  .ldr-nav-burger { display: flex !important; width: 44px !important; height: 44px !important;
    padding: 0 !important; flex: 0 0 auto !important; }
}

@media (max-width: 760px) {
  header { padding-top: 12px !important; padding-bottom: 12px !important; }

  /* pill controls keep a tappable target but drop the tracking that overflowed */
  header button:not(.ldr-burger):not(.ldr-nav-burger) { padding: 9px 12px !important; font-size: 9.5px !important; letter-spacing: 0.1em !important; }
  header a[href*="Login"], header a[href*="Contact"] { padding: 9px 14px !important; font-size: 9.5px !important; letter-spacing: 0.12em !important; }
  header [class*="langpill"] { gap: 2px !important; padding: 3px !important; }
  header [class*="langpill"] button { padding: 6px 8px !important; font-size: 9px !important; letter-spacing: 0.06em !important; }

  /* hover/tap summaries: edge-to-edge sheet instead of a 300px card clipped by the screen */
  .ldr-oidx .ldr-oidx-sum { position: fixed !important; left: 14px !important; right: 14px !important;
    width: auto !important; top: auto !important; bottom: 78px !important; transform: none !important; }
  .ldr-oidx:hover .ldr-oidx-sum, .ldr-oidx:focus-visible .ldr-oidx-sum,
  .ldr-oidx:active .ldr-oidx-sum { transform: none !important; opacity: 1 !important; pointer-events: auto !important; }
  .ldr-oidx .ldr-oidx-sum::before { display: none !important; }

  main { padding-left: 20px !important; padding-right: 20px !important; }
  h1, h2, h3 { overflow-wrap: break-word; }
}