:root{--map-green:#075b3b;--map-deep:#073d2c;--map-cream:#f7f3ea;--map-sand:#dca05c;--map-red:#c9404e;--map-blue:#1685a9;--map-purple:#713b80}body[data-page="map"]{background:#f6f3ed;color:#14231e}.map-page{padding:104px 14px 0;max-width:1600px;margin:auto}.map-intro{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:0 8px 16px}.map-intro h1{font:800 clamp(28px,3vw,44px)/1.05 Georgia,serif;color:var(--map-deep);margin:0}.map-intro p{margin:5px 0 0;color:#56625d}.map-badges{display:flex;gap:9px;flex-wrap:wrap}.map-badges span{background:#fff;border:1px solid #e6dfd3;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:800}.map-app{display:grid;grid-template-columns:245px minmax(520px,1fr) 238px;gap:12px;min-height:700px}.map-panel,.map-card{background:#fff;border:1px solid #e7dfd3;border-radius:15px;box-shadow:0 7px 22px #39453d14}.map-panel{padding:14px;overflow:auto}.map-panel h2,.map-card h2{font-size:13px;letter-spacing:.03em;text-transform:uppercase;margin:0 0 12px}.route-title{background:linear-gradient(135deg,var(--map-deep),#117554);color:#fff;margin:-14px -14px 14px;padding:13px 14px;border-radius:14px 14px 0 0}.field-label{display:block;font-size:10px;font-weight:900;letter-spacing:.07em;margin:10px 0 5px}.route-row{display:flex;gap:6px;align-items:center}.route-row select{width:100%;border:1px solid #ddd8d0;border-radius:10px;background:#fff;padding:10px 8px;font-size:12px;min-height:42px}.route-row button,.icon-btn{border:1px solid #ddd8d0;background:#fff;border-radius:10px;min-height:42px;min-width:42px;cursor:pointer}.stops{display:grid;gap:7px}.stop-row{display:flex;gap:5px}.stop-row select{flex:1}.transport{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:12px 0}.transport button{border:1px solid #ddd8d0;background:#fff;border-radius:9px;padding:9px 4px;font-size:11px;font-weight:800}.transport button.active{background:var(--map-green);color:#fff}.route-actions{display:grid;gap:7px}.primary-btn,.secondary-btn{border:0;border-radius:10px;cursor:pointer;min-height:43px;padding:10px 12px;font-weight:900}.primary-btn{background:var(--map-green);color:#fff}.secondary-btn{background:#fff;border:1px solid #d8d3ca;color:var(--map-deep)}.primary-btn:disabled{opacity:.48;cursor:not-allowed}.planner-note{font-size:11px;line-height:1.45;color:#67716c}.explore-list{border-top:1px solid #eee7dc;margin-top:16px;padding-top:15px}.explore-list button{display:flex;width:100%;border:0;background:transparent;padding:8px 2px;gap:8px;text-align:left;font-size:12px;cursor:pointer}.explore-list i{width:12px;height:12px;border-radius:4px;display:inline-block;margin-top:2px}.map-wrap{position:relative;min-height:700px;border-radius:16px;overflow:hidden;border:1px solid #e7dfd3;background:#e7dfcf}.map-canvas{height:100%;min-height:700px;z-index:1}.map-tools{position:absolute;z-index:500;right:12px;bottom:15px;display:grid;gap:7px}.map-tools button{width:44px;height:44px;border:1px solid #ddd5c8;border-radius:10px;background:#fff;box-shadow:0 3px 12px #1e312522;font-size:18px;cursor:pointer}.trail-toggle{position:absolute;z-index:500;left:12px;bottom:14px;background:#fff;border:1px solid #ddd5c8;border-radius:999px;box-shadow:0 3px 12px #1e312522;padding:7px 12px;font-weight:900;color:var(--map-deep);cursor:pointer}.trail-toggle[aria-pressed="true"]{background:var(--map-green);color:#fff}.map-right{display:grid;align-content:start;gap:10px}.map-card{padding:14px}.route-summary[hidden]{display:none}.map-app>.route-summary{display:none}.route-summary strong{display:block;color:var(--map-green);font:700 20px Georgia,serif}.summary-stats{display:grid;grid-template-columns:1fr 1fr;margin-top:10px;border-top:1px solid #eee7dc;padding-top:10px}.summary-stats div+div{border-left:1px solid #eee7dc;padding-left:10px}.summary-stats small{display:block;font-size:9px;text-transform:uppercase;color:#65706a}.summary-stats b{font-size:16px}.route-legs{font-size:11px;padding-left:18px;margin-bottom:0}.top-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.top-place{height:78px;border:0;border-radius:9px;overflow:hidden;position:relative;padding:0;cursor:pointer}.top-place img{width:100%;height:100%;object-fit:cover}.top-place span{position:absolute;inset:auto 0 0;background:linear-gradient(transparent,#000b);color:#fff;font-size:11px;font-weight:900;padding:17px 6px 5px}.border-list{display:grid;gap:9px}.border-list button{border:0;background:transparent;padding:0;display:flex;gap:8px;text-align:left;align-items:center;font-size:11px;cursor:pointer}.border-list b{color:var(--map-purple);font-size:17px}.trail-card{background:linear-gradient(145deg,#fff,#edf5eb)}.trail-stats{display:grid;grid-template-columns:repeat(3,1fr);text-align:center}.trail-stats b{display:block;font-size:17px}.trail-stats small{font-size:9px;color:#667069}.marker-wrap{background:transparent;border:0}.jtg-marker{--c:var(--map-sand);display:grid;place-items:center;width:34px;height:34px;border:3px solid #fff;border-radius:50% 50% 50% 12px;background:var(--c);box-shadow:0 2px 7px #17291e66;color:#fff;font-size:16px;transform:rotate(-45deg)}.jtg-marker span{transform:rotate(45deg)}.jtg-marker.nature{--c:#578d34}.jtg-marker.water{--c:var(--map-blue)}.jtg-marker.city{--c:#b86d22}.jtg-marker.desert{--c:#dc7a16}.jtg-marker.airport{--c:#397dd0}.jtg-marker.border{--c:var(--map-purple);border-radius:8px;transform:none}.jtg-marker.border span{transform:none}.map-label{background:#fffc;border:0;box-shadow:none;font-size:11px;font-weight:900;color:#19231f;padding:1px 4px}.leaflet-popup-content-wrapper{border-radius:15px}.place-popup h3{margin:0;color:var(--map-deep)}.place-popup p{font-size:12px;margin:3px 0 10px}.popup-actions{display:flex;gap:5px;flex-wrap:wrap}.popup-actions button,.popup-actions a{border:1px solid #d7d1c8;background:#fff;border-radius:7px;padding:6px 8px;font-weight:800;font-size:11px}.trail-section{margin:18px 0 44px;background:#fff;border:1px solid #e7dfd3;border-radius:18px;padding:24px}.trail-section h2{color:var(--map-deep);font:700 28px Georgia,serif;margin:0}.trail-regions{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:18px}.trail-regions article{background:var(--map-cream);border-radius:12px;padding:13px}.trail-regions b{color:#9f651c}.trail-regions h3{font-size:13px;margin:5px 0}.trail-regions p{font-size:11px;margin:0;color:#68716c}.mobile-map-bar,.sheet-close{display:none}
@media(max-width:1050px){.map-app{grid-template-columns:220px 1fr}.map-right{display:none}.trail-regions{grid-template-columns:repeat(2,1fr)}}
@media(max-width:1050px){body[data-page="map"]{overflow-x:hidden}.map-app>.route-summary:not([hidden]){display:block}.map-page{padding:78px 0 0}.map-intro{display:none}.map-app{display:block;min-height:calc(100dvh - 78px)}.map-wrap,.map-canvas{border-radius:0;border:0;min-height:calc(100dvh - 78px);height:calc(100dvh - 78px)}.map-panel{position:fixed;z-index:1100;left:0;right:0;bottom:0;max-height:83dvh;border-radius:22px 22px 0 0;padding:18px;transform:translateY(110%);transition:transform .25s ease;box-shadow:0 -12px 35px #14251b33}.map-panel.is-open{transform:translateY(0)}.route-title{margin:-18px -18px 16px;padding:18px}.sheet-close{display:block;position:absolute;right:12px;top:10px;border:0;background:#ffffff22;color:#fff;font-size:24px;z-index:2}.explore-list{display:none}.map-tools{bottom:82px}.trail-toggle{bottom:84px;left:12px}.mobile-map-bar{display:grid;position:fixed;z-index:900;bottom:10px;left:10px;right:10px;grid-template-columns:1fr 1fr;gap:7px;background:#fff;border-radius:17px;padding:7px;box-shadow:0 5px 25px #14251b44}.mobile-map-bar button{min-height:49px;border:0;border-radius:12px;background:#f5f2eb;color:var(--map-deep);font-weight:900}.mobile-map-bar button:last-child{background:var(--map-green);color:#fff}.route-summary{position:fixed;z-index:800;bottom:76px;left:10px;right:10px}.trail-section{margin:14px 10px 30px;padding:18px}.trail-regions{grid-template-columns:1fr}.map-badges{display:none}.leaflet-control-zoom{display:none}}
@media(max-width:360px){.map-tools button{width:40px;height:40px}.route-row select{font-size:11px}.map-panel{padding:14px}.route-title{margin:-14px -14px 14px}.trail-toggle{font-size:11px}}

/* MapLibre vector map, route waypoints and official Jordan Trail guide */
.maplibregl-map{font-family:Inter,ui-sans-serif,system-ui,sans-serif}.maplibregl-ctrl-top-left{top:78px}.maplibregl-popup-content{border-radius:15px;padding:15px;box-shadow:0 10px 35px #18322633}.map-symbol{align-items:center;background:#b76b27;border:3px solid #fff;border-radius:50% 50% 50% 12px;box-shadow:0 3px 10px #15271d66;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:950;height:36px;justify-content:center;padding:0;transform:rotate(-45deg);width:36px}.map-symbol span{transform:rotate(45deg)}.map-symbol.nature{background:#528333}.map-symbol.water{background:#167d9f}.map-symbol.desert{background:#d97b1d}.map-symbol.airport{background:#3477bc}.map-symbol.border{background:#6d377d;border-radius:8px;transform:none}.map-symbol.border span{transform:none}.route-point{align-items:center;background:#fff;border:3px solid #0879e8;border-radius:50%;box-shadow:0 2px 8px #17261f55;color:#075b3b;display:flex;font-size:11px;font-weight:950;height:30px;justify-content:center;width:30px}.route-point.start{background:#075b3b;border-color:#fff;color:#fff}.route-point.end{background:#c9404e;border-color:#fff;color:#fff}.route-legs{display:grid;gap:8px;list-style:none;padding:0}.route-legs li{background:#f7f3ea;border-radius:9px;padding:9px}.route-legs strong,.route-legs span{display:block}.route-legs span{color:#58645e;margin-top:3px}.edit-route{margin-top:10px;width:100%}
.trail-section{background:#f4ecdc;padding:0;overflow:hidden}.trail-hero{background:linear-gradient(125deg,#083e2e,#116747 60%,#b86b32);color:#fff;padding:34px}.trail-kicker{font-size:11px;font-weight:900;letter-spacing:.2em;margin:0}.trail-section .trail-hero h2{color:#fff;font:800 clamp(34px,4vw,58px)/1 Georgia,serif;margin:9px 0 2px}.trail-route-name{font-size:17px;font-weight:900;letter-spacing:.06em;margin:0}.trail-lead{max-width:720px;color:#eef6f1;font-size:14px}.trail-overview{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:24px;background:#ffffff38;border:1px solid #ffffff38;border-radius:13px;overflow:hidden}.trail-overview span{background:#ffffff10;padding:14px;text-align:center;font-size:10px;font-weight:900}.trail-overview b{display:block;font-size:20px}.trail-regions{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:0;padding:22px}.trail-regions article{background:#fff;border:1px solid #dfd4c3;border-radius:14px;padding:0;overflow:hidden}.trail-regions details{height:100%}.trail-regions summary{align-items:center;color:#163c2d;cursor:pointer;display:flex;font-size:14px;font-weight:950;gap:12px;list-style:none;padding:16px}.trail-regions summary::-webkit-details-marker{display:none}.trail-regions summary b{align-items:center;background:#b66a31;border-radius:50%;color:#fff;display:flex;height:34px;justify-content:center;min-width:34px}.trail-regions details>div{border-top:1px solid #eee6da;padding:15px}.trail-regions dl{display:flex;gap:22px;margin:0}.trail-regions dl span{display:block}.trail-regions dt{color:#78827d;font-size:9px;font-weight:900;text-transform:uppercase}.trail-regions dd{font-weight:900;margin:2px 0}.trail-regions p{font-size:12px}.trail-regions small{color:#66716b;display:block;line-height:1.5}.trail-regions button{background:#075b3b;border:0;border-radius:8px;color:#fff;cursor:pointer;font-size:11px;font-weight:900;margin-top:13px;padding:9px 12px;text-transform:uppercase}.trail-source{font-size:11px;margin:0;padding:0 24px 22px}.trail-source a{color:#075b3b;font-weight:900;text-decoration:underline}.route-data-note{color:#66716b;font-size:10px;line-height:1.4;margin:10px 0 0}
@media(max-width:1050px){.maplibregl-ctrl-top-left{top:64px}.trail-hero{padding:25px 18px}.trail-overview{grid-template-columns:repeat(2,1fr)}.trail-regions{display:block;padding:12px}.trail-regions article{margin-bottom:9px}.trail-regions details:not([open]) summary{padding:13px}.trail-regions details>div{padding:13px}.trail-source{padding:4px 17px 20px}.route-summary{max-height:34dvh;overflow:auto}}

/* Route results are a controllable mobile sheet, never a trapped overlay. */
.mobile-route-sheet{display:none}.route-summary-actions{display:grid;gap:6px;margin-top:12px}.route-summary-actions button,.text-btn{background:#fff;border:1px solid #d8d3ca;border-radius:8px;color:var(--map-deep);cursor:pointer;font-size:11px;font-weight:900;min-height:34px}.route-summary-actions button:last-child,.text-btn{border:0;color:#a03d31;text-decoration:underline}
.route-summary.is-collapsed .summary-stats,.route-summary.is-collapsed .route-legs,.route-summary.is-collapsed .route-data-note,.route-summary.is-collapsed .route-summary-actions button:not([data-summary-collapse]){display:none}.route-summary.is-collapsed .route-summary-actions{margin-top:8px}
@media(max-width:1050px){
  .map-app>.route-summary{display:none!important}.map-wrap{overflow:visible}.mobile-map-bar{transition:transform .2s ease,opacity .2s ease}.map-wrap:has(.mobile-route-sheet:not([hidden])) .mobile-map-bar{transform:translateY(80px);opacity:0;pointer-events:none}.map-tools{bottom:86px}.trail-toggle{bottom:88px}
  .mobile-route-sheet{background:#fff;border:1px solid #e2d8ca;border-radius:18px 18px 0 0;bottom:0;box-shadow:0 -8px 28px #15271d26;display:block;left:0;position:fixed;right:0;z-index:850}.mobile-route-strip{align-items:center;background:#fff;border:0;border-radius:18px 18px 0 0;color:var(--map-deep);cursor:pointer;display:flex;justify-content:space-between;min-height:69px;padding:12px 66px 12px 18px;text-align:left;width:100%}.mobile-route-strip b{display:block;font:700 17px/1.1 Georgia,serif;max-width:calc(100vw - 130px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-route-strip small{color:#5a6861;display:block;font-size:12px;font-weight:900;margin-top:5px}.mobile-route-strip i{align-items:center;background:#eef3ee;border-radius:50%;display:flex;font-size:17px;font-style:normal;height:30px;justify-content:center;width:30px}.mobile-route-quick-edit{background:#eef3ee;border:0;border-radius:9px;color:var(--map-deep);cursor:pointer;font-size:11px;font-weight:900;min-height:35px;padding:0 10px;position:absolute;right:16px;top:17px}.mobile-route-sheet[data-state="expanded"] .mobile-route-quick-edit{display:none}.mobile-route-details{display:none;border-top:1px solid #eee5d9;max-height:min(44dvh,360px);overflow:auto;padding:12px 18px 16px}.mobile-route-sheet[data-state="expanded"] .mobile-route-details{display:block}.mobile-route-sheet[data-state="expanded"] .mobile-route-strip i{transform:rotate(180deg)}.mobile-route-sheet[data-state="expanded"] .mobile-route-details>strong{display:none}.sheet-detail-header{align-items:center;display:flex;justify-content:space-between}.sheet-detail-header>div{align-items:center;display:flex;gap:7px}.sheet-detail-header p{color:#6a756f;font-size:10px;font-weight:900;letter-spacing:.08em;margin:0}.sheet-detail-header button{background:transparent;border:0;color:var(--map-deep);cursor:pointer;font-size:12px;font-weight:900}.sheet-detail-header .sheet-x{align-items:center;background:#f2eee5;border-radius:50%;display:inline-flex;font-size:22px;height:30px;justify-content:center;line-height:1;padding:0;width:30px}.mobile-route-details>strong{color:var(--map-green);display:block;font:700 20px/1.2 Georgia,serif;margin:7px 0}.mobile-legs-wrap>p{color:#69756e;font-size:10px;font-weight:900;letter-spacing:.08em;margin:14px 0 5px;text-transform:uppercase}.mobile-route-actions{display:grid;gap:7px;margin-top:12px}.mobile-secondary-actions{display:grid;gap:7px;grid-template-columns:1fr 1fr}.mobile-route-actions .text-btn{min-height:33px}.mobile-route-details .route-legs{margin:0}.mobile-route-details .route-legs li{font-size:11px}.map-panel{z-index:1200}.map-panel.is-open{max-height:calc(100dvh - 62px)}
}

/* Jordan Trail desktop journey: compact cards plus one row-wide detail panel. */
@media(min-width:1051px){
  .trail-regions{align-items:start;grid-template-columns:repeat(2,minmax(0,1fr));padding:30px 32px;position:relative}.trail-regions::before{background:linear-gradient(90deg,#1a6746,#d39a62 50%,#20798c);content:"";height:2px;left:12%;opacity:.35;position:absolute;right:12%;top:52px}.trail-regions article{background:linear-gradient(135deg,#fffdf8,#f8f2e9);box-shadow:0 8px 20px #1832260d;min-height:143px;position:relative;z-index:1}.trail-regions article:nth-of-type(-n+2){background:linear-gradient(135deg,#f6fbf1,#fffdf8)}.trail-regions article:nth-of-type(n+3):nth-of-type(-n+5){background:linear-gradient(135deg,#fffaf0,#f8f1e5)}.trail-regions article:nth-of-type(6){background:linear-gradient(135deg,#fff7eb,#f8e4cf)}.trail-regions article:nth-of-type(7){background:linear-gradient(135deg,#fff0e4,#f5ded0)}.trail-regions article:nth-of-type(8){background:linear-gradient(135deg,#eef7f2,#e6f3f2)}.trail-regions summary{min-height:72px;padding:18px}.trail-regions summary b{box-shadow:0 0 0 5px #f6efe3}.trail-card-actions{display:flex;gap:8px;padding:0 18px 18px}.trail-card-actions button{background:transparent;border:1px solid #d8cdbc;border-radius:8px;color:#075b3b;cursor:pointer;font-size:11px;font-weight:900;min-height:34px;padding:7px 10px}.trail-card-actions button:last-child{background:#075b3b;border-color:#075b3b;color:#fff}.trail-regions details>div>button{display:none}.trail-detail-panel{background:linear-gradient(120deg,#073e2d,#0d6044);border-radius:16px;box-shadow:0 14px 30px #17332623;color:#fff;grid-column:1/-1;margin:0;padding:25px;position:relative;z-index:1}.trail-detail-panel header{align-items:start;border-bottom:1px solid #ffffff2e;display:flex;justify-content:space-between;padding-bottom:16px}.trail-detail-panel header div{align-items:center;display:flex;gap:12px}.trail-detail-panel header span{align-items:center;background:#d58a48;border-radius:50%;display:flex;font-weight:900;height:36px;justify-content:center;width:36px}.trail-detail-panel h3{font:700 22px Georgia,serif;margin:0}.trail-detail-panel header button{background:transparent;border:1px solid #ffffff66;border-radius:8px;color:#fff;cursor:pointer;font-weight:800;padding:8px 10px}.trail-detail-content{display:grid;grid-template-columns:1.3fr .7fr;gap:20px;padding-top:18px}.trail-detail-content p{color:#eaf3ee;font-size:13px;line-height:1.55;margin:0}.trail-detail-content dl{display:flex;gap:26px;grid-column:1/-1;margin:0}.trail-detail-content dt{color:#b9d8c9}.trail-detail-content dd{font-weight:900;margin:4px 0}.trail-detail-content small{color:#e8f2ed;line-height:1.65}.trail-detail-content button{background:#fff;border:0;border-radius:8px;color:#075b3b;cursor:pointer;font-weight:900;margin-top:12px;padding:9px 13px}.trail-detail-content button+button{display:none}
}
@media(max-width:1050px){.trail-card-actions{display:flex;gap:8px;padding:0 13px 13px}.trail-card-actions button{background:#fff;border:1px solid #d8cdbc;border-radius:8px;color:#075b3b;cursor:pointer;font-size:11px;font-weight:900;min-height:34px;padding:7px 10px}.trail-card-actions button:last-child{background:#075b3b;border-color:#075b3b;color:#fff}.trail-regions details>div>button{display:none}.trail-detail-panel{display:none!important}}

@media(min-width:1051px){.trail-card-meta{color:#637069;font-size:12px;font-weight:800;margin:-4px 18px 13px}}