.priority-drain-immediate [data-cheers-component="how-it-works"] {
  --cheers-how-it-works-background: var(--white);
  --cheers-how-it-works-surface: #eaf5fc;
  --cheers-how-it-works-text: var(--navy);
  --cheers-how-it-works-muted: #293b4d;
  --cheers-how-it-works-heading: var(--navy);
  --cheers-how-it-works-accent: var(--blue);
  --cheers-how-it-works-focus: var(--blue);
  --cheers-how-it-works-border: var(--line);
  --cheers-how-it-works-heading-font: var(--serif);
  --cheers-how-it-works-node-size: 112px;
}

.priority-drain-immediate .cheers-how-it-works__inner {
  width: min(var(--wrap), calc(100% - 100px));
  padding: 72px 0;
}

.priority-drain-immediate .cheers-how-it-works__eyebrow { color: var(--blue); }
.priority-drain-immediate .cheers-how-it-works__header h2 {
  font-size: clamp(36px, 4vw, 48px);
  line-height: 1.08;
}
.priority-drain-immediate .cheers-how-it-works__steps { margin-top: 40px; }
.priority-drain-immediate .cheers-how-it-works__step-copy {
  width: 100%;
  max-width: 248px;
  padding-inline: 12px;
}
.priority-drain-immediate .cheers-how-it-works__step h3 {
  font-size: 18px;
  font-weight: 750;
}
.priority-drain-immediate .cheers-how-it-works__step p {
  font-size: 16px;
  line-height: 1.6;
}
.priority-drain-immediate .cheers-how-it-works__steps:focus-visible {
  outline: 2px solid var(--blue);
  outline-offset: 2px;
}

@media (max-width: 980px) {
  .priority-drain-immediate [data-cheers-component="how-it-works"] {
    --cheers-how-it-works-node-size: 76px;
  }
}
@media (max-width: 820px) {
  .priority-drain-immediate .cheers-how-it-works__inner {
    width: min(var(--wrap), calc(100% - clamp(40px, 9.15vw, 75px)));
    padding-block: 56px;
  }
}
@media (max-width: 760px) {
  .priority-drain-immediate .cheers-how-it-works__steps {
    grid-auto-columns: 168px;
    gap: 40px;
    width: 100%;
    margin: 32px 0 0;
    padding: 0 0 4px;
    scroll-padding-inline: 0;
  }
  .priority-drain-immediate .cheers-how-it-works__step-copy {
    max-width: 168px;
    padding-inline: 0;
  }
  .priority-drain-immediate .cheers-how-it-works__step:not(:last-child)::after { width: 208px; }
  .priority-drain-immediate .cheers-how-it-works__step h3 { font-size: 17px; }
  .priority-drain-immediate .cheers-how-it-works__step p { font-size: 15px; }
}