/* Marsa Foundation — mobile adaptation.
   Base styling is inline in each page; this sheet ONLY contains
   viewport media-query overrides (which cannot be expressed inline). */

@media (max-width: 860px) {
  /* page shell */
  .m-page { min-width: 0 !important; }
  .m-page > div { padding-left: 20px !important; padding-right: 20px !important; }

  /* nav wraps into two rows */
  .m-nav { padding: 14px 20px !important; flex-wrap: wrap !important; gap: 12px !important; }
  .m-nav-links { flex-wrap: wrap !important; gap: 12px 16px !important; }

  /* every multi-column grid stacks */
  .m-cols { grid-template-columns: 1fr !important; }

  /* type scale */
  h1 { font-size: 38px !important; line-height: 1.12 !important; }
  h2 { font-size: 26px !important; }
  .m-bigtext { font-size: 22px !important; }

  /* home hero */
  .m-hero-copy { padding: 44px 0 36px !important; }
  .m-wall { height: 400px !important; }
  .m-wall-scale { transform: scale(.4) rotateX(55deg) rotateZ(45deg) !important; left: 10px !important; top: -20px !important; }

  /* partners network map keeps its drawing aspect so labels stay aligned */
  .m-map { height: auto !important; aspect-ratio: 460 / 340 !important; }
}