/* care-journey — section CSS (developer BUILD-SECTION, 2026-09-15).
   Source: brief/care-journey.md (§2/§5/§6/§11) re-grounded on cache/care-journey.{desktop,mobile}.json.
   Scope lock: every rule is under .care-journey. Mobile-first: base = 0–767 (anchor 390),
   768–1023 = split row, each half in the mobile design (D-6, D-CJ-2), 1024+ = desktop geometry (--vw-base 1619).
   Local values are custom properties (--cj-*) re-declared per band; radii/shadows/borders are fixed (D-CJ-13). */

/* ---------------------------------------------------------------------------
   SECTION TOKENS — moved out of the page's tokens.css.

   Read by THIS block and nothing else on the site, so they belong here rather
   than in a site-wide :root. In Shopify a section can be dropped onto any
   template from the theme editor, so a section that reads a token from a
   page-level scope breaks the moment it is moved; scoped to the block's own
   class, it travels with it.

   EVERY band is carried verbatim from the old tokens.css, in that file's own
   order — so the cascade is unchanged whether the page was written
   desktop-first (base + max-width overrides) or mobile-first (base +
   min-width overrides). Verified by computed-style diff at
   375/768/1024/1440/1920.
--------------------------------------------------------------------------- */

.care-journey {
  --font-serif:     'Roboto Serif', Georgia, 'Times New Roman', serif;
  --font-mono:      'Roboto Mono', ui-monospace, 'Courier New', monospace;
  --c-accent:       #e63329;
  --c-eyebrow:      #b3aeae;
  --c-surface:      #ffffff;
  --c-border:       #d6e2e7;
  --radius-md-m:    16px;
  --radius-card-d:  24px;
  --shadow-card-m:  0 8px 32px rgba(0,0,0,.08);
  --shadow-media-m: 0 16px 48px rgba(0,0,0,.11);
  --text-h2:        clamp(18px, calc(22px + (var(--max-vw) - 390px) * 0.015), 43px);
  --lh-h2:          1.2;
  --ls-h2:          -0.025em;
  --text-eyebrow:   clamp(8px, calc(10px + (var(--max-vw) - 390px) * 0.015), 20px);
  --lh-eyebrow:     1.5;
  --ls-eyebrow:     0.2em;
  --ls-lead:        0;
  --text-subnote:   clamp(8px, calc(10px + (var(--max-vw) - 390px) * 0.015), 20px);
  --lh-subnote:     1.5;
  --ls-subnote:     0;
  --section-pad-y:  clamp(26px, calc(32px + (var(--max-vw) - 390px) * 0.015), 63px);
}

@media (min-width: 768px) and (max-width: 1023px) {
  .care-journey {
    --text-h2:       clamp(22px, calc(22px + (var(--max-vw) - 768px) * 0.025), 46.425px);
    --text-eyebrow:  clamp(10px, calc(10px + (var(--max-vw) - 768px) * 0.025), 21.493px);
    --text-subnote:  clamp(10px, calc(10px + (var(--max-vw) - 768px) * 0.025), 13.639px);
    --section-pad-y: clamp(32px, calc(32px + (var(--max-vw) - 768px) * 0.025), 75px);
  }
}

@media (min-width: 1024px) {
  .care-journey {
    --text-h2:       clamp(29px, calc(46.425px * (var(--max-vw) / var(--vw-base))), 55px);
    --lh-h2:         1.16;
    --ls-h2:         -0.012em;
    --text-eyebrow:  clamp(14px, calc(21.493px * (var(--max-vw) / var(--vw-base))), 25px);
    --lh-eyebrow:    normal;
    --ls-eyebrow:    0.1em;
    --ls-lead:       0;
    --text-subnote:  clamp(9px, calc(13.639px * (var(--max-vw) / var(--vw-base))), 16px);
    --lh-subnote:    normal;
    --ls-subnote:    -0.03em;
    --section-pad-y: clamp(47px, calc(75px * (var(--max-vw) / var(--vw-base))), 89px);
  }
}

.care-journey {
  --cj-cap-inset: clamp(10px, calc(12px + (var(--max-vw) - 390px) * 0.015), 24px);
  --cj-cap-bottom: clamp(9px, calc(10.43px + (var(--max-vw) - 390px) * 0.015), 21px);
  --cj-cap-pad: clamp(10px, calc(12px + (var(--max-vw) - 390px) * 0.015), 24px);
  --cj-cap-title: clamp(8px, calc(10px + (var(--max-vw) - 390px) * 0.015), 20px);
  --cj-cap-text: clamp(9px, calc(11px + (var(--max-vw) - 390px) * 0.015), 22px);
  --cj-cap-gap: clamp(2px, calc(2px + (var(--max-vw) - 390px) * 0.015), 4px);
  --cj-eyebrow-mt: clamp(20px, calc(24px + (var(--max-vw) - 390px) * 0.015), 47px);
  --cj-title-mt: clamp(7px, calc(8px + (var(--max-vw) - 390px) * 0.015), 16px);
  --cj-lead-mt: clamp(10px, calc(12px + (var(--max-vw) - 390px) * 0.015), 24px);
  --cj-card-mt: clamp(16px, calc(20px + (var(--max-vw) - 390px) * 0.015), 39px);
  --cj-card-pad: clamp(13px, calc(16px + (var(--max-vw) - 390px) * 0.015), 31px);
  --cj-card-title: clamp(7px, calc(9px + (var(--max-vw) - 390px) * 0.015), 18px);
  --cj-rule-gap: clamp(10px, calc(12px + (var(--max-vw) - 390px) * 0.015), 24px);
  --cj-steps-gap: clamp(8px, calc(10px + (var(--max-vw) - 390px) * 0.015), 20px);
  --cj-ring: clamp(16px, calc(20px + (var(--max-vw) - 390px) * 0.015), 39px);
  --cj-step-gap: clamp(10px, calc(12px + (var(--max-vw) - 390px) * 0.015), 24px);
  --cj-step-label: clamp(9px, calc(11px + (var(--max-vw) - 390px) * 0.015), 22px);
  --cj-traits-mt: clamp(10px, calc(12px + (var(--max-vw) - 390px) * 0.015), 24px);
  --cj-traits-gap: clamp(7px, calc(8px + (var(--max-vw) - 390px) * 0.015), 16px);
  --cj-dot: clamp(13px, calc(16px + (var(--max-vw) - 390px) * 0.015), 31px);
  --cj-trait-gap: clamp(5px, calc(6px + (var(--max-vw) - 390px) * 0.015), 12px);
  --cj-trait-label: clamp(7px, calc(9px + (var(--max-vw) - 390px) * 0.015), 18px);
  --cj-note-mt: clamp(16px, calc(20px + (var(--max-vw) - 390px) * 0.015), 39px);
  --cj-cta-mt: clamp(10px, calc(12px + (var(--max-vw) - 390px) * 0.015), 24px);
}

/* ================= base: mobile (0–767) ================= */
.care-journey {
  padding-top: var(--section-pad-y);
  padding-bottom: var(--section-pad-y);
}

.care-journey__row { display: block; }

/* media + frosted caption (5.2a) */
.care-journey__media {
  position: relative;
  overflow: hidden;
  aspect-ratio: 350.01 / 262.5;
  border-radius: var(--radius-md-m);
  box-shadow: var(--shadow-media-m);
}
.care-journey__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
}
.care-journey__caption {
  position: absolute;
  left: var(--cj-cap-inset);
  right: var(--cj-cap-inset);
  bottom: var(--cj-cap-bottom);
  z-index: 2;
  padding: var(--cj-cap-pad);
  border-radius: 12px;
  background: rgba(248, 251, 254, .88);
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
}
.care-journey__caption-title {
  width: fit-content;
  font-family: var(--font-serif);
  font-weight: 700;
  font-size: var(--cj-cap-title);
  line-height: 1.5;
  letter-spacing: -0.025em;
  text-transform: uppercase;
  color: var(--c-ink);
}
.care-journey__caption-title .accent { color: var(--c-accent); }
.care-journey__caption-text {
  width: fit-content;
  padding-top: var(--cj-cap-gap);
  font-family: var(--font-sans);
  font-weight: 400;
  font-size: var(--cj-cap-text);
  line-height: 1.5;
  color: var(--c-text);
}

/* heading block (5.2b) */
.care-journey__content {
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
.care-journey__eyebrow {
  align-self: flex-start;
  margin-top: var(--cj-eyebrow-mt);
  font-family: var(--font-mono);
  font-weight: 700;
  font-size: var(--text-eyebrow);
  line-height: var(--lh-eyebrow);
  letter-spacing: var(--ls-eyebrow);
  text-transform: uppercase;
  color: var(--c-eyebrow);
}
.care-journey__title {
  margin-top: var(--cj-title-mt);
  font-family: var(--font-serif);
  font-weight: 700;
  font-size: var(--text-h2);
  line-height: var(--lh-h2);
  letter-spacing: var(--ls-h2);
  color: var(--c-ink);
}
.care-journey__lead {
  margin-top: var(--cj-lead-mt);
  font-family: var(--font-sans);
  font-weight: 400;
  font-size: var(--text-lead);
  line-height: var(--lh-lead);
  letter-spacing: var(--ls-lead);
  color: var(--c-text);
}

/* journey card (5.2c) */
.care-journey__card {
  margin-top: var(--cj-card-mt);
  padding: var(--cj-card-pad);
  background: var(--c-surface);
  border: 1px solid var(--c-border);
  border-radius: var(--radius-md-m);
  box-shadow: var(--shadow-card-m);
}
.care-journey__card-title {
  width: fit-content;
  font-family: var(--font-mono);
  font-weight: 700;
  font-size: var(--cj-card-title);
  line-height: 1.5;
  letter-spacing: 0.1667em;
  text-transform: uppercase;
  white-space: nowrap;
  color: var(--c-ink);
}

/* steps — mobile: vertical list, rule above (D-CJ-5) */
.care-journey__steps {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: var(--cj-steps-gap);
  margin-top: var(--cj-rule-gap);
  padding-top: var(--cj-rule-gap);
  border-top: 1px solid var(--c-border);
}
.care-journey__step {
  display: flex;
  align-items: center;
  gap: var(--cj-step-gap);
}
.care-journey__step-mark {
  flex: none;
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--cj-ring);
  height: var(--cj-ring);
  border: 1.265px solid var(--c-accent);
  border-radius: 50%;
}
.care-journey__step-mark picture,
.care-journey__trait-mark picture { display: contents; }
.care-journey__step-mark img {
  flex: none;
  width: calc(var(--cj-ring) * 0.45);
  height: calc(var(--cj-ring) * 0.35);
}
.care-journey__step-label {
  font-family: var(--font-sans);
  font-weight: 700;
  font-size: var(--cj-step-label);
  line-height: 1.25;
  text-align: left;
  white-space: nowrap;
  color: var(--c-ink);
}
.care-journey__br-d { display: none; }

/* traits — mobile: vertical list */
.care-journey__traits {
  display: flex;
  flex-direction: column;
  gap: var(--cj-traits-gap);
  margin-top: var(--cj-traits-mt);
}
.care-journey__trait {
  display: flex;
  align-items: center;
  gap: var(--cj-trait-gap);
}
.care-journey__trait-mark {
  flex: none;
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--cj-dot);
  height: var(--cj-dot);
  border-radius: 50%;
  background: var(--c-accent);
}
.care-journey__trait-mark img {
  flex: none;
  width: calc(var(--cj-dot) * 0.5);
  height: calc(var(--cj-dot) * 0.375);
}
.care-journey__trait-label {
  font-family: var(--font-sans);
  font-weight: 700;
  font-size: var(--cj-trait-label);
  line-height: 1.5;
  letter-spacing: 0.025em;
  white-space: nowrap;
  color: var(--c-text);
}

/* subnote (5.2d, mobile-only — D-CJ-3) + CTA (5.1) */
.care-journey__note {
  align-self: center;
  margin-top: var(--cj-note-mt);
  font-family: var(--font-sans);
  font-weight: 400;
  font-size: var(--text-subnote);
  line-height: var(--lh-subnote);
  letter-spacing: var(--ls-subnote);
  text-align: center;
  white-space: nowrap;
  color: var(--c-text);
}
.care-journey__cta {
  margin-top: var(--cj-cta-mt);
}

/* ================= 768–1023: split row, each half in the mobile design ================= */
@media (min-width: 768px) and (max-width: 1023px) {
  .care-journey {
    --cj-cap-inset: clamp(12px, calc(12px + (var(--max-vw) - 768px) * 0.025), 21.49px);
    --cj-cap-bottom: clamp(10.43px, calc(10.43px + (var(--max-vw) - 768px) * 0.025), 22.45px);
    --cj-cap-pad: clamp(12px, calc(12px + (var(--max-vw) - 768px) * 0.025), 17.73px);
    --cj-cap-title: clamp(10px, calc(10px + (var(--max-vw) - 768px) * 0.025), 19.2px);
    --cj-cap-text: clamp(11px, calc(11px + (var(--max-vw) - 768px) * 0.025), 15.843px);
    --cj-cap-gap: clamp(2px, calc(2px + (var(--max-vw) - 768px) * 0.025), 5.55px);
    --cj-eyebrow-mt: clamp(24px, calc(24px + (var(--max-vw) - 768px) * 0.025), 47px);
    --cj-title-mt: clamp(8px, calc(8px + (var(--max-vw) - 768px) * 0.025), 13px);
    --cj-lead-mt: clamp(12px, calc(12px + (var(--max-vw) - 768px) * 0.025), 8px);
    --cj-card-mt: clamp(20px, calc(20px + (var(--max-vw) - 768px) * 0.025), 37px);
    --cj-card-pad: clamp(16px, calc(16px + (var(--max-vw) - 768px) * 0.025), 29.97px);
    --cj-card-title: clamp(9px, calc(9px + (var(--max-vw) - 768px) * 0.025), 15.412px);
    --cj-rule-gap: clamp(12px, calc(12px + (var(--max-vw) - 768px) * 0.025), 24px);
    --cj-steps-gap: clamp(10px, calc(10px + (var(--max-vw) - 768px) * 0.025), 20px);
    --cj-ring: clamp(20px, calc(20px + (var(--max-vw) - 768px) * 0.025), 58.56px);
    --cj-step-gap: clamp(12px, calc(12px + (var(--max-vw) - 768px) * 0.025), 24px);
    --cj-step-label: clamp(11px, calc(11px + (var(--max-vw) - 768px) * 0.025), 13.086px);
    --cj-traits-mt: clamp(12px, calc(12px + (var(--max-vw) - 768px) * 0.025), 24px);
    --cj-traits-gap: clamp(8px, calc(8px + (var(--max-vw) - 768px) * 0.025), 16px);
    --cj-dot: clamp(16px, calc(16px + (var(--max-vw) - 768px) * 0.025), 22.8px);
    --cj-trait-gap: clamp(6px, calc(6px + (var(--max-vw) - 768px) * 0.025), 5.7px);
    --cj-trait-label: clamp(9px, calc(9px + (var(--max-vw) - 768px) * 0.025), 12.877px);
    --cj-note-mt: clamp(20px, calc(20px + (var(--max-vw) - 768px) * 0.025), 39px);
    --cj-cta-mt: clamp(12px, calc(12px + (var(--max-vw) - 768px) * 0.025), 33.55px);
  }
  .care-journey__row {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    gap: clamp(20px, calc(20px + (var(--max-vw) - 768px) * 0.025), 50px);
  }
  .care-journey__media {
    flex: 1 1 0;
    min-width: 0;
    aspect-ratio: auto;   /* D-CJ-2: the photo fills the height of the content half */
  }
  .care-journey__content {
    flex: 1 1 0;
    min-width: 0;
  }
  .care-journey__eyebrow { margin-top: 0; }  /* media sits beside, not above */
}

/* ================= desktop (1024+) ================= */
@media (min-width: 1024px) {
  .care-journey {
    --cj-media-w: clamp(357px, calc(565px * (var(--max-vw) / var(--vw-base))), 670px);
    --cj-row-gap: clamp(32px, calc(50px * (var(--max-vw) / var(--vw-base))), 59px);
    --cj-content-mt: clamp(11px, calc(18px * (var(--max-vw) / var(--vw-base))), 21px);
    --cj-indent: clamp(8px, calc(13px * (var(--max-vw) / var(--vw-base))), 15px);
    --cj-cta-indent: clamp(3px, calc(4px * (var(--max-vw) / var(--vw-base))), 5px);
    --cj-title-mt: clamp(8px, calc(13px * (var(--max-vw) / var(--vw-base))), 15px);
    --cj-lead-mt: clamp(5px, calc(8px * (var(--max-vw) / var(--vw-base))), 9px);
    --cj-card-mt: clamp(23px, calc(37px * (var(--max-vw) / var(--vw-base))), 44px);
    --cj-cta-mt: clamp(21px, calc(33.55px * (var(--max-vw) / var(--vw-base))), 40px);
    --cj-cap-inset: clamp(14px, calc(21.49px * (var(--max-vw) / var(--vw-base))), 25px);
    --cj-cap-bottom: clamp(14px, calc(22.45px * (var(--max-vw) / var(--vw-base))), 27px);
    --cj-cap-minh: clamp(67px, calc(106.4px * (var(--max-vw) / var(--vw-base))), 126px);
    --cj-cap-pt: clamp(11px, calc(17.73px * (var(--max-vw) / var(--vw-base))), 21px);
    --cj-cap-pl: clamp(17px, calc(27.36px * (var(--max-vw) / var(--vw-base))), 32px);
    --cj-cap-pb: clamp(11px, calc(16.62px * (var(--max-vw) / var(--vw-base))), 20px);
    --cj-cap-title: clamp(12px, calc(19.2px * (var(--max-vw) / var(--vw-base))), 23px);
    --cj-cap-text: clamp(10px, calc(15.843px * (var(--max-vw) / var(--vw-base))), 19px);
    --cj-cap-gap: clamp(4px, calc(5.55px * (var(--max-vw) / var(--vw-base))), 7px);
    --cj-card-pt: clamp(13px, calc(20.55px * (var(--max-vw) / var(--vw-base))), 24px);
    --cj-card-pr: clamp(17px, calc(27.4px * (var(--max-vw) / var(--vw-base))), 32px);
    --cj-card-pb: clamp(12px, calc(18.84px * (var(--max-vw) / var(--vw-base))), 22px);
    --cj-card-pl: clamp(19px, calc(29.97px * (var(--max-vw) / var(--vw-base))), 36px);
    --cj-card-title: clamp(10px, calc(15.412px * (var(--max-vw) / var(--vw-base))), 18px);
    --cj-card-title-gap: clamp(14px, calc(21.96px * (var(--max-vw) / var(--vw-base))), 26px);
    --cj-steps-w: clamp(355px, calc(560.83px * (var(--max-vw) / var(--vw-base))), 665px);
    --cj-step-w: clamp(67px, calc(105.82px * (var(--max-vw) / var(--vw-base))), 125px);
    --cj-step-colgap: clamp(5px, calc(7.93px * (var(--max-vw) / var(--vw-base))), 9px);
    --cj-ring: clamp(37px, calc(58.56px * (var(--max-vw) / var(--vw-base))), 69px);
    --cj-step-label-mt: clamp(4px, calc(6.69px * (var(--max-vw) / var(--vw-base))), 8px);
    --cj-step-label: clamp(8px, calc(13.086px * (var(--max-vw) / var(--vw-base))), 16px);
    --cj-line-left: clamp(35px, calc(55.35px * (var(--max-vw) / var(--vw-base))), 66px);
    --cj-line-top: clamp(18px, calc(29.11px * (var(--max-vw) / var(--vw-base))), 35px);
    --cj-line-w: clamp(289px, calc(457.45px * (var(--max-vw) / var(--vw-base))), 542px);
    --cj-traits-mt: clamp(17px, calc(26.47px * (var(--max-vw) / var(--vw-base))), 31px);
    --cj-traits-pt: clamp(6px, calc(9.42px * (var(--max-vw) / var(--vw-base))), 11px);
    --cj-traits-h: clamp(23px, calc(35.96px * (var(--max-vw) / var(--vw-base))), 43px);
    --cj-trait-sep-pad: clamp(15px, calc(23.5px * (var(--max-vw) / var(--vw-base))), 28px);
    --cj-dot: clamp(14px, calc(22.8px * (var(--max-vw) / var(--vw-base))), 27px);
    --cj-trait-gap: clamp(4px, calc(5.7px * (var(--max-vw) / var(--vw-base))), 7px);
    --cj-trait-label: clamp(8px, calc(12.877px * (var(--max-vw) / var(--vw-base))), 15px);
    --cj-steps-ml: calc(-1 * clamp(12px, calc(19.69px * (var(--max-vw) / var(--vw-base))), 23px));
  }
  .care-journey__row {
    display: flex;
    align-items: flex-start;
    gap: var(--cj-row-gap);
  }

  .care-journey__media {
    flex: 0 0 var(--cj-media-w);
    aspect-ratio: 565 / 624;
    border-radius: var(--radius-card-d);
    box-shadow: 26px 33px 137.8px 0 rgba(0, 0, 0, .13);
  }
  .care-journey__media::after {          /* 1px inside stroke over the photo */
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    border: 1px solid var(--c-border);
    border-radius: inherit;
    pointer-events: none;
  }
  .care-journey__caption {
    left: var(--cj-cap-inset);
    right: var(--cj-cap-inset);
    bottom: var(--cj-cap-bottom);
    min-height: var(--cj-cap-minh);
    padding: var(--cj-cap-pt) var(--cj-cap-pl) var(--cj-cap-pb);
    border-radius: 14.4px;
    background: rgba(248, 251, 254, .85);
    -webkit-backdrop-filter: blur(5.9px);
    backdrop-filter: blur(5.9px);
  }
  .care-journey__caption-title {
    line-height: normal;
    letter-spacing: -0.0279em;
  }
  .care-journey__caption-text {
    max-width: 20.584em;             /* 326.11 / 15.843 — D-CJ-7 wrap width, in em so the wrap survives the D-min/D-max rounding of the font */
    padding-top: var(--cj-cap-gap);
    line-height: normal;
  }

  .care-journey__content {
    flex: 1 1 0;
    min-width: 0;
    margin-top: var(--cj-content-mt);   /* D-CJ-1 */
  }
  .care-journey__eyebrow {
    margin-top: 0;
    margin-left: var(--cj-indent);
  }
  .care-journey__title {
    max-width: 11.3518em;            /* 527 / 46.425 — D-CJ-7 */
    margin-left: var(--cj-indent);
  }
  .care-journey__lead {
    max-width: 22.2399em;            /* 478 / 21.493 — D-CJ-7; px-fluid wrapped to 3 lines at 1024 (font D-min 14 > 13.59) */
    margin-left: var(--cj-indent);
  }

  .care-journey__card {
    padding: calc(var(--cj-card-pt) - 1px) calc(var(--cj-card-pr) - 1px) calc(var(--cj-card-pb) - 1px) calc(var(--cj-card-pl) - 1px);
    border-radius: 20.549px;
    box-shadow: 22.262px 28.255px 117.988px 0 rgba(0, 0, 0, .13);
  }
  .care-journey__card-title {
    line-height: normal;
    letter-spacing: 0.1em;
  }

  /* steps — desktop: one row of 5 columns over a connector line (D-CJ-6) */
  .care-journey__steps {
    flex-direction: row;
    align-items: flex-start;
    gap: var(--cj-step-colgap);
    width: var(--cj-steps-w);
    margin-top: var(--cj-card-title-gap);
    margin-left: var(--cj-steps-ml);
    padding-top: 0;
    border-top: 0;
  }
  .care-journey__steps::before {
    content: "";
    position: absolute;
    left: var(--cj-line-left);
    top: var(--cj-line-top);
    width: var(--cj-line-w);
    border-top: 1.712px solid var(--c-accent);
  }
  .care-journey__step {
    flex: none;
    flex-direction: column;
    align-items: center;
    gap: 0;
    width: var(--cj-step-w);
  }
  .care-journey__step-mark {
    background: var(--c-surface);
    border-width: 1.712px;
  }
  .care-journey__step-mark img { width: auto; height: auto; }
  .care-journey__step:nth-child(1) .care-journey__step-mark img { width: calc(var(--cj-ring) * 0.4279); height: calc(var(--cj-ring) * 0.4093); }
  .care-journey__step:nth-child(2) .care-journey__step-mark img { width: calc(var(--cj-ring) * 0.4971); height: calc(var(--cj-ring) * 0.4971); }
  .care-journey__step:nth-child(3) .care-journey__step-mark img { width: calc(var(--cj-ring) * 0.4812); height: calc(var(--cj-ring) * 0.4971); }
  .care-journey__step:nth-child(4) .care-journey__step-mark img { width: calc(var(--cj-ring) * 0.494); height: calc(var(--cj-ring) * 0.4395); }
  .care-journey__step:nth-child(5) .care-journey__step-mark img { width: calc(var(--cj-ring) * 0.4093); height: calc(var(--cj-ring) * 0.4093); }
  .care-journey__step-label {
    width: 100%;
    margin-top: var(--cj-step-label-mt);
    line-height: 1.105;
    text-align: center;
    white-space: normal;
  }
  .care-journey__step-num { display: none; }
  .care-journey__br-d { display: inline; }

  /* traits — desktop: one space-between row with separators, rule above (D-CJ-5, D-CJ-14) */
  .care-journey__traits {
    flex-direction: row;
    justify-content: space-between;
    align-items: stretch;
    gap: 0;
    height: calc(var(--cj-traits-h) + var(--cj-traits-pt));
    margin-top: var(--cj-traits-mt);
    padding-top: calc(var(--cj-traits-pt) - 1px);
    border-top: 1px solid var(--c-border);
  }
  .care-journey__trait + .care-journey__trait {
    padding-left: var(--cj-trait-sep-pad);
    border-left: 1px solid var(--c-border);
  }
  .care-journey__trait-mark img {
    width: calc(var(--cj-dot) * 0.4682);
    height: calc(var(--cj-dot) * 0.3369);
  }
  .care-journey__trait-label {
    line-height: 1.105;
    letter-spacing: 0;
  }

  .care-journey__note { display: none; }
  .care-journey__cta {
    align-self: flex-start;
    margin-top: var(--cj-cta-mt);
    margin-left: var(--cj-cta-indent);
  }
}