/* =========================================================
   Metrica — global mobile shell
   Most responsive rules live inside each block's CSS file
   so they migrate cleanly into block-themed WP.
   This file holds only truly global mobile concerns.
   ========================================================= */

/* Container shrinks to safe gutter on mobile */
@media (max-width: 900px) {
  .container {
    padding-left: 20px;
    padding-right: 20px;
    max-width: 100%;
  }

  /* Generic section side-padding reset
     (each block defines its own vertical rhythm) */
  section,
  .section {
    padding-left: 0;
    padding-right: 0;
  }
}