/* disability-pension.css - integrated parent page base */

.p-disability-pension {
  /* color DNA: keep values page-scoped until they prove reusable across lower pages. */
  --dp-ink: #253043;
  --dp-ink-rgb: 37, 48, 67;
  --dp-muted: #687180;
  --dp-muted-rgb: 104, 113, 128;
  --dp-navy: #172a54;
  --dp-navy-rgb: 23, 42, 84;
  --dp-heading: #17284f;
  --dp-heading-rgb: 23, 40, 79;
  --dp-rose: #df5f58;
  --dp-rose-rgb: 223, 95, 88;
  --dp-rose-deep: #bf4651;
  --dp-rose-deep-rgb: 191, 70, 81;
  --dp-coral: #df6f63;
  --dp-coral-rgb: 223, 111, 99;
  --dp-gold: #b9872f;
  --dp-gold-rgb: 185, 135, 47;
  --dp-paper: #fffaf3;
  --dp-paper-rgb: 255, 250, 243;
  --dp-paper-warm: #fffaf2;
  --dp-paper-light: #fffdf8;
  --dp-white: #fff;
  --dp-white-rgb: 255, 255, 255;
  --dp-line: rgba(var(--dp-navy-rgb), 0.12);

  /* advisor message: page-scoped aliases shared by its runtime section CSS. */
  --dp-advisor-paper: #fdfaf5;
  --dp-advisor-rose-soft: #f5dfdc;
  --dp-advisor-rose-deep: #9f4d4c;
  --dp-advisor-rose-deep-rgb: 159, 77, 76;
  --dp-advisor-ink: #182847;
  --dp-advisor-muted: #5b6572;
  --dp-advisor-gold: #b98a35;
  --dp-advisor-gold-rgb: 185, 138, 53;
  --dp-advisor-aqua: #5f9ba4;
  --dp-advisor-aqua-rgb: 95, 155, 164;
  --dp-advisor-sky: #dceff2;
  --dp-advisor-sky-rgb: 220, 239, 242;
  --dp-advisor-fs-title: clamp(1.68rem, 1.82vw, 1.9rem);
  --dp-advisor-fs-body: clamp(0.9rem, 1vw, 0.97rem);
  --dp-advisor-lh-title: 1.48;
  --dp-advisor-lh-body: 1.86;

  --dp-fw-body: var(--fw-body);
  --dp-fw-note: var(--fw-note);
  --dp-fw-semibold: var(--fw-semibold);
  --dp-fw-heading: var(--fw-heading);
  --dp-fw-label: var(--fw-label);
  --dp-fw-button: var(--fw-button);
  --dp-fw-emphasis: var(--fw-emphasis);
  --dp-fw-price: var(--fw-price);
  --dp-fw-display: var(--fw-heavy);

  --dp-lh-solid: var(--lh-solid);
  --dp-lh-tight: var(--lh-tight);
  --dp-lh-button: var(--lh-button);
  --dp-lh-heading: var(--lh-heading);
  --dp-lh-compact: var(--lh-compact);
  --dp-lh-card: var(--lh-card);
  --dp-lh-note: var(--lh-note);
  --dp-lh-body: var(--lh-body);
  --dp-lh-lead: var(--lh-lead);
  --dp-lh-lead-loose: var(--lh-lead-loose);

  --dp-fs-body: var(--fs-body);
  --dp-fs-note: var(--fs-note);
  --dp-fs-caption: var(--fs-caption);
  --dp-fs-label: var(--fs-label);
  --dp-fs-button: var(--fs-button);
  --dp-fs-lead: var(--fs-lead);
  --dp-fs-hero-title: clamp(2.58rem, 3.1vw, 3.28rem);
  --dp-fs-section-eyebrow: 0.92rem;
  --dp-fs-section-eyebrow-mobile: 0.86rem;
  --dp-fs-section-title: clamp(2.02rem, 3vw, 3.08rem);
  --dp-fs-section-title-tablet: clamp(1.96rem, 4.8vw, 2.52rem);
  --dp-fs-section-title-mobile: clamp(1.84rem, 8.2vw, 2.34rem);
  --dp-lh-section-title: 1.24;
  --dp-lh-section-title-mobile: 1.28;
  --dp-fs-section-lead: clamp(0.98rem, 1.05vw, 1.06rem);
  --dp-fs-section-lead-mobile: 0.94rem;
  --dp-lh-section-lead: 1.88;
  --dp-lh-section-lead-mobile: 1.82;
  --dp-fs-panel-title: clamp(1.54rem, 2.25vw, 2.28rem);
  --dp-fs-panel-title-mobile: clamp(1.38rem, 7vw, 1.86rem);
  --dp-lh-panel-title: 1.24;
  --dp-fs-card-kicker: clamp(0.88rem, 1.08vw, 0.98rem);
  --dp-fs-card-label: 0.82rem;
  --dp-fs-card-label-mobile: 0.78rem;
  --dp-fs-card-title: clamp(1.04rem, 1.28vw, 1.18rem);
  --dp-fs-card-title-mobile: 1rem;
  --dp-fs-card-title-lg: clamp(1.24rem, 1.7vw, 1.48rem);
  --dp-fs-card-title-lg-mobile: clamp(1.14rem, 5.6vw, 1.34rem);
  --dp-fs-card-body: 0.94rem;
  --dp-fs-card-body-mobile: 0.88rem;
  --dp-fs-card-note: 0.86rem;
  --dp-fs-card-note-mobile: 0.82rem;
  --dp-lh-card-title: 1.48;
  --dp-lh-card-body: 1.76;
  --dp-lh-card-note: 1.66;
  --dp-lh-card-label: 1.32;
  --dp-fs-subsection-title: clamp(1.54rem, 2vw, 1.94rem);
  --dp-fs-display-number: clamp(1.55rem, 2.5vw, 2.15rem);

  color: var(--dp-ink);
  background: #fdfaf5;
  overflow-x: clip;
  overflow-y: visible;
}

.p-disability-pension [id] {
  scroll-margin-top: calc(var(--header-h, 80px) + 28px);
}

@media (max-width: 720px) {
  .p-disability-pension [id] {
    scroll-margin-top: calc(var(--header-h, 72px) + 24px);
  }
}

.s-dp-faq-stage {
  position: relative;
  z-index: 16;
  overflow: visible;
  margin: 0;
  background: transparent;
  isolation: isolate;
}

.s-dp-faq-stage__plate {
  position: absolute;
  inset: 0 0 -30px;
  z-index: 0;
  display: block;
  width: 100%;
  height: calc(100% + 30px);
  filter: drop-shadow(0 -16px 36px rgba(var(--dp-heading-rgb, 23, 40, 79), 0.035));
  pointer-events: none;
}

.s-dp-faq-stage__plate path:first-child {
  fill: #fffdf8;
}

.s-dp-faq-stage__plate path:nth-child(2) {
  fill: #fff4ea;
}

.s-dp-faq-stage .c-faq {
  position: relative;
  z-index: 2;
  padding-block: clamp(104px, 8vw, 144px) clamp(128px, 9vw, 166px);
  background: none !important;
}

.s-dp-faq-stage .c-faq::before,
.s-dp-faq-stage .c-faq::after {
  content: none !important;
  display: none !important;
  background: none !important;
}

.s-dp-faq-stage .c-faq__inner {
  position: relative;
  z-index: 3;
}

@media (max-width: 760px) {
  .s-dp-faq-stage__plate {
    bottom: -20px;
    height: calc(100% + 20px);
  }

  .s-dp-faq-stage .c-faq {
    padding-block: 82px 118px;
  }
}