/**
 * Manual CSS overrides.
 *
 * This file is enqueued LAST (after generate-style, rnc-main, and
 * rnc-woocommerce), so anything written here wins the cascade by source
 * order alone — no !important needed for normal overrides, even against
 * auto-generated core block classes like `is-layout-flow` or GeneratePress/
 * WooCommerce defaults.
 *
 * Find the selector to target with the browser inspector, then add a rule
 * below. Group related rules under a comment heading that matches the
 * pattern/section name (e.g. STATS, HERO, HEADER) so this stays easy to scan.
 */
.stats > .wp-block-group__inner-container {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
}

.rnc-prose h2.page-statement {
  margin: 0 !important;
}

/* ABOUT PAGE — kill all top/bottom padding on the closing statement section
   so it sits directly under the story text with no dead space. */
.wp-block-group.page-sec.page-sec-dark {
  padding-top: 0 !important;
  padding-bottom: 1rem !important;
}

.wp-block-group.page-sec.page-sec-dark > * {
  padding: 0 !important;
}