
        /* route-story */
        .route-stories{margin:1.6rem 0;padding:1.15rem;border:1px solid rgba(35,68,93,.14);border-radius:18px;background:#fff}
        .route-stories h2{margin:0 0 .9rem;color:var(--lake-deep,#23445d);font-size:clamp(1.3rem,3vw,1.7rem);line-height:1.2}
        .route-stories__grid{display:grid;gap:1.1rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,17rem),1fr))}
        .route-story{display:grid;gap:.65rem;align-content:start;margin:0}
        .route-story__frame{container-type:inline-size;max-width:30rem}
        .route-story__map{display:block;width:100%;height:auto;aspect-ratio:320/220;border-radius:12px;overflow:hidden}
        .route-story__bg{fill:#f3eee6}
        .route-story__map--sea .route-story__bg{fill:#bcd8df}
        .route-story__context--water{fill:#bcd8df;stroke:#8fb4c3;stroke-width:.8}
        .route-story__context--island,.route-story__context--land{fill:#f3eee6;stroke:#8fb4c3;stroke-width:.7}
        .route-story__context--landmark{fill:rgba(181,156,132,.2);stroke:rgba(140,112,86,.55);stroke-width:.9}
        .route-story__context--landmark-strong{fill:rgba(181,156,132,.36);stroke:rgba(140,112,86,.7);stroke-width:.9}
        .route-story__context-label{fill:#3c6a80;font:italic 600 11px var(--geo-font-ui,sans-serif);paint-order:stroke;stroke:rgba(255,255,255,.55);stroke-width:2.5px}
        .route-story [data-mode=walk]{--rs-c:#23445d}.route-story [data-mode=car]{--rs-c:#c06d45;--rs-chip:#9e532f}.route-story [data-mode=bus]{--rs-c:#2f7d5b;--rs-chip:#2a6f50}.route-story [data-mode=boat]{--rs-c:#1d5476}.route-story [data-mode=plane]{--rs-c:#5b4b8a}
        .route-story__track,.route-story__line{fill:none;stroke:var(--rs-c);stroke-linecap:round;stroke-linejoin:round}
        .route-story__track{stroke-width:3;stroke-dasharray:.1 5;opacity:.45}
        .route-story__line{stroke-width:3.4;stroke-dasharray:1;stroke-dashoffset:0}
        .route-story__line[data-mode=plane]{stroke-width:2.6}
        .route-story__marker,.route-story__dot{fill:#fff;stroke:var(--rs-c);stroke-width:2.4}
        .route-story__marker--end{fill:var(--rs-c);stroke:#fff;stroke-width:2}
        .route-story__dot{stroke-width:2}
        .route-story__label{fill:#17344a;font:700 13px var(--geo-font-ui,sans-serif);paint-order:stroke;stroke:#fff;stroke-width:3.2px;stroke-linejoin:round}
        @container (min-width:22.5rem){.route-story__label{font-size:11.5px}.route-story__context-label{font-size:10px}}
        @container (min-width:26rem){.route-story__label{font-size:10.5px}.route-story__context-label{font-size:9px}}
        .route-story__mover circle{fill:var(--rs-c);stroke:#fff;stroke-width:2}
        .route-story__glyph{fill:#fff}
        .route-story__mover--secondary{opacity:0}
        @supports (offset-path:path("M0 0")){
            .route-story__mover{transform:none;offset-distance:100%;offset-rotate:0deg;offset-anchor:0 0}
            .route-story__mover[data-mode=plane]{offset-rotate:auto 90deg}
        }
        .route-story__caption{display:grid;gap:.35rem}
        .route-story__title{color:var(--lake-deep,#23445d);font-size:1rem;line-height:1.35}
        .route-story__head{display:flex;align-items:flex-start;justify-content:space-between;gap:.6rem}
        .route-story__replay{flex:none;display:inline-flex;align-items:center;gap:.35rem;min-height:36px;padding:.3rem .75rem;border:1px solid rgba(35,68,93,.28);border-radius:999px;background:#fff;color:var(--lake-deep,#23445d);font:inherit;font-size:.8rem;font-weight:800;line-height:1.2;cursor:pointer}
        .route-story__replay:hover{background:#f3eee6}
        .route-story__replay:focus-visible{outline:2px solid var(--lake-deep,#23445d);outline-offset:2px}
        .route-story__replay[hidden]{display:none}
        .route-story__replay svg{width:16px;height:16px}
        .route-story__facts{display:grid;gap:.5rem;margin:0;padding:0;list-style:none}
        .route-story__fact{margin:0;color:var(--text-dark,#1d2d38);font-size:.93rem;line-height:1.5}
        .route-story__mode{display:inline-block;margin-right:.4rem;padding:.05rem .5rem;border-radius:999px;background:var(--rs-chip,var(--rs-c));color:#fff;font-size:.76rem;font-weight:800;line-height:1.5;vertical-align:.08em}
        .route-story__value{font-weight:700;overflow-wrap:break-word}
        .route-story__source{display:block;margin-top:.1rem;color:var(--text-muted,#5d6b76);font-size:.8rem;line-height:1.45}
        .route-story__note{margin:.15rem 0 0;color:var(--text-muted,#5d6b76);font-size:.78rem;line-height:1.45}
        @media (min-width:760px){
            .route-stories--single .route-story{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:center;gap:1.25rem}
        }
        /* route-story paced */
        .route-story--choices{grid-column:1/-1}
        .route-stories__grid:has(> .route-story--choices){grid-template-columns:repeat(auto-fit,minmax(min(100%,22rem),1fr))}
        .route-story--paced .route-story__caption{container-type:inline-size}
        .route-story--paced .route-story__head{flex-wrap:wrap}
        @media (min-width:760px){
            .route-stories .route-story--choices{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:start;gap:1.25rem}
        }
