/*
 * Global shell rhythm.
 * Full-bleed sections own their internal spacing; WordPress flow gaps must not
 * create paper-colored seams between them.
 */

:root {
  --smes-header-height: 6rem;
}

.smes-site-header,
.smes-header-inner {
  min-height: var(--smes-header-height);
}

.smes-header-inner {
  align-items: center !important;
  padding-block: 0.55rem;
}

.smes-header-inner > * {
  align-self: center;
}

body .wp-site-blocks > * + *,
body main#main,
body main#main > .wp-block-post-content,
body .wp-block-post-content > .smes-section,
body .wp-block-post-content > .smes-section + .smes-section,
body .wp-site-blocks > .wp-block-template-part {
  margin-block-start: 0 !important;
  margin-block-end: 0 !important;
}

body .wp-block-post-content > .smes-section--navy + .smes-cta-band {
  border-top: 1px solid rgba(240, 215, 157, 0.13);
}

body .smes-section--navy:has(.smes-quote-wrap) {
  padding-bottom: clamp(2.5rem, 4vw, 3.5rem);
}

body .smes-section--navy:has(.smes-quote-wrap) + .smes-cta-band {
  padding-top: clamp(3rem, 5vw, 4.25rem);
}

.smes-site-footer {
  margin-block-start: 0 !important;
  border-top: 1px solid rgba(240, 215, 157, 0.14);
}

@media (max-width: 520px) {
  :root {
    --smes-header-height: 4.75rem;
  }

  .smes-header-inner {
    padding-block: 0.5rem;
  }
}