/* =====================================================================
   Enviro Blocks — Layout vertical rhythm
   Part of the "Enviro Blocks — Layout" plugin. Loaded site-wide at
   priority 99, after each page's inline <style>.
   Only ever REDUCES spacing below 768px — desktop is untouched.
   ===================================================================== */

/* ── VERTICAL RHYTHM ─────────────────────────────────────────────────
   Only Home and Contact reduced section padding on mobile. Every other
   template kept its desktop value at every width - Installation held
   96px top AND bottom across seven consecutive sections, so a phone
   user scrolled ~192px of empty space between each block.

   One shared scale below, so page-to-page spacing reads as a system.
   Desktop values are left exactly as authored.
   ──────────────────────────────────────────────────────────────────── */

@media (max-width: 768px) {
  .section,
  .section-alt,
  .steps-section,
  .circle-guide,
  .tools-section,
  .tips-section,
  .calc-section,
  .playground-section,
  .policy-section,
  .faq-layout,
  .contact-section,
  .video-section,
  .rating-section,
  .featured-section,
  .reviews-section,
  .shop-section,
  .why-band {
    padding-top: 56px !important;
    padding-bottom: 56px !important;
  }
  /* Narrow bands stay proportionally tighter than full sections */
  .times-band, .summary-band, .acc-header {
    padding-top: 36px !important;
    padding-bottom: 36px !important;
  }
}

@media (max-width: 480px) {
  .section,
  .section-alt,
  .steps-section,
  .circle-guide,
  .tools-section,
  .tips-section,
  .calc-section,
  .playground-section,
  .policy-section,
  .faq-layout,
  .contact-section,
  .video-section,
  .rating-section,
  .featured-section,
  .reviews-section,
  .shop-section,
  .why-band {
    padding-top: 44px !important;
    padding-bottom: 44px !important;
  }
  .times-band, .summary-band, .acc-header {
    padding-top: 28px !important;
    padding-bottom: 28px !important;
  }
}