/* Only the selected route guidance panel. Native booking and remaining panels are untouched. */
.content-panel.route-explainer{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:clamp(20px,4vw,56px);align-items:center;padding:clamp(20px,3vw,44px);overflow:visible}
.route-explainer__copy{min-width:0}
.route-explainer__copy h2{max-width:22ch;font-size:clamp(1.65rem,2.4vw,2.4rem);line-height:1.18;text-wrap:balance}
.route-explainer__copy p{max-width:60ch;line-height:1.75}
.route-explainer__art{min-width:0;margin:0;background:transparent;pointer-events:none;align-self:center}
.route-explainer__art img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}
body.scc-brand-scc .route-explainer{background:#f4f8f5;border-color:#d3e4db;border-radius:18px}
body.scc-brand-scc .route-explainer__art{grid-column:1;grid-row:1}
body.scc-brand-scc .route-explainer__copy{grid-column:2;grid-row:1}
body.scc-brand-hut .route-explainer{background:#fcf8ee;border-color:#e7d8b7;border-radius:28px}
@media(max-width:760px){.content-panel.route-explainer{grid-template-columns:minmax(0,1fr);gap:8px;padding:22px}.route-explainer__art{max-width:560px;width:100%;justify-self:center}.route-explainer__copy h2{max-width:none}.route-explainer__copy p{margin-bottom:0}body.scc-brand-scc .route-explainer__copy,body.scc-brand-scc .route-explainer__art{grid-column:auto;grid-row:auto}}
@media(prefers-reduced-motion:reduce){.route-explainer *{scroll-behavior:auto}}