/**
 * Sub-page visual system (Zones 1–5, Prompt 12 maroon palette).
 */

/* ── Global zone enforcement (all sub-pages) ─────────────────────────────── */
body.r26-site-subpage {
  background: #f8fafc;
  color: #0f172a;
}

body.r26-site-subpage .r26-zone-header {
  background: #0f172a;
}

body.r26-site-subpage .r26-zone-header__title {
  color: #ffffff;
}

body.r26-site-subpage .r26-zone-header__sub {
  color: #94a3b8;
}

body.r26-site-subpage .r26-zone-body {
  background: #f8fafc;
  color: #0f172a;
}

body.r26-site-subpage .r26-zone-feature {
  background: #0f172a;
  color: #ffffff;
}

body.r26-site-subpage .r26-zone-cta {
  background: #0f172a;
}

body.r26-site-subpage .r26-zone-cta__title {
  color: #ffffff;
}

body.r26-site-subpage .r26-zone-cta .r26-btn,
body.r26-site-subpage .r26-zone-cta .r26-btn--on-dark {
  background: #ffffff;
  color: #0f172a;
  font-weight: 700;
  border-radius: 4px;
}

body.r26-site-subpage .r26-zone-cta .r26-btn:hover,
body.r26-site-subpage .r26-zone-cta .r26-btn--on-dark:hover {
  background: #e2e8f0;
  color: #0f172a;
}

body.r26-site-subpage .r26-footer {
  background: var(--r26-near-black, #030712);
  color: #ffffff;
  border-top-color: var(--r26-charcoal, #111827);
}

/* Light-surface CTAs */
body.r26-site-subpage .r26-zone-body .r26-btn:not(.r26-btn--on-dark) {
  background: #0f172a;
  color: #ffffff;
  font-weight: 700;
  border-radius: 4px;
}

body.r26-site-subpage .r26-zone-body .r26-btn:not(.r26-btn--on-dark):hover {
  background: #1e293b;
  color: #ffffff;
}

/* Light-zone cards: neutral 1px borders, no accent stripes or shadows */
body.r26-site-subpage .r26-zone-body .sp-card,
body.r26-site-subpage .r26-zone-body .tp-course,
body.r26-site-subpage .r26-zone-body .cr-quote,
body.r26-site-subpage .r26-zone-body .cr-partner,
body.r26-site-subpage .r26-zone-body .cr-bio,
body.r26-site-subpage .r26-zone-body .r26-card {
  border: 1px solid #e2e8f0;
  box-shadow: none;
}

body.r26-site-subpage .r26-zone-body .tp-course__title,
body.r26-site-subpage .r26-zone-body .tp-section-title,
body.r26-site-subpage .r26-zone-body .sp-card__name,
body.r26-site-subpage .r26-zone-body .sp-acc-title {
  color: #0f172a;
}

body.r26-site-subpage .r26-zone-body .tp-course__outcome,
body.r26-site-subpage .r26-zone-body .tp-course__meta dd,
body.r26-site-subpage .r26-zone-body .sp-card__audience,
body.r26-site-subpage .r26-zone-body .sp-card__deliverable,
body.r26-site-subpage .r26-zone-body .sp-acc__body {
  color: #1e293b;
}

body.r26-site-subpage .r26-zone-body .tp-course__meta dt,
body.r26-site-subpage .r26-zone-body .sp-card__sub,
body.r26-site-subpage .r26-zone-body .sp-snapshot__label {
  color: #64748b;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

body.r26-site-subpage .r26-zone-body .tp-course__fee,
body.r26-site-subpage .r26-zone-body .sp-card__price,
body.r26-site-subpage .r26-zone-body .sp-snapshot__price {
  color: #0f172a;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.65;
}

body.r26-site-subpage .r26-zone-body .sp-card--featured .sp-card__price {
  color: var(--r26-text-on-dark);
}

/* Dark-surface CTAs: white button, dark text */
body.r26-site-subpage .r26-zone-feature .r26-btn,
body.r26-site-subpage .r26-btn--on-dark {
  background: #ffffff;
  color: #0f172a;
  font-weight: 700;
  border-radius: 4px;
}

body.r26-site-subpage .r26-zone-feature .r26-btn:hover,
body.r26-site-subpage .r26-btn--on-dark:hover {
  background: #e2e8f0;
  color: #0f172a;
}

/* ── Training ────────────────────────────────────────────────────────────── */
.training-rebuild .r26-zone-feature.tp-gap {
  background: #0f172a;
  color: #ffffff;
  border-radius: 0;
  margin: 0;
  padding: clamp(2.5rem, 6vw, 4rem) var(--r26-content-pad);
  border-bottom: 1px solid #1e293b;
}

.training-rebuild .tp-gap .tp-wrap {
  max-width: var(--r26-content-max);
  margin: 0 auto;
  padding: 0;
}

.training-rebuild .tp-gap__eyebrow {
  color: #94a3b8;
}

.training-rebuild .tp-gap__title {
  color: #ffffff;
}

.training-rebuild .tp-gap__body {
  color: #94a3b8;
}

.training-rebuild .tp-course {
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  box-shadow: none;
}

.training-rebuild .tp-course--snapshot {
  background: #ffffff;
}

.training-rebuild .tp-section-title {
  color: #0f172a;
}

.training-rebuild .tp-course .r26-btn {
  background: #0f172a;
}

.training-rebuild .tp-course .r26-btn:hover {
  background: #1e293b;
}

.training-rebuild .train-disclaimer {
  color: #64748b;
}

/* Services page-level legal disclaimer: keep it off the edges and readable */
.sp-disclaimer {
  padding: clamp(2.5rem, 5vw, 3.5rem) var(--r26-content-pad) clamp(3rem, 6vw, 4rem);
  color: #64748b;
  font-size: 0.8125rem;
  line-height: 1.6;
}
.sp-disclaimer p {
  max-width: 62ch;
  margin: 0 auto;
}

/* ── Credentials ─────────────────────────────────────────────────────────── */
.credentials-rebuild .cr-feature-quote {
  padding: clamp(2.5rem, 6vw, 3.5rem) var(--r26-content-pad);
  border-radius: 0;
}

.credentials-rebuild .cr-feature-quote .cr-quote {
  max-width: var(--r26-content-max);
  margin: 0 auto;
  border: none;
  border-radius: 0;
  background: rgba(255, 255, 255, 0.06);
  padding: 2rem 1.8rem;
}

.credentials-rebuild .cr-feature-quote .cr-quote__text,
.credentials-rebuild .cr-feature-quote .cr-quote__name {
  color: #ffffff;
}

.credentials-rebuild .cr-feature-quote .cr-quote__role,
.credentials-rebuild .cr-feature-quote .cr-quote__note {
  color: #94a3b8;
}

.credentials-rebuild .cr-feature-quote .cr-quote__link {
  color: #ffffff;
}

.credentials-rebuild .cr-quote {
  background: #ffffff;
  border: 1px solid #e2e8f0;
  box-shadow: none;
  border-radius: 8px;
}

.credentials-rebuild .cr-quote__text {
  color: #1e293b;
}

.credentials-rebuild .cr-founder__quote,
.credentials-rebuild .cr-section-title,
.credentials-rebuild .cr-founder__name,
.credentials-rebuild .cr-bio__name {
  color: #0f172a;
}

.credentials-rebuild .cr-partner {
  background: #ffffff;
  border-color: #e2e8f0;
}

/* ── Blog listing ────────────────────────────────────────────────────────── */
.blog-listing {
  max-width: 42rem;
  margin: 0 auto;
  padding: clamp(2rem, 5vw, 3rem) var(--r26-content-pad);
}

.blog-listing .post-preview {
  border-bottom: 1px solid #e2e8f0;
  padding-bottom: 1.75rem;
  margin-bottom: 1.75rem;
}

.blog-listing .post-preview h2 {
  font-family: var(--font-heading);
  font-size: clamp(1.375rem, 2.5vw, 1.75rem);
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: -0.025em;
  margin: 0 0 0.5rem;
  text-align: left;
}

.blog-listing .post-preview h2 a {
  color: #0f172a;
  text-decoration: none;
}

.blog-listing .post-preview h2 a:hover {
  color: #991b1b;
}

.blog-listing .post-meta,
.blog-listing .excerpt {
  color: #64748b;
}

.blog-listing .read-more {
  color: #991b1b;
  font-weight: 600;
  text-decoration: none;
}

.blog-listing .read-more:hover {
  text-decoration: underline;
}

/* ── Legal ───────────────────────────────────────────────────────────────── */
.legal-doc {
  color: #0f172a;
}

.legal-doc h2 {
  color: #0f172a;
}

.legal-doc .legal-meta {
  color: #64748b;
}

/* ── GhostCite ───────────────────────────────────────────────────────────── */
.gc-brand-strip {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  padding: 1.5rem var(--r26-content-pad) 0.5rem;
  background: #f8fafc;
}

.gc-brand-strip__logo {
  width: 72px;
  height: 72px;
  object-fit: contain;
}

body.r26-site-subpage .gc-verify-btn,
body.r26-site-subpage .gc-save-btn,
body.r26-site-subpage .gc-run-btn,
body.r26-site-subpage .r26-zone-body a.gc-btn-primary:not(.gc-btn-outline):not(.gc-btn-google),
body.r26-site-subpage .r26-zone-body button.gc-verify-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #0b0f19 !important;
  border: 1px solid #0b0f19 !important;
  color: #ffffff !important;
  font-family: var(--font-body, Inter, system-ui, sans-serif);
  font-size: 0.875rem;
  font-weight: 700;
  padding: 0.6rem 1.25rem;
  border-radius: 4px;
  text-decoration: none;
  cursor: pointer;
  transition: background 0.15s ease;
  box-shadow: none;
}

body.r26-site-subpage .gc-verify-btn:hover:not(:disabled),
body.r26-site-subpage .gc-save-btn:hover:not(:disabled),
body.r26-site-subpage .gc-run-btn:hover:not(:disabled),
body.r26-site-subpage .r26-zone-body a.gc-btn-primary:not(.gc-btn-outline):not(.gc-btn-google):hover,
body.r26-site-subpage .r26-zone-body button.gc-verify-btn:hover:not(:disabled) {
  background: #111827 !important;
  border-color: #111827 !important;
  color: #ffffff !important;
  text-decoration: none;
}

body.r26-site-subpage .r26-zone-body a.gc-btn-google {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  background: #ffffff !important;
  border: 1px solid #d1d5db !important;
  color: #0f172a !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06);
}

body.r26-site-subpage .r26-zone-body a.gc-btn-google:hover {
  background: #f8fafc !important;
  border-color: #cbd5e1 !important;
  color: #0f172a !important;
}

body.r26-site-subpage .r26-zone-body button.gc-btn-secondary,
body.r26-site-subpage .r26-zone-body a.gc-btn-primary.gc-btn-outline {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: transparent !important;
  border: 1px solid #0b0f19 !important;
  color: #0b0f19 !important;
  font-family: var(--font-body, Inter, system-ui, sans-serif);
  font-size: 0.875rem;
  font-weight: 700;
  padding: 0.6rem 1.25rem;
  border-radius: 4px;
  text-decoration: none;
  cursor: pointer;
  width: 100%;
}

body.r26-site-subpage .r26-zone-body button.gc-btn-secondary:hover,
body.r26-site-subpage .r26-zone-body a.gc-btn-primary.gc-btn-outline:hover {
  background: #f8fafc !important;
  border-color: #111827 !important;
  color: #0b0f19 !important;
  text-decoration: none;
}

body.r26-site-subpage .gc-run-btn {
  width: 100%;
}

body.r26-site-subpage .gc-audit-callout {
  background: #0f172a;
  border: none;
  border-radius: 0;
  padding: 1.25rem 1.5rem;
}

body.r26-site-subpage .gc-audit-callout-heading,
body.r26-site-subpage .gc-audit-callout-emphasis {
  color: #ffffff;
}

body.r26-site-subpage .gc-audit-callout-body,
body.r26-site-subpage .gc-audit-list {
  color: #94a3b8;
}

/* ── Comparison ──────────────────────────────────────────────────────────── */
.comparison-page .cmp-hero.r26-zone-header {
  background: #0f172a;
  text-align: center;
  border-bottom: 1px solid #1e293b;
  min-height: var(--r26-zone-header-min-height);
  display: flex;
  align-items: center;
}

.comparison-page .cmp-hero .cmp-shell {
  max-width: var(--r26-content-max);
}

.comparison-page .cmp-hero-eyebrow {
  display: none;
}

.comparison-page #cmp-hero-title {
  color: #ffffff;
}

.comparison-page #cmp-hero-lead {
  color: #94a3b8;
}

.comparison-page #comparison-app > section:not(#cmp-hero) {
  background: #f8fafc;
}

.comparison-page .cmp-btn--primary,
.comparison-page #cp-consent-accept {
  background: var(--r26-primary-dark, #0b0f19) !important;
  border-color: var(--r26-primary-dark, #0b0f19) !important;
  color: #ffffff !important;
  font-weight: 700 !important;
  border-radius: 4px !important;
}

.comparison-page .cmp-btn--primary:hover,
.comparison-page .cmp-btn--primary:focus-visible,
.comparison-page #cp-consent-accept:hover {
  background: var(--r26-charcoal, #111827) !important;
  border-color: var(--r26-charcoal, #111827) !important;
  color: #ffffff !important;
}

.comparison-page .cmp-btn--secondary,
.comparison-page .cmp-btn--ghost,
.comparison-page .cmp-btn--start-over,
.comparison-page #cp-consent-decline {
  background: var(--r26-primary-dark, #0b0f19) !important;
  border: none !important;
  color: #ffffff !important;
  font-weight: 700 !important;
  border-radius: 4px !important;
  padding: 0.6rem 1.25rem !important;
  text-decoration: none !important;
}

.comparison-page .cmp-btn--secondary:hover,
.comparison-page .cmp-btn--secondary:focus-visible,
.comparison-page .cmp-btn--ghost:hover,
.comparison-page .cmp-btn--start-over:hover,
.comparison-page #cp-consent-decline:hover {
  background: var(--r26-charcoal, #111827) !important;
  color: #ffffff !important;
  text-decoration: none !important;
}

.comparison-page .text-cmp-primary {
  color: #991b1b;
}

.comparison-page .bg-cmp-primary {
  background-color: #991b1b;
}

.comparison-page .bg-cmp-primary:hover {
  background-color: #7f1d1d;
}
