/* Clear, quiet section changes on lower pages. TOP has its own composition. */
html body.site-unified.section-toned-page .section-tone {
  --section-surface: #fff;
  background: var(--section-surface) !important;
  color: #173e2b;
  box-shadow: inset 0 1px 0 #c5d4c0;
}
html body.site-unified.section-toned-page .section-tone--white {
  --section-surface: #fff;
}
html body.site-unified.section-toned-page .section-tone--pale {
  --section-surface: #e5edde;
}
html body.site-unified.section-toned-page .section-tone--sage {
  --section-surface: #d4e2cd;
}

/* The final invitation uses a light surface, with a clear dark-green title. */
html body.site-unified.section-toned-page .section-tone.brief-cta h2,
html body.site-unified.section-toned-page .section-tone .cta-banner__title {
  color: #173e2b !important;
}
html body.site-unified.section-toned-page .section-tone.brief-cta > .wrap > p,
html body.site-unified.section-toned-page .section-tone.brief-cta .caption,
html body.site-unified.section-toned-page .section-tone .cta-banner__desc {
  color: #405944 !important;
}
html body.site-unified.section-toned-page .section-tone.cta-banner .btn--outline {
  color: #1f5e3b !important;
  border-color: #1f5e3b !important;
}
html body.site-unified.section-toned-page .section-tone.brief-cta .text-link {
  color: #1f5e3b;
}

/* Keep explanatory pages and inputs distinct from their surrounding band. */
html body.site-unified.section-toned-page .section-tone details.visual-detail,
html body.site-unified.section-toned-page .section-tone .faq details,
html body.site-unified.section-toned-page .section-tone .support-faq details {
  background: #fff !important;
  border-color: #9fb69d !important;
}
html body.site-unified.section-toned-page .section-tone .visual-prices article:not(:nth-child(2)) {
  background: #fff;
  box-shadow: inset 0 0 0 1px #b4c8ad;
}
html body.site-unified.section-toned-contact main,
html body.site-unified.section-toned-contact .contact-form,
html body.site-unified.section-toned-legal .privacy-body {
  background: #fff;
}
html body.site-unified.section-toned-contact .section-tone-panel {
  background: #d4e2cd !important;
  box-shadow: inset 0 0 0 1px #a8bea2;
  color: #173e2b;
}
html body.site-unified.section-toned-contact .section-tone-panel .contact-reservation-box__title {
  color: #173e2b;
}
html body.site-unified.section-toned-contact .section-tone-panel .contact-reservation-box__desc {
  color: #405944;
}

/* These sections formerly used dark surfaces; their copy follows the new paper tones. */
html body.site-unified .section-tone.wellness-services .wellness-section-head h2,
html body.site-unified .section-tone.wellness-flow h2,
html body.site-unified .section-tone.wellness-flow h3,
html body.site-unified .section-tone.recruit-values h2,
html body.site-unified .section-tone.recruit-values .recruit-value-card__title {
  color: #173e2b;
}
html body.site-unified .section-tone.wellness-services .wellness-section-head > p,
html body.site-unified .section-tone.wellness-flow p {
  color: #405748;
}
html body.site-unified .wellness-service-list { gap: 22px; }
html body.site-unified .wellness-service-card {
  min-height: 0;
  padding: 32px;
  border: 1px solid #b8cbb2;
  border-top: 3px solid #1f5e3b;
  border-radius: 3px;
  background: #fff;
  color: #173e2b;
  justify-content: flex-start;
}
html body.site-unified .wellness-service-card > span,
html body.site-unified .wellness-flow__list > li > span,
html body.site-unified .recruit-value-card__num {
  color: #8b6922;
  font: 500 34px/1.2 Georgia, serif;
}
html body.site-unified .wellness-service-card h3 {
  color: #173e2b;
  font-size: 24px;
  line-height: 1.6;
}
html body.site-unified .wellness-service-card p,
html body.site-unified .recruit-value-card__desc {
  color: #405748;
  opacity: 1;
  font-size: 15px;
  line-height: 1.9;
}
html body.site-unified .wellness-service-card li {
  color: #405748;
  border-color: #c4d3bd;
  border-radius: 3px;
  background: #eef3e9;
}
html body.site-unified .wellness-flow__list,
html body.site-unified .wellness-flow__list li { border-color: #b8cbb2; }
html body.site-unified .recruit-value-card {
  background: #fff;
  border: 1px solid #b8cbb2;
  border-top: 3px solid #1f5e3b;
  border-radius: 3px;
  padding: 32px;
}
html body.site-unified .recruit-values__label { color: #405748; }
@media(max-width:767px) {
  html body.site-unified .wellness-service-card,
  html body.site-unified .recruit-value-card { padding: 26px 24px; }
  html body.site-unified .wellness-service-card h3 { font-size: 22px; }
}

/* Short phrases hold together at natural breaks on small screens. */
html body.site-unified .heading-phrase { display: inline-block; }
html body.site-unified .service-main-title > span { display: block; }
html body.site-unified .brief-cta h2 .heading-phrase { display: block; }
@media(max-width:767px) {
  html body.site-unified .visual-section > .wrap > h2 { font-size: 26px; line-height: 1.6; }
  html body.site-unified .renewal-hero__label { line-height: 1.8; }
}