.p-salary-calculation {
  /* Compatibility aliases over the two-page-proven corporate detail family. */
  --salary-paper: var(--corp-detail-paper);
  --salary-paper-strong: var(--corp-detail-paper-strong);
  --salary-ink: var(--corp-detail-ink);
  --salary-body: var(--corp-detail-body);
  --salary-muted: var(--corp-detail-muted);
  --salary-navy: var(--corp-navy, #1d3b72);
  --salary-navy-deep: var(--corp-navy-deep, #142e59);
  --salary-blue-soft: #eaf1f8;
  --salary-gold: var(--corp-detail-accent);
  --salary-gold-soft: #f4e7bd;
  --salary-line: var(--corp-detail-line);
  --salary-line-strong: var(--corp-detail-line-strong);
  --salary-radius: 22px;
  --salary-hero-ink: var(--corp-detail-hero-ink);
  --salary-hero-body: var(--corp-detail-hero-body);
  --salary-hero-muted: var(--corp-detail-hero-muted);
  --salary-hero-accent: var(--corp-detail-hero-accent);
  --salary-hero-paper-start: var(--corp-detail-hero-paper-start);
  --salary-hero-paper-mid: var(--corp-detail-hero-paper-mid);
  --salary-hero-paper-end: var(--corp-detail-hero-paper-end);
  --salary-hero-title-size: var(--corp-detail-hero-title-size);
  --salary-hero-title-leading: var(--corp-detail-hero-title-leading);
  --salary-hero-lead-size: var(--corp-detail-hero-lead-size);
  --salary-hero-content-width: var(--corp-detail-hero-content-width);
  --salary-hero-visual-width: var(--corp-detail-hero-visual-width);
  --salary-hero-min-block: var(--corp-detail-hero-min-block);
  --salary-hero-window-radius: var(--corp-detail-hero-window-radius);
  --salary-hero-window-shadow: var(--corp-detail-hero-window-shadow);
  --salary-editorial-ink: var(--corp-detail-editorial-ink);
  --salary-editorial-body: var(--corp-detail-editorial-body);
  --salary-editorial-muted: var(--corp-detail-editorial-muted);
  --salary-editorial-accent: var(--corp-detail-editorial-accent);
  --salary-editorial-paper: var(--corp-detail-editorial-paper);
  --salary-editorial-surface: var(--corp-detail-editorial-surface);
  --salary-editorial-blue-surface: var(--corp-detail-editorial-blue-surface);
  --salary-editorial-line: var(--corp-detail-editorial-line);
  --salary-editorial-line-strong: var(--corp-detail-editorial-line-strong);
  --salary-editorial-title-size: var(--corp-detail-editorial-title-size);
  --salary-editorial-title-leading: var(--corp-detail-editorial-title-leading);
  --salary-editorial-content-width: var(--corp-detail-editorial-content-width);
  --salary-editorial-section-y-start: var(--corp-detail-editorial-section-y-start);
  --salary-editorial-section-y-end: var(--corp-detail-editorial-section-y-end);
  --salary-concerns-ink: var(--corporate-concerns-ink);
  --salary-concerns-body: var(--corporate-concerns-body);
  --salary-concerns-muted: var(--corporate-concerns-muted);
  --salary-concerns-gold: var(--corporate-concerns-accent);
  --salary-concerns-paper: var(--corporate-concerns-paper);
  --salary-concerns-surface: var(--corporate-concerns-surface);
  --salary-concerns-line: var(--corporate-concerns-line);
  --salary-concerns-wash: var(--corporate-concerns-wash);
  --salary-concerns-content-width: var(--corporate-concerns-content-width);
  --salary-concerns-section-y-start: var(--corporate-concerns-section-y-start);
  --salary-concerns-section-y-end: var(--corporate-concerns-section-y-end);
  --salary-features-ink: var(--corp-detail-features-ink);
  --salary-features-copy: var(--corp-detail-features-copy);
  --salary-features-muted: var(--corp-detail-features-muted);
  --salary-features-accent: var(--corp-detail-features-accent);
  --salary-features-paper: var(--corp-detail-features-paper);
  --salary-features-surface: var(--corp-detail-features-surface);
  --salary-features-blue-surface: var(--corp-detail-features-blue-surface);
  --salary-features-cream-surface: var(--corp-detail-features-cream-surface);
  --salary-features-coral-surface: var(--corp-detail-features-coral-surface);
  --salary-features-line: var(--corp-detail-features-line);
  --salary-features-content-width: var(--corp-detail-features-content-width);
  --salary-features-title-size: var(--corp-detail-features-title-size);
  --salary-features-title-leading: var(--corp-detail-features-title-leading);
  --salary-features-section-y-start: var(--corp-detail-features-section-y-start);
  --salary-features-section-y-end: var(--corp-detail-features-section-y-end);
  --salary-features-shadow: var(--corp-detail-features-shadow);
  /* S4 monthly-flow semantics. Keep salary-local until the second thick
     corporate page proves which values belong to the shared detail family. */
  --salary-scope-ink: var(--salary-editorial-ink);
  --salary-scope-copy: #465b72;
  --salary-scope-accent: var(--salary-editorial-accent);
  --salary-scope-accent-soft: #e8d7ae;
  --salary-scope-blue-surface: #e8f2f7;
  --salary-scope-paper: #fbf7ee;
  --salary-scope-surface: #fffdf8;
  --salary-scope-line: #d8d2c4;
  --salary-scope-content-width: 1360px;
  --salary-scope-note-width: 1020px;
  --salary-scope-note-shadow: 0 18px 46px rgba(23, 52, 95, 0.055);
  /* S5 monthly relationship semantics. The headline deliberately inherits
     the page editorial scale so the adopted demo does not overpower S2/S3. */
  --salary-approach-ink: var(--salary-editorial-ink);
  --salary-approach-copy: #4a6076;
  --salary-approach-accent: var(--salary-editorial-accent);
  --salary-approach-line: #d9d1c1;
  --salary-approach-paper: var(--salary-scope-paper);
  --salary-approach-surface: #fffdf8;
  --salary-approach-blue-surface: #e3f0f6;
  --salary-approach-cream-surface: #f4e7c7;
  --salary-approach-coral-surface: #f5ddd2;
  --salary-approach-content-width: 1360px;
  --salary-approach-title-size: var(--salary-editorial-title-size);
  --salary-approach-title-leading: var(--salary-editorial-title-leading);
  --salary-approach-section-y-start: var(--salary-editorial-section-y-start);
  --salary-approach-section-y-end: var(--salary-editorial-section-y-end);
  /* Compatibility aliases for the shared three-step contract flow. */
  --salary-flow-ink: var(--corp-detail-flow-ink);
  --salary-flow-copy: var(--corp-detail-flow-copy);
  --salary-flow-muted: var(--corp-detail-flow-muted);
  --salary-flow-accent: var(--corp-detail-flow-accent);
  --salary-flow-paper: var(--corp-detail-flow-paper);
  --salary-flow-surface: var(--corp-detail-flow-surface);
  --salary-flow-blue-soft: var(--corp-detail-flow-blue-soft);
  --salary-flow-gold-soft: var(--corp-detail-flow-gold-soft);
  --salary-flow-coral-soft: var(--corp-detail-flow-coral-soft);
  --salary-flow-blue: var(--corp-detail-flow-blue);
  --salary-flow-coral: var(--corp-detail-flow-coral);
  --salary-flow-line: var(--corp-detail-flow-line);
  --salary-flow-content-width: var(--corp-detail-flow-content-width);
  --salary-flow-title-size: var(--corp-detail-flow-title-size);
  --salary-flow-title-leading: var(--corp-detail-flow-title-leading);
  --salary-flow-title-weight: var(--corp-detail-flow-title-weight);
  --salary-flow-card-title-weight: var(--corp-detail-flow-card-title-weight);
  --salary-flow-section-y-start: var(--corp-detail-flow-section-y-start);
  --salary-flow-section-y-end: var(--corp-detail-flow-section-y-end);
  /* S8 pricing guide. The data comes from the shared pricing collection;
     these aliases only define its salary-page presentation. */
  --salary-pricing-ink: var(--salary-editorial-ink);
  --salary-pricing-body: var(--salary-editorial-body);
  --salary-pricing-muted: var(--salary-editorial-muted);
  --salary-pricing-accent: var(--salary-editorial-accent);
  --salary-pricing-paper: var(--salary-editorial-paper);
  --salary-pricing-surface: var(--salary-editorial-surface);
  --salary-pricing-blue-surface: var(--salary-editorial-blue-surface);
  --salary-pricing-line: var(--salary-editorial-line);
  --salary-pricing-content-width: 1220px;
  --salary-pricing-title-family: var(--font-serif);
  --salary-pricing-title-size: var(--fs-section-title);
  --salary-pricing-title-leading: var(--lh-heading);
  --salary-pricing-section-y: clamp(88px, 8vw, 124px);
  color: var(--salary-body);
  background: var(--salary-paper);
}

.p-salary-calculation section[id] {
  scroll-margin-top: clamp(88px, 10vw, 132px);
}

.p-salary-calculation .c-corp-head {
  max-width: 760px;
  margin-bottom: clamp(34px, 4vw, 56px);
}

.p-salary-calculation .c-corp-head__eyebrow {
  letter-spacing: 0.16em;
}

.p-salary-calculation .c-corp-head__title {
  text-wrap: balance;
}

.p-salary-calculation .c-corp-flow {
  border-top: 1px solid var(--salary-line);
  border-bottom: 1px solid var(--salary-line);
}

.p-salary-calculation .c-voice-showcase {
  border-bottom: 1px solid var(--salary-line);
}

.p-salary-calculation .c-faq {
  border-top: 1px solid var(--salary-line);
}

@media (max-width: 760px) {
  .p-salary-calculation .c-corp-head {
    margin-bottom: 30px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .p-salary-calculation *,
  .p-salary-calculation *::before,
  .p-salary-calculation *::after {
    scroll-behavior: auto !important;
  }
}