.pilgrimage-map{position:relative;isolation:isolate;background:#172126;color:#e4ddce;min-height:100vh;overflow:hidden}.route-backdrop{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.16;filter:saturate(.45);z-index:-2}.pilgrimage-map:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#101d26b8,#101b2280 60%,#101b22db);z-index:-1}.route-layout{max-width:1480px;margin:auto;padding:130px 5% 35px;display:grid;grid-template-columns:minmax(460px,1fr) minmax(280px,370px);gap:20px 5%;align-items:start}.route-intro{grid-column:1/-1}.route-intro .eyebrow{color:#cbb98f;margin:0 0 12px}.route-intro h1{font-size:clamp(24px,3vw,40px);font-weight:500;margin:0 0 18px;line-height:1.4}.route-intro h1 small{font-size:13px!important;letter-spacing:.05em}.route-intro>p:last-child{font-size:12px;color:#b5b9b4;line-height:1.9;margin:0}.geographic-map{position:relative;width:100%;max-width:690px;aspect-ratio:640/900;margin:auto;border:1px solid #cbb98f26}.map-geography{position:absolute;width:100%;height:100%;inset:0}.map-land{fill:#b4ad9120}.map-coast{fill:none;stroke:#d1c5a688;stroke-width:1.5}.map-water{fill:#91accb2b;stroke:#a6c1dc88;stroke-width:1.5}.map-river{fill:none;stroke:#aac7e5a6;stroke-width:1.5}.map-route{fill:none;stroke:#d3ac64;stroke-width:2;stroke-dasharray:3 6;opacity:.8}.map-leader{fill:none;stroke:#d3ac6470;stroke-width:1}.jerusalem-ring{fill:#16242caa;stroke:#d3ac6480;stroke-dasharray:2 3}.route-pin{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);min-height:44px;min-width:44px;display:flex;align-items:center;gap:7px;color:#f1e9d5;text-align:left;padding:4px;background:transparent;border:0;z-index:3;line-height:1.4}.route-pin b{display:grid;place-items:center;width:29px;height:29px;flex-shrink:0;border:1px solid #d7b77e;background:#293238;border-radius:50%;font-size:12px;font-weight:400}.route-pin .bilingual{font-size:12px;white-space:nowrap;text-shadow:0 1px 4px #071018}.route-pin .bilingual small{font-size:8px;line-height:1.5;opacity:.85;max-width:112px;white-space:normal}.route-pin:disabled{opacity:.5;cursor:not-allowed}.route-pin.available b{background:#dec082;color:#18232b;border-color:#dec082}.route-pin.finished b{background:#8caa9c;color:#152a2b;border-color:#8caa9c}.route-pin.selected b,.route-pin:focus-visible b{outline:2px solid #f3deb1;outline-offset:4px}.route-pin:hover:not(:disabled) .bilingual{color:#ffe5ad}.geo-label{position:absolute;font-size:12px;text-align:center;color:#b3bebd;opacity:.7;pointer-events:none}.geo-label small{letter-spacing:.12em;font-size:9px!important}.sea-label{left:5%;top:30%}.galilee-label{left:43%;top:10%}.samaria-label{left:27%;top:47%}.judea-label{left:38%;top:91%}.river-label{left:70%;top:46%}.deadsea-label{left:72%;top:78%}.jerusalem-label{left:42%;top:69%;font-size:11px;color:#d8bd87}.map-compass{position:absolute;right:6%;top:3%;display:grid;text-align:center;font-size:12px;color:#c4b18b;z-index:2}.map-compass>span{font-size:36px;line-height:1.2}.map-compass .bilingual{font-size:8px}.map-compass small{font-size:7px!important}.jerusalem-inset{position:absolute;left:2%;top:49%;width:43%;aspect-ratio:1;border:1px solid #c6a66a99;border-radius:50%;background:#17242ef0}.jerusalem-inset>svg{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#b8b8a52b;stroke-width:1}.jerusalem-inset .inset-route{stroke:#c6a66a99;stroke-dasharray:3 5}.inset-title{position:absolute;left:0;right:0;top:7%;text-align:center;font-size:10px;color:#c2ad83}.inset-title small{font-size:7px!important}.jerusalem-inset .route-pin{gap:3px;flex-direction:column;text-align:center;padding:0;min-height:38px}.jerusalem-inset .route-pin b{width:24px;height:24px;font-size:10px}.jerusalem-inset .route-pin .bilingual{font-size:9px;line-height:1.3}.jerusalem-inset .route-pin small{font-size:6px;max-width:70px;line-height:1.3;margin-top:2px}.map-legend{position:absolute;bottom:3%;left:5%;font-size:9px;color:#b9b7a6;max-width:230px;line-height:1.6}.map-legend>span{display:block;margin-top:10px}.map-legend small{font-size:8px!important}.route-detail{padding:45px 0 0;position:sticky;top:90px}.route-detail .selection-title{font-size:32px}.route-detail .selection-story{font-size:13px}.route-detail .selection-story-en{font-size:11px!important}.route-detail .selection-enter{width:100%}.route-note{grid-column:1/-1;font-size:10px;line-height:1.9;color:#a6aba7;max-width:850px;margin:22px 0 0}.route-note small{font-size:9px!important}
@media(max-width:1000px){.route-layout{grid-template-columns:minmax(340px,1fr) minmax(230px,280px);gap:20px 30px;padding-top:115px}.route-pin .bilingual{font-size:10px}.route-pin small{font-size:7px!important}.geo-label{font-size:10px}.geo-label small{font-size:7px!important}.route-detail .selection-title{font-size:25px}}
@media(max-width:760px){.route-layout{display:flex;flex-direction:column;padding:100px 20px 30px;gap:22px}.route-intro h1{font-size:24px}.geographic-map{width:100%}.route-detail{position:static;padding:5px 0;width:100%}.route-detail .selection-story{max-width:100%}.route-note{margin:0}.route-pin .bilingual{font-size:10px}.route-pin b{width:25px;height:25px;font-size:10px}.map-legend{font-size:8px;max-width:185px}.map-legend small{font-size:6px!important}.jerusalem-inset .route-pin .bilingual{font-size:8px}.jerusalem-inset .route-pin small{font-size:5px!important}.jerusalem-inset .route-pin b{width:21px;height:21px}.geo-label{font-size:9px}.geo-label small{font-size:6px!important}.inset-title{font-size:8px}.inset-title small{font-size:5px!important}.route-detail .selection-state{margin-bottom:16px}.route-detail .selection-title{margin-bottom:8px}}

body[data-view=route] .route-layout{padding-top:35px}
body[data-view=route] .route-intro .eyebrow{display:none}
@media(min-width:761px){body[data-view=route] .geographic-map{max-width:560px}}
@media(max-width:760px){body[data-view=route] .route-layout{padding-top:28px}}

.map-panel{position:relative;width:100%;max-width:560px;margin:auto}.map-panel .map-legend{position:static;max-width:none;margin:20px 0 0;font-size:11px}.map-panel .map-legend small{font-size:9px!important}.map-panel .jerusalem-inset{top:45%}.map-panel .jerusalem-inset svg .inset-route{d:path('M99 228L231 174 141 144 90 90')}
@media(max-width:760px){.map-panel .jerusalem-inset{position:relative;left:auto;top:auto;width:100%;max-width:340px;margin:25px auto}.map-panel .jerusalem-inset .inset-title{font-size:12px}.map-panel .jerusalem-inset .inset-title small{font-size:9px!important}.map-panel .jerusalem-inset .route-pin .bilingual{font-size:12px}.map-panel .jerusalem-inset .route-pin small{font-size:9px!important;max-width:100px}.map-panel .jerusalem-inset .route-pin b{width:30px;height:30px;font-size:12px}.map-panel .route-pin .bilingual{font-size:11px}.map-panel .route-pin small{font-size:8px!important}}

.geographic-map>.route-pin{width:44px;justify-content:center}.geographic-map>.route-pin>.bilingual{position:absolute;left:calc(100% + 2px);top:50%;transform:translateY(-50%)}.geographic-map>.route-pin[data-select-place="9"]>.bilingual,.geographic-map>.route-pin[data-select-place="3"]>.bilingual{left:auto;right:calc(100% + 2px);text-align:right}.jerusalem-label{left:49%;top:65%}.map-panel .jerusalem-inset .route-pin>.bilingual{position:static;transform:none}
