/* =========================================================================
   Quarterly on Twenty Twenty-Four — layout bridge
   Load this AFTER assets/style.css. It lets the Quarterly full-bleed
   sections span the full viewport inside TT4's constrained content area.
   ========================================================================= */

/* TT4 constrains every direct child of the post content to the theme's
   content width. Quarterly sections are full-bleed and center their own
   inner content with .wrap, so release that constraint. */
.entry-content.is-layout-constrained > *,
.wp-block-post-content.is-layout-constrained > *,
.entry-content,
.wp-block-post-content {
  max-width: none !important;
}

/* Remove TT4's root/main padding so sections control their own spacing. */
.wp-site-blocks > main,
.wp-block-group.is-layout-constrained.has-global-padding {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* TT4 injects vertical block gaps between top-level children; Quarterly
   sections already include their own padding, so collapse the extra gap. */
.entry-content.is-layout-flow > * + *,
.wp-block-post-content.is-layout-flow > * + * {
  margin-block-start: 0;
}

/* Note: the no-JavaScript safety net for the .r reveal animation is added as a
   <noscript> style by the enqueue snippet (functions.php), so JS users keep the
   fade-in while no-JS visitors still see all content. */