/* Ways We Bloom only, linked from src/pages/ways-we-bloom.astro. Every rule is
   scoped to a journey-example or wwb- class.

   Each BLOOM letter carries one short thing a parent might notice at home. The
   page points to Support & Services for the areas of support instead of
   describing them again.

   Coral-dark and muted text fall just below 4.5:1 on this page's cream and
   sage bands, so small labels there are navy and the quote's note is ink. */

.journey-intro .eyebrow {
  color: var(--navy);
}

.quote-band--expanded span {
  color: var(--ink);
}

/* The examples line up along the bottom of the five cards. */
.journey-step:has(.journey-example) {
  display: flex;
  flex-direction: column;
}

.journey-step .journey-example {
  margin-top: auto;
  padding: 0.75rem 0.9rem;
  border-radius: 0.8rem;
  background: var(--cream);
  color: var(--ink);
  font-size: 0.88rem;
  line-height: 1.55;
}

.journey-step:has(.journey-example) .journey-detail {
  margin-bottom: 0.9rem;
}

.journey-example span {
  display: block;
  margin-bottom: 0.2rem;
  color: var(--navy);
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.wwb-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem 1.75rem;
  align-items: center;
  margin-top: 2rem;
}

.wwb-actions .button,
.wwb-actions .text-link {
  margin-top: 0;
}