/* P2P site-wide fixes (2026-06-28)
   1) Kill horizontal overflow that caused mobile hamburger tap to register as a zoom/pan.
   2) Center the orange stat strip on mobile (was cramped 2-col, left-aligned). */

/* 1) Horizontal overflow guard — decorative orbs and hidden mega-dropdowns extend past the
   right edge and make the page pan/zoom on phones. Clip it at the root without creating a
   scroll container, and prevent off-canvas elements from widening the document. */
html, body {
  overflow-x: clip;
  max-width: 100%;
}
/* Belt-and-suspenders: hidden dropdown panels must not contribute to scroll width */
.dd-panel { max-width: 100vw; }
@media (max-width: 1000px) {
  .glow-orb { max-width: 100vw; }
}

/* 2) Mobile stat strip: single centered column, centered text. Desktop layout unchanged. */
@media (max-width: 640px) {
  .statstrip {
    grid-template-columns: 1fr !important;
    text-align: center;
    justify-items: center;
    gap: 28px !important;
  }
  .statstrip .stat { text-align: center; width: 100%; }
  .statstrip .stat .n { justify-content: center; }
  .statstrip .stat .l { text-align: center; }
}

/* 3) Header nav links must never wrap (e.g. "Log In / Sign Up" was breaking to 3 lines
   on the standalone pages where the host page CSS gave the nav less room). */
header[data-astro-cid-3ef6ksr2] nav a,
header[data-astro-cid-3ef6ksr2] .trigger {
  white-space: nowrap;
}