/*
 * Tonal separation between the participant story and the final invitation.
 * Both remain in the navy family, but they should read as distinct moments.
 */

:root {
  --smes-story-field-start: #17384a;
  --smes-story-field-end: #194354;
  --smes-cta-field-start: #0f2942;
  --smes-cta-field-end: #112f46;
}

body .smes-section--navy:has(.smes-quote-wrap) {
  background: linear-gradient(135deg, var(--smes-story-field-start) 0%, var(--smes-story-field-end) 100%);
}

body .smes-section--navy:has(.smes-quote-wrap) + .smes-cta-band {
  border-top-color: rgba(240, 215, 157, 0.22);
  background: linear-gradient(135deg, var(--smes-cta-field-start) 0%, #102a43 62%, var(--smes-cta-field-end) 100%);
}

/* Keep attribution with the quote, then group the context and story link. */
body .smes-quote-wrap .smes-quote {
  margin-bottom: 1rem;
}

body .smes-quote-wrap .smes-quote-meta {
  margin: 0 0 1.45rem;
}

body .smes-quote-wrap .smes-quote-context {
  margin-top: 0;
}

body .smes-quote-wrap > p:last-child {
  margin-top: 0.6rem;
}
/* Home impact-to-settings transition: cool white into a distinct warm field. */
body .wp-block-post-content > .smes-section:has(.smes-workshop-grid) {
  border-top: 1px solid rgba(196, 154, 69, 0.24);
  border-bottom: 1px solid rgba(196, 154, 69, 0.14);
  background: linear-gradient(180deg, #f3eadc 0%, #ecdfca 100%);
}