/* ═══ U-Rock Community Mobile Standard v1 — 2026-07-17 ═══
   One rule set, linked by every community page. Kills horizontal
   sliding and keeps content inside the viewport on any phone. */
html, body { max-width: 100vw; overflow-x: hidden; }
*, *::before, *::after { box-sizing: border-box; min-width: 0; }
img, video, iframe, canvas, svg { max-width: 100%; }
table { display: block; max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
pre { max-width: 100%; overflow-x: auto; }
input, select, textarea, button { max-width: 100%; }
@media (max-width: 640px) {
  body { -webkit-text-size-adjust: 100%; }
}

/* v1.1 — flex children may shrink, but nav links must never overlap:
   they keep natural width and the nav scrolls horizontally instead. */
nav a { min-width: max-content; flex: 0 0 auto; }