.journey { background: #fff; }
.journey-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 18px; list-style: none; margin: 0; padding: 0; }
.journey-grid li { display: flex; gap: 18px; border: 1px solid var(--line); border-radius: 16px; padding: 24px; background: var(--soft); }
.journey-grid span { display: grid; place-items: center; flex: 0 0 42px; height: 42px; border-radius: 50%; background: var(--teal); color: #fff; font-size: 18px; font-weight: 800; }
.journey-grid h3 { margin: 1px 0 7px; }
.journey-grid p { margin: 0; color: #48656d; }
.clinical-boundary { margin-top: 22px; padding: 22px 24px; border-left: 5px solid var(--gold); border-radius: 10px; background: #fff8e7; }
.clinical-boundary p { margin: 6px 0 0; }
.faq { background: var(--soft); }
.faq-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; }
.faq details { border: 1px solid var(--line); border-radius: 14px; background: #fff; padding: 0 20px; }
.faq summary { cursor: pointer; font-weight: 750; padding: 20px 30px 20px 0; }
.faq details[open] summary { color: var(--teal); }
.faq details p { margin: 0 0 20px; color: #48656d; }
@media (max-width: 1120px) {
  .site-header > nav { display: none; }
  .mobile-nav { display: block; }
  .site-header .button { margin-left: 0; }
}
@media (max-width: 700px) { .journey-grid, .faq-grid { grid-template-columns: 1fr; } }
@media (max-width: 560px) { .site-header .button:after { content: "Console"; } }