/* ==========================================================================
   The content's own margin on a phone
   Six millimetres in from either edge — but for the words and the pictures
   inside a block, not for the block itself. Every ground still runs the
   full width of the screen, and so does the WhatsApp button; it is what
   they carry that is held off the edge.

   --page-x is what every block already pads itself by, so setting it once
   here moves all of them together.
   ========================================================================== */
@media (max-width: 760px) {
  :root { --page-x: .6cm; }

  /* panels.css takes the whole work block full bleed on a phone and pads
     only its heading and its chips, so the collage of categories ran to
     both edges. It is content, so it comes in with the rest. */
  .folio-category-stage { margin-inline: var(--page-x); }
}