/* Zoie: one spacing system on phones (user's request, 2026-10-28: "spacing, padding, they should be all uniform").
   Loaded last on every page, so it wins over each page's own phone rules.
     · 64px above and below each section (sections that run into the next one with no bottom padding keep 0)
     · 16px from a pill / label to its headline, and from a headline to its subheader
     · 32px from a subheader (or headline) to the content under it
   Not touched: the home hero and the pinned channel stage, which are laid out to the screen's height; card insides. */
@media (max-width: 640px) {
  /* home */
  .how, .feat, .gcal, .mcp, .testimonials, .faq { padding-top: 64px; padding-bottom: 64px; }
  .how .lead, .feat .lead { margin-top: 16px; }
  .tl, .fs { margin-top: 32px; }
  .integrations { padding-bottom: 64px; }
  .int-title { margin-top: 48px; }
  .int-text { margin-top: 16px; }
  .int-controls { margin-top: 32px; }
  .t-sub { margin-top: 16px; }
  .t-grid { margin-top: 32px; }
  .faq-side { padding-top: 0; }
  .faq-sub { margin-top: 16px; }
  .blog { padding-top: 64px; }
  .blog-sub { margin-top: 16px; }
  .blog-grid { margin-top: 32px; }
  .cta-text { margin-top: 16px; }
  .cta-btns { margin-top: 32px; }
  .mcp-text { margin-top: 32px; }
  .mcp-features { margin-top: 38px; }   /* 32px visible */
  .gcal .features { margin-top: 40px; }   /* 32px of visible space (the paragraph above ends with 8px of its own) */
  .ch-pin.is-compact .channels-sub { margin-top: 16px; }

  /* page tops: pill → headline → subheader */
  .p-title, .cmp-hero .p-title { margin-top: 16px; }
  .p-sub { margin-top: 16px; }
  .cmp-hero { padding-bottom: 64px; }

  /* pricing and the pages that share its sections */
  .p-section, .p-calc-wrap, .p-support { padding-top: 64px; }
  .p-compare, .p-faq { padding-top: 64px; padding-bottom: 64px; }
  .p-channels { padding-top: 64px; }
  .p-section .h-38, .p-faq .h-38, .p-compare .h-38 { margin-top: 16px; }
  .p-lead, .cmp-lead { margin-top: 16px; }
  .p-grid3, .p-faq-list { margin-top: 32px; }
  .p-compare .compare-scroll { margin-top: 32px; }
  .p-calc-title { margin-top: 16px; }
  .p-calc-text { margin-top: 16px; }
  .p-calc-btn { margin-top: 32px; }

  /* about */
  .about-intro, .about-features, .about-split { padding-top: 64px; }
  .about-intro .about-h2, .about-head .about-h2, .about-split-text .about-h2 { margin-top: 16px; }
  .about-lead { margin-top: 16px; }
  .about-hub { margin-top: 32px; }
  .about-split-text > p:not(.p-eyebrow) { margin-top: 16px; }

  /* compare pages */
  .cmp-instead { padding-top: 64px; }
  .cmp-section-lead { margin-top: 16px; }
  .cmp-channels { padding-top: 64px; padding-bottom: 64px; }
  .cmp-final, .page-contact .cmp-final { padding-top: 64px; padding-bottom: 64px; }
  .cmp-final-text { margin-top: 16px; }
  .cmp-final-btn { margin-top: 32px; }
}