/* ReliefSource brand palette (B3-4 marketing slice).
   Scoped to body.brand-reliefsource so it ONLY re-themes ReliefSource hosts —
   chirostore.net pages never carry this class, so site.css is untouched for them.
   Overrides the site.css custom properties the existing components already read
   (var(--navy), var(--gold), etc.), so chrome re-themes with no class churn.
   Deck palette: navy #0A287C / royal #213C88 / accent lime #8FC400 / ink #232744. */
body.brand-reliefsource {
  --navy: #0A287C;
  --navy-light: #213C88;
  --gold: #8FC400;          /* accent lime in place of ChiroStore gold */
  --gold-bright: #A6DB1A;
  --teal: #213C88;          /* royal as the secondary accent */
  --charcoal: #232744;      /* deck ink */
  --navy-bg: #EDF1FA;
  --teal-bg: #EDF1FA;
}

/* Brand logo in the header (replaces the text wordmark for ReliefSource). */
body.brand-reliefsource .partners-brand-logo,
body.brand-reliefsource .apex-brand-logo {
  height: 34px;
  width: auto;
  display: inline-block;
  vertical-align: middle;
}

/* Direct-contact CTA pill (marketing slice — no funnel button). */
body.brand-reliefsource .rs-contact-phone {
  margin-left: 14px;
  font-weight: 600;
  white-space: nowrap;
}

/* --- RS apex hero + inversion statement (marketing slice, scoped to RS) --- */
body.brand-reliefsource .rs-hero {
  background: var(--navy-bg);
  padding: 64px 0 56px;
}
body.brand-reliefsource .rs-hero-inner { max-width: 860px; }
body.brand-reliefsource .rs-eyebrow {
  text-transform: uppercase; letter-spacing: .08em; font-weight: 600;
  color: var(--navy-light); font-size: .82rem; margin: 0 0 12px;
}
body.brand-reliefsource .rs-hero-headline {
  font-family: var(--font-serif); color: var(--navy);
  font-size: clamp(1.9rem, 4vw, 2.9rem); line-height: 1.12; margin: 0 0 18px;
}
body.brand-reliefsource .rs-hero-subhead {
  font-size: 1.12rem; line-height: 1.6; color: var(--charcoal); max-width: 720px; margin: 0 0 26px;
}
body.brand-reliefsource .rs-cta-row { display: flex; flex-wrap: wrap; gap: 14px; align-items: center; }
body.brand-reliefsource .rs-cta-center { justify-content: center; margin-top: 28px; }
body.brand-reliefsource .rs-roadmap-note {
  margin: 18px 0 0; font-size: .92rem; color: var(--grey-700); font-style: italic;
}
body.brand-reliefsource .rs-inversion { padding: 56px 0; }
body.brand-reliefsource .rs-section-headline {
  font-family: var(--font-serif); color: var(--navy); text-align: center;
  font-size: clamp(1.5rem, 3vw, 2.1rem); line-height: 1.18; margin: 0 auto 16px; max-width: 800px;
}
body.brand-reliefsource .rs-section-body {
  max-width: 760px; margin: 0 auto 36px; text-align: center; line-height: 1.6; color: var(--charcoal);
}
body.brand-reliefsource .rs-statement-grid {
  display: grid; grid-template-columns: 1fr 1fr; gap: 22px; max-width: 880px; margin: 0 auto;
}
@media (max-width: 680px) { body.brand-reliefsource .rs-statement-grid { grid-template-columns: 1fr; } }
body.brand-reliefsource .rs-statement {
  border: 1px solid var(--grey-200); border-radius: var(--radius); padding: 24px 26px; background: var(--white);
}
body.brand-reliefsource .rs-statement h3 { margin: 0 0 14px; font-size: 1.05rem; color: var(--navy); }
body.brand-reliefsource .rs-statement ul { margin: 0; padding-left: 18px; line-height: 1.7; color: var(--grey-700); }
body.brand-reliefsource .rs-statement-foot { margin: 16px 0 0; font-weight: 700; font-size: 1.15rem; }
body.brand-reliefsource .rs-statement-bill { border-top: 4px solid var(--grey-300); }
body.brand-reliefsource .rs-statement-bill .rs-statement-foot { color: var(--grey-700); }
body.brand-reliefsource .rs-statement-check { border-top: 4px solid var(--gold); }
body.brand-reliefsource .rs-statement-check .rs-statement-foot { color: var(--navy); }

/* --- RS partner pages: steps / features / roadmap / faq / cta band --- */
body.brand-reliefsource .rs-narrow { max-width: 820px; }
body.brand-reliefsource .rs-page-head { background: var(--navy-bg); padding: 56px 0 40px; }
body.brand-reliefsource .rs-steps-band { padding: 52px 0; }
body.brand-reliefsource .rs-steps {
  display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; max-width: 980px; margin: 0 auto;
}
@media (max-width: 760px) { body.brand-reliefsource .rs-steps { grid-template-columns: 1fr; } }
body.brand-reliefsource .rs-step {
  background: var(--white); border: 1px solid var(--grey-200); border-radius: var(--radius); padding: 26px 24px;
}
body.brand-reliefsource .rs-step-num {
  display: inline-flex; align-items: center; justify-content: center; width: 34px; height: 34px;
  border-radius: 50%; background: var(--navy); color: var(--white); font-weight: 700; margin-bottom: 12px;
}
body.brand-reliefsource .rs-step h3 { margin: 0 0 8px; color: var(--navy); font-size: 1.1rem; }
body.brand-reliefsource .rs-step p { margin: 0; line-height: 1.6; color: var(--grey-700); }
body.brand-reliefsource .rs-inclinic { padding: 44px 0; background: var(--navy-bg); }
body.brand-reliefsource .rs-features { padding: 52px 0; }
body.brand-reliefsource .rs-feature-grid {
  display: grid; grid-template-columns: repeat(2, 1fr); gap: 22px; max-width: 940px; margin: 0 auto;
}
@media (max-width: 680px) { body.brand-reliefsource .rs-feature-grid { grid-template-columns: 1fr; } }
body.brand-reliefsource .rs-feature h3 { margin: 0 0 8px; color: var(--navy); font-size: 1.05rem; }
body.brand-reliefsource .rs-feature p { margin: 0; line-height: 1.6; color: var(--grey-700); }
body.brand-reliefsource .rs-roadmap-callout {
  max-width: 940px; margin: 34px auto 0; padding: 22px 26px; border-radius: var(--radius);
  background: var(--teal-bg); border-left: 4px solid var(--navy-light);
}
body.brand-reliefsource .rs-roadmap-callout h3 { margin: 0 0 8px; color: var(--navy); font-size: 1.02rem; }
body.brand-reliefsource .rs-roadmap-callout p { margin: 0; line-height: 1.6; color: var(--grey-700); }
body.brand-reliefsource .rs-roadmap-callout em { color: var(--navy-light); font-style: italic; }
body.brand-reliefsource .rs-verticals { padding: 44px 0; }
body.brand-reliefsource .rs-trust { padding: 48px 0; background: var(--navy-bg); }
body.brand-reliefsource .rs-faq { padding: 52px 0; }
body.brand-reliefsource .rs-faq-list { max-width: 760px; margin: 0 auto; }
body.brand-reliefsource .rs-faq-list dt { font-weight: 700; color: var(--navy); margin-top: 20px; }
body.brand-reliefsource .rs-faq-list dd { margin: 6px 0 0; line-height: 1.6; color: var(--grey-700); }
body.brand-reliefsource .rs-cta-band { padding: 56px 0; background: var(--navy); color: var(--white); text-align: center; }
body.brand-reliefsource .rs-cta-band .rs-section-headline,
body.brand-reliefsource .rs-cta-band .rs-section-body { color: var(--white); }
body.brand-reliefsource .rs-cta-contact { font-size: 1.1rem; margin: 0 0 22px; }
body.brand-reliefsource .rs-cta-contact a { color: var(--gold-bright); font-weight: 600; }
body.brand-reliefsource .rs-inline-link { color: var(--navy-light); font-weight: 600; }

/* --- Buy-to-sell inquiry (Stage 4): RS-only, scoped. The shared partners-form
   is a bordered card; inside the modal panel it would double up, so strip its
   chrome there. The form is taller than the QR/sample modals, so let the panel
   scroll. The interest <select> isn't styled by partners.css (no select on
   chirostore forms), so give it the same field treatment on RS pages. --- */
body.brand-reliefsource #inquiry-modal .qr-modal-panel { max-height: 90vh; overflow-y: auto; }
body.brand-reliefsource #inquiry-modal .partners-form { border: 0; padding: 0; background: transparent; }
body.brand-reliefsource .partners-form-field select {
  width: 100%; padding: 10px 12px; font-family: var(--font-sans); font-size: 1rem;
  border: 1px solid var(--grey-300); border-radius: var(--radius);
  background: var(--white); color: var(--charcoal);
}
body.brand-reliefsource .partners-form-field select:focus {
  outline: none; border-color: var(--gold); box-shadow: 0 0 0 3px rgba(184, 134, 11, 0.15);
}