.care-journey-section { background: #f7faf7; }
.care-journey-intro { display: grid; grid-template-columns: minmax(0, 1fr) minmax(300px, 0.72fr); align-items: center; gap: clamp(40px, 7vw, 104px); margin-bottom: 30px; }
.care-journey-heading { max-width: 800px; }
.care-journey-heading h2 { margin: 8px 0 16px; color: #0d4638; font-size: 36px; line-height: 1.5; }
.care-journey-heading > p { margin: 0; }
.care-journey-heading .text-cta { display: inline-flex; align-items: center; }
.care-lowback-route { display: grid; align-content: center; min-height: 156px; padding: 20px 24px; border-left: 4px solid #16775d; background: #eaf3ed; color: #0d4638; text-decoration: none; }
.care-lowback-eyebrow { margin-bottom: 5px; color: #9d451c; font-size: 15px; font-weight: 700; line-height: 1.6; }
.care-lowback-route strong { font-size: 22px; font-weight: 800; line-height: 1.55; }
.care-lowback-description { margin-top: 5px; font-size: 15px; font-weight: 500; line-height: 1.75; }
.care-lowback-link { margin-top: 8px; color: #0d4638; font-size: 15px; font-weight: 700; line-height: 1.6; text-decoration: underline; text-decoration-color: #8fb4a1; text-underline-offset: 5px; }
.care-lowback-route:hover { background: #deede4; }
.care-lowback-route:hover .care-lowback-link { color: #9d451c; text-decoration-color: currentColor; }
.care-lowback-route:focus-visible { outline: 3px solid #16775d; outline-offset: 4px; }
.care-contents { margin-bottom: 44px; border-block: 1px solid #adc8b8; }
.care-contents ol { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 0 20px; margin: 0; padding: 16px 0; list-style: none; }
.care-contents a { display: flex; align-items: baseline; gap: 10px; min-height: 44px; padding: 8px 0; font-size: 16px; font-weight: 700; line-height: 1.65; color: #0d4638; }
.care-contents a span { flex-shrink: 0; color: #a1471b; font-size: 15px; }
.care-contents a:hover { color: #a1471b; text-decoration: underline; text-underline-offset: 5px; }
.care-journey { margin: 0; padding: 0; list-style: none; }
.care-stage { position: relative; display: grid; grid-template-columns: 48px minmax(0, 1fr); gap: 26px; }
.care-stage::before { content: ""; position: absolute; left: 23px; top: 24px; bottom: -24px; width: 2px; background: #95bca8; }
.care-stage:last-child::before { bottom: 0; }
.care-stage-number { position: relative; z-index: 1; display: grid; place-items: center; width: 48px; height: 48px; border-radius: 50%; background: #16775d; color: white; font-size: 18px; font-weight: 700; }
.care-stage:nth-child(even) .care-stage-number { background: #a54d21; }
.care-stage-main { min-width: 0; padding-bottom: 42px; }
.care-stage h3 { margin: 4px 0 24px; color: #0d4638; font-size: 25px; font-weight: 800; line-height: 1.6; }
.care-stage-layout { display: grid; grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.15fr); align-items: start; gap: 36px; }
.care-stage-photo { margin: 0; }
.care-stage-photo picture, .care-stage-photo img { display: block; width: 100%; }
.care-stage-photo img { height: auto; border-radius: 4px; }
.care-stage-copy { min-width: 0; }
.care-stage-copy > p { margin: 0 0 18px; font-size: 18px; font-weight: 500; line-height: 1.9; color: #172b23; }
.care-stage-copy .care-stage-note { border-left: 3px solid #adc8b8; padding-left: 16px; font-size: 16px; }
.care-stage-links { display: flex; flex-direction: column; align-items: flex-start; gap: 4px; margin-top: 20px; }
.care-stage-links a, .care-next { display: inline-flex; align-items: center; gap: 10px; min-height: 44px; font-size: 16px; font-weight: 700; line-height: 1.65; color: #9d451c; text-decoration: underline; text-decoration-color: #c9a995; text-underline-offset: 5px; }
.care-stage-links a { padding: 8px 0; }
.care-stage-links a span { flex-shrink: 0; }
.care-stage-links a:hover, .care-next:hover { color: #0d4638; text-decoration-color: currentColor; }
.care-next { margin-top: 28px; padding: 10px 0; color: #18624c; text-decoration: none; }
.care-next span { flex-shrink: 0; font-size: 23px; line-height: 1; }
.care-journey a:focus-visible, .care-contents a:focus-visible, .care-overview a:focus-visible { outline: 3px solid #16775d; outline-offset: 4px; }
.care-journey-end { margin: 0 0 0 74px; padding-top: 26px; border-top: 1px solid #adc8b8; }
.care-journey-end h3 { margin: 0 0 12px; font-size: 23px; }
.care-journey-end .inline-actions { margin-top: 0; }
.care-overview { list-style: none; padding: 0; margin: 0; }
.care-overview li { position: relative; display: grid; grid-template-columns: 48px minmax(0, 1fr); gap: 24px; padding-bottom: 30px; }
.care-overview li:not(:last-child)::before { content: ""; position: absolute; top: 32px; bottom: -20px; left: 23px; width: 2px; background: #95bca8; }
.care-overview .editorial-number { position: relative; z-index: 1; display: grid; place-items: center; width: 48px; height: 48px; border-radius: 50%; background: #16775d; color: white; font-size: 18px; }
.care-overview h3 { margin: 4px 0 10px; }
.care-overview p { margin: 0 0 10px; }
.care-overview .text-cta { display: inline-flex; align-items: center; }
@media (max-width: 980px) {
  .care-journey-intro { grid-template-columns: minmax(0, 1fr) minmax(280px, 0.9fr); gap: 32px; }
  .care-stage { gap: 20px; }
  .care-stage-layout { gap: 24px; grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr); }
  .care-contents ol { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .care-journey-end { margin-left: 68px; }
}
@media (max-width: 720px) {
  .care-journey-intro { grid-template-columns: minmax(0, 1fr); gap: 20px; margin-bottom: 20px; }
  .care-journey-heading h2 { font-size: 29px; }
  .care-lowback-route { min-height: 0; padding: 16px 18px; }
  .care-lowback-route strong { font-size: 20px; }
  .care-lowback-description { font-size: 15px; }
  .care-contents { margin-bottom: 30px; }
  .care-contents ol { grid-template-columns: minmax(0, 1fr); padding-block: 8px; }
  .care-contents a { padding: 8px 0; }
  .care-stage { grid-template-columns: 34px minmax(0, 1fr); gap: 12px; }
  .care-stage::before { left: 16px; top: 17px; bottom: -17px; }
  .care-stage-number { width: 34px; height: 34px; font-size: 15px; }
  .care-stage-main { padding-bottom: 32px; }
  .care-stage h3 { margin: 0 0 18px; font-size: 21px; line-height: 1.6; }
  .care-stage-layout { grid-template-columns: minmax(0, 1fr); gap: 20px; }
  .care-stage-copy > p { margin-bottom: 16px; font-size: 17px; }
  .care-stage-copy .care-stage-note { padding-left: 12px; font-size: 16px; }
  .care-stage-links { margin-top: 12px; }
  .care-stage-links a, .care-next { font-size: 16px; }
  .care-next { margin-top: 18px; }
  .care-journey-end { margin-left: 46px; padding-top: 22px; }
  .care-journey-end h3 { font-size: 21px; }
  .care-journey-end .btn { white-space: normal; }
  .care-overview li { grid-template-columns: 34px minmax(0, 1fr); gap: 12px; }
  .care-overview .editorial-number { width: 34px; height: 34px; font-size: 15px; }
  .care-overview li:not(:last-child)::before { left: 16px; top: 20px; bottom: -12px; }
  .care-overview h3 { margin-top: 0; }
}
.care-title-unit { display: inline-block; }
