/* =========================================
   Core Layout — structural only
   ========================================= */
*, *::before, *::after {
  box-sizing: border-box;
}

/* ============================================================
   Browser Stability Layer (anti-Safari)
   ------------------------------------------------------------
   Prevents layout overflow and viewport rounding issues.
   ============================================================ */

/* Prevent horizontal scroll caused by viewport rounding */
html {
  overflow-y: scroll;
  overflow-x: hidden;
  scrollbar-gutter: stable;
}

/* iOS + Safari additional safeguard */
body {
  overflow-x: hidden;
  background: var(--tx-navy);
  color: var(--tx-white);
}

/* Prevent media elements from breaking layout */
img,
svg,
video,
canvas {
  max-width: 100%;
  height: auto;
  display: block;
}

/* Avoid 100vw scrollbar issue */
:root {
  --viewport-width: 100%;
}

.container {
  width: 100%;
  max-width: 1160px;
  margin: 0 auto;
  padding: 0 var(--space-md);
}