.hike-view{position:absolute;container-type:inline-size;container-name:hikepage;inset:0;z-index:1800;background:var(--paper);color:var(--ink);isolation:isolate;overflow:hidden;overscroll-behavior:contain}
.hike-view-scroll{height:100%;overflow:auto;overscroll-behavior-y:contain;scrollbar-width:thin;scroll-padding-top:85px;-webkit-overflow-scrolling:touch}
.hike-view-nav{position:absolute;z-index:900;top:max(18px,env(safe-area-inset-top));left:max(24px,env(safe-area-inset-left));right:max(24px,env(safe-area-inset-right));display:flex;align-items:flex-start;justify-content:space-between;pointer-events:none}
.hike-view-control{display:inline-flex;align-items:center;justify-content:center;gap:12px;width:48px;height:48px;min-height:48px;padding:10px;border:1px solid #ffffffb0;border-radius:50%;background:#fffefae3;color:var(--green);box-shadow:0 2px 12px #173d2b16;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);text-decoration:none;cursor:pointer;pointer-events:auto}
.hike-view-control .icon{width:26px;height:26px;stroke-width:1.8}.hike-view-control:hover{background:var(--white)}
.hike-view-more{position:relative;pointer-events:auto}.hike-view-more>summary{list-style:none}.hike-view-more>summary::-webkit-details-marker{display:none}.hike-view-more>summary::marker{content:''}
.hike-view-menu{position:absolute;right:0;top:calc(100% + 10px);min-width:210px;padding:6px;background:var(--white);border:1px solid var(--line);border-radius:14px;box-shadow:0 8px 28px #173d2b22}
.hike-view-menu .hike-view-control{width:100%;height:auto;justify-content:flex-start;padding:11px 12px;border:0;border-radius:8px;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;font-size:14px;background:transparent}
.hike-view-menu .hike-view-control:hover{background:#edf0e8}.hike-view-menu .hike-view-control .icon{width:22px;height:22px}.hike-view-menu .hike-view-delete{color:#a14939}
.hike-view-hero{position:relative;height:clamp(320px,46dvh,500px);background:#e1e9da}.hike-view-map{position:absolute;inset:0;background:#e1e9da}
.hike-view-hero>.hike-view-control{position:absolute;bottom:28px;left:24px;z-index:600;width:42px;height:42px;min-height:42px;padding:9px}
.hike-view-credits{position:absolute;bottom:0;right:0;z-index:650;display:flex;align-items:center;gap:0}
.hike-view-logo{display:flex;align-items:center;justify-content:center;width:56px;height:32px;filter:drop-shadow(0 1px 1px #ffffffbd)}.hike-view-logo img{display:block;object-fit:contain;width:56px;height:auto;max-height:16px}
.hike-view-map-info{position:relative}.hike-view-map-info>summary{display:grid;place-items:center;width:32px;height:32px;padding:0;list-style:none;cursor:pointer;color:var(--green);filter:drop-shadow(0 1px 1px #ffffffbd)}.hike-view-map-info>summary::-webkit-details-marker{display:none}.hike-view-map-info>summary::marker{content:''}.hike-view-map-info .icon{width:16px;height:16px}
.hike-view-map-info>summary:focus-visible{outline:2px solid var(--green);outline-offset:-2px}
.hike-view-map-attribution{position:absolute;right:0;bottom:calc(100% + 5px);width:min(280px,calc(100vw - 40px));padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--white);box-shadow:0 4px 18px #173d2b22;font:12px/1.6 var(--sans)}
.hike-view-content{position:relative;z-index:700;max-width:1120px;margin:0 auto;padding:30px 36px 50px;background:var(--paper);border-radius:0;min-height:50dvh}
.hike-view-name{font-size:42px;line-height:1.15;letter-spacing:-1px;overflow-wrap:anywhere;font-weight:400;margin:0 0 8px}.hike-view-location{font-size:15px;line-height:1.6;color:var(--muted);margin:0 0 7px;max-width:800px}.hike-view-date{font-size:13px;color:var(--muted);margin:0}
.hike-view-totals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:25px 0 30px;padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.hike-view-totals>div{display:flex;flex-direction:column-reverse;gap:6px}.hike-view-totals dt{font-size:11px;color:var(--muted)}.hike-view-totals dd{font-size:26px;line-height:1.2;font-weight:600;letter-spacing:-.6px;margin:0;font-variant-numeric:tabular-nums}
.hike-view-columns{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(230px,1fr);gap:42px;align-items:start}.hike-view-chart-column,.hike-view-fact-column{min-width:0}
#hike-view .profile-panel{position:static;inset:auto;width:100%;max-width:none;margin:0;padding:0;border:0;border-radius:0;box-shadow:none;background:transparent}#hike-view .profile-heading{margin:0 0 16px;gap:8px;flex-wrap:wrap}#hike-view .profile-heading h2{font-family:var(--sans);font-size:17px;letter-spacing:0;margin:0;font-weight:600}#hike-view .profile-chart-wrap{height:220px}
.hike-view-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 20px;margin:0 0 26px}.hike-view-facts dt{font-size:12px;color:var(--muted);margin-bottom:7px}.hike-view-facts dd{font-size:19px;font-weight:550;font-variant-numeric:tabular-nums;margin:0;white-space:nowrap}
.hike-view-saved{font-size:14px;line-height:1.6}.hike-view-saved h2{font-family:var(--sans);font-size:17px;letter-spacing:0;margin:24px 0 8px;font-weight:600}.hike-view-by,.hike-view-trip{display:flex;align-items:center;gap:10px;margin:12px 0}.hike-view-saved .icon{width:19px;height:19px;color:#6f8466}.hike-view-tags{display:flex;flex-wrap:wrap;gap:7px;margin:14px 0}.hike-view-tags span{background:#e6ecde;border-radius:6px;padding:4px 9px;font-size:12px;color:#506849}.hike-view-notes{white-space:pre-wrap;overflow-wrap:anywhere;margin:0}
@container hikepage (max-width:760px){.hike-view-columns{grid-template-columns:minmax(0,1fr);gap:28px}.hike-view-content{padding:28px 24px 42px}.hike-view-name{font-size:34px}}
@media(max-width:700px),(max-width:1000px) and (max-height:500px) and (pointer:coarse){
 .hike-view{position:fixed}
 .hike-view-nav{top:calc(env(safe-area-inset-top) + 12px);left:max(16px,env(safe-area-inset-left));right:max(16px,env(safe-area-inset-right))}
 .hike-view-hero{height:46dvh;min-height:270px;max-height:420px}.hike-view-map{touch-action:pan-y}.hike-view-hero>.hike-view-control{left:16px;bottom:26px}
 .hike-view-credits{left:env(safe-area-inset-left,0px);right:auto;flex-direction:row;align-items:center}
 .hike-view-logo{width:56px;height:24px}.hike-view-logo img{display:block}
 .hike-view-logo .maptiler-credit-caption{display:none}
 .hike-view-map-info{position:static}.hike-view-map-attribution{left:0;right:auto}.hike-view-map-info>summary{width:28px;height:32px}
 .hike-view-content{margin-top:0;padding:25px 20px calc(36px + env(safe-area-inset-bottom));border-radius:0;min-height:65dvh}
 .hike-view-name{font-family:var(--sans);font-size:29px;font-weight:650;letter-spacing:-.7px;line-height:1.2}.hike-view-location{font-size:14px;line-height:1.5;margin-bottom:6px}.hike-view-date{font-size:13px}
 .hike-view-totals{gap:12px;padding:18px 0;margin:22px 0 25px}.hike-view-totals dd{font-size:21px;letter-spacing:-.5px}.hike-view-totals dt{font-size:11px;line-height:1.4}
 .hike-view-columns{grid-template-columns:minmax(0,1fr);gap:27px}.hike-view-facts{gap:24px 20px;margin-bottom:25px}.hike-view-facts dt{font-size:13px}.hike-view-facts dd{font-size:20px}
 #hike-view .profile-chart-wrap{height:195px}#hike-view .profile-heading h2{font-size:17px}.hike-view-saved{font-size:15px}.hike-view-saved h2{font-size:17px}
}
@media(max-width:350px){.hike-view-content{padding-left:16px;padding-right:16px}.hike-view-name{font-size:26px}.hike-view-totals{gap:8px}.hike-view-totals dd{font-size:19px}.hike-view-totals dt{font-size:10px}}
@media(prefers-reduced-transparency:reduce){.hike-view-control{backdrop-filter:none;-webkit-backdrop-filter:none;background:var(--white)}}
@media(max-width:700px),(max-width:1000px) and (max-height:500px) and (pointer:coarse){
 .hike-view-open .collection-heading{visibility:hidden;pointer-events:none}
}