/* Registration example using the operational dashboard's surfaces and accents. */
.journey-example{margin:32px 0;background:#f3f5f7;border:1px solid #d3e0e8;border-radius:8px;padding:28px}
.journey-example figcaption>strong{display:block;font-size:24px;line-height:1.3;color:#21343e}
.journey-example-flow{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr) minmax(0,1fr);gap:34px;align-items:center;margin:24px 0}
.journey-example-step{position:relative;min-width:0;padding:22px;background:#fff;border:1px solid #cbdce7;border-radius:6px}
.journey-example-step h3{font-size:18px;line-height:1.35;color:#21343e;margin:0 0 10px}
.journey-example-step p{font-size:14px;line-height:1.65;color:#52616b;margin:0}
.journey-example-branches{position:relative;display:grid;gap:14px}
.journey-example-branches .journey-example-step{border-left:3px solid #3c8dbc}
.journey-example-branches::before,.journey-example-branches::after{content:'→';position:absolute;top:calc(50% - 14px);color:#286b91;font-size:23px;line-height:28px}
.journey-example-branches::before{left:-27px}.journey-example-branches::after{right:-27px}
.journey-example-end{background:#202e3c;border-color:#41596b}
.journey-example-end h3{color:#fff}.journey-example-end p{color:#d7e6ef}.journey-example-end .web-kicker{color:#80c5ec}
.journey-example-note{font-size:12px;line-height:1.6;color:#52616b;margin:0}
@media(max-width:820px){.journey-example{padding:22px}.journey-example-flow{grid-template-columns:minmax(0,1fr);gap:32px}.journey-example-branches::before,.journey-example-branches::after{content:'↓';left:calc(50% - 8px);right:auto}.journey-example-branches::before{top:-30px}.journey-example-branches::after{top:auto;bottom:-30px}}
@media(max-width:400px){.journey-example{padding:16px}.journey-example-step{padding:18px}.journey-example figcaption>strong{font-size:21px}}