/* Begin Your Journey only, linked after begin-journey-20261002.css from
   src/pages/begin.astro. Every rule is scoped to a journey-expect class.

   "Good to know" sits between "How it works" and the inquiry form: what an
   inquiry does, what it asks for, several children in one inquiry, and how the
   details are used. It repeats the form's own words about privacy and adds no
   promise the form does not make.

   Two contrast fixes, presentation only: the opening eyebrow is navy on cream,
   and the inquiry form's main button takes the same dark text on coral as the
   site's other primary buttons (white on coral was 2.6:1). The form's markup
   and behaviour are unchanged. */

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

.inquiry .inquiry__button--primary {
  color: #142f38;
}

.inquiry .inquiry__button--primary:hover {
  color: #fff;
}

.journey-expect {
  padding: clamp(2rem, 4vw, 3rem) 0;
  border-bottom: 1px solid var(--rule);
  background: var(--cream);
}

.journey-expect__layout {
  display: grid;
  grid-template-columns: minmax(10rem, 0.35fr) minmax(0, 1.65fr);
  gap: clamp(1.5rem, 5vw, 4rem);
  align-items: start;
}

.journey-expect__heading h2 {
  margin: 0;
  color: var(--navy);
  font-family: var(--font-display);
  font-size: clamp(1.8rem, 2.8vw, 2.45rem);
  font-weight: 500;
  letter-spacing: -0.03em;
}

.journey-expect__list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.5rem clamp(1.5rem, 3vw, 2.5rem);
  margin: 0;
}

.journey-expect__list > div {
  padding-top: 0.9rem;
  border-top: 2px solid var(--coral);
}

.journey-expect__list dt {
  color: var(--navy);
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.4;
}

.journey-expect__list dd {
  margin: 0.4rem 0 0;
  color: var(--ink);
  font-size: 0.95rem;
  line-height: 1.65;
}

@media (max-width: 860px) {
  .journey-expect__layout {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 600px) {
  .journey-expect__list {
    grid-template-columns: minmax(0, 1fr);
  }
}