/* Two stages, one journey. The total remains for the child to work out. */
.everyday-products.journey-summary {
  position: relative;
  gap: 0;
  overflow: hidden;
  border: 1px solid #dedbd4;
  border-radius: 24px;
  background: #fffefa;
  color: #242138;
}
.journey-leg {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: .85rem;
  padding: clamp(1.25rem, 4vw, 2.5rem);
  text-align: start;
}
.journey-leg + .journey-leg { border-inline-start: 1px solid #e8e5df; }
.journey-icon { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 50%; background: #eeedf5; color: #514693; }
.journey-icon svg { width: 26px; height: 26px; }
.journey-leg small { font-size: clamp(.8rem, 2vw, 1rem); line-height: 1.4; color: #696574; }
.journey-leg strong { display: flex; align-items: baseline; gap: .4rem; font-size: clamp(2.25rem, 7vw, 3.8rem); line-height: 1.1; letter-spacing: -.04em; font-variant-numeric: tabular-nums; }
.journey-leg strong span { font-size: 1rem; font-weight: 400; letter-spacing: 0; color: #696574; }
@media (max-width: 380px) {
  .journey-leg { padding: 1rem .8rem; }
  .journey-leg small { min-height: 2.8em; }
}