/* Orientation within the existing customer and internal spaces. */
.journey-identity { display:flex; align-items:center; justify-content:space-between; gap:12px 24px; flex-wrap:wrap; padding-top:16px; padding-bottom:16px; }
.journey-identity-main { display:grid; gap:3px; min-width:0; overflow-wrap:anywhere; }
.journey-identity-main small { color:var(--muted,#576579); font-size:12px; }
.journey-identity nav { display:flex; flex-wrap:wrap; gap:8px 18px; }
.journey-identity nav a { min-height:44px; display:inline-flex; align-items:center; font-size:13px; font-weight:650; }
.journey-toolbar { flex-wrap:wrap; gap:12px; }
.journey-toolbar .journey-identity-main { flex:1; }
.journey-next { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:22px 24px; margin:0 0 24px; border:1px solid #bbdcec; border-left:4px solid #1a80b6; border-radius:10px; background:#f7fbfe; min-width:0; }
.journey-next > div { min-width:0; }
.journey-next h2 { font-size:clamp(19px,2vw,24px); margin:4px 0 8px; line-height:1.25; }
.journey-next p { margin:0; max-width:72ch; }
.journey-next .eyebrow { margin-bottom:6px; }
.journey-next .button { flex-shrink:0; max-width:100%; white-space:normal; text-align:center; }
.journey-entry { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
.journey-entry .panel { display:flex; flex-direction:column; align-items:flex-start; gap:12px; margin:0; }
.journey-entry h2,.journey-entry p { margin:0; }
.journey-entry .button { margin-top:auto; }
.journey-steps { list-style:none; counter-reset:journey; display:grid; gap:0; padding:0; margin:16px 0; }
.journey-steps li { counter-increment:journey; display:grid; grid-template-columns:32px 1fr; gap:10px; padding:14px 0; border-bottom:1px solid #dce5f2; }
.journey-steps li::before { content:counter(journey); display:grid; place-items:center; width:30px; height:30px; border-radius:50%; background:#e8f4fb; color:#105378; font-weight:700; }
.journey-steps p { margin:4px 0 0; }
.journey-details > summary { min-height:48px; padding:16px 0; cursor:pointer; font-size:20px; font-weight:650; }
.journey-details[open] > summary { margin-bottom:16px; }
.journey-next a:focus-visible,.journey-identity a:focus-visible,.journey-details summary:focus-visible { outline:3px solid #1a80b6; outline-offset:3px; }
@media(max-width:640px) {
  .journey-entry { grid-template-columns:1fr; }
  .journey-next { flex-direction:column; align-items:stretch; padding:18px; gap:16px; }
  .journey-next .button { align-self:flex-start; }
  .journey-identity nav { gap:0 16px; }
}