/* Full-day map and travel journal. */
.day-map-section{margin-top:30px}.day-map-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px}.day-map-heading h2{margin:0;font-size:20px;letter-spacing:-.025em;font-weight:600}.day-map-heading p{font-size:11px;color:#a0a0a8;margin:7px 0 0;line-height:1.7}.day-map-heading .pill-button{font-size:11px;min-height:38px;white-space:nowrap}.day-map-shell{border:1px solid #333339;border-radius:20px;overflow:hidden;background:#202026}.day-map-frame{position:relative;height:440px}.day-map{height:100%;width:100%;background:#e5e5df;z-index:1}.day-map .leaflet-tile-pane{filter:saturate(.62)}.day-map .leaflet-control-attribution{font-size:9px;background:#fffc;color:#303038}.day-map .leaflet-control-attribution a{color:#343446}.day-map .leaflet-control-zoom{border:0;box-shadow:0 2px 15px #0003;margin:14px 14px 0 0}.day-map .leaflet-control-zoom a{width:36px;height:36px;line-height:36px;color:#292930;background:#fff;border-color:#ddd;font-weight:400}.day-map .leaflet-control-zoom a:hover{background:#f3f3f3}.map-top-tag{position:absolute;top:15px;left:16px;z-index:500;color:#f5f5f7;background:#18181ae8;backdrop-filter:blur(6px);border:1px solid #6665;border-radius:100px;font-size:10px;padding:8px 11px;display:flex;gap:6px;align-items:center;pointer-events:none}.map-top-tag .icon{width:13px;height:13px}.full-map-actions{position:absolute;bottom:23px;left:16px;z-index:500;display:flex;gap:7px}.full-map-actions button{display:flex;gap:6px;align-items:center;justify-content:center;border:1px solid #7776;background:#18181ae8;backdrop-filter:blur(6px);color:#fff;border-radius:10px;padding:9px 12px;font-size:11px;min-height:36px;box-shadow:0 2px 8px #0002}.full-map-actions button:hover{background:#35353a}.full-map-actions .icon{width:14px;height:14px}.day-map-frame.expanded{position:fixed;inset:0;height:100dvh;z-index:100;border-radius:0}.day-map-frame.expanded .map-top-tag{top:max(18px,env(safe-area-inset-top));}.day-map-frame.expanded .full-map-actions{bottom:max(28px,env(safe-area-inset-bottom));}.map-status{position:absolute;bottom:76px;left:16px;right:16px;z-index:500;font-size:11px;background:#24242df0;color:#f1f1f4;padding:10px 13px;border-radius:10px;pointer-events:none;line-height:1.7}.map-legend-row{display:grid;grid-template-columns:repeat(3,1fr);gap:0;background:#1c1c1f}.day-route-key{border:0;border-top:3px solid transparent;background:none;text-align:left;padding:17px 20px 15px;min-height:74px;display:flex;align-items:center;gap:10px}.day-route-key+.day-route-key{border-left:1px solid #343438}.day-route-key.active{border-top-color:var(--route-color);background:color-mix(in srgb,var(--route-color) 7%,#1c1c1f)}.day-route-key:hover{background:#2c2c30}.key-line{width:26px;height:4px;background:var(--route-color);border-radius:3px;flex-shrink:0}.key-text{font-size:12px;color:#f0f0f4;line-height:1.8}.key-sub{font-size:10px;color:#9696a0;display:block}.day-map-note{font-size:10px;color:#86868f;line-height:1.8;margin:10px 2px 0}.day-map-note button{color:#bcbcc4;font-size:inherit;margin-left:7px}.poi-marker{background:none;border:0}.poi-bubble{background:#17171a;color:#fff;border:2px solid #fff;min-width:32px;height:32px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 12px #0005;border-radius:50%;font-size:12px;font-weight:650}.poi-bubble.home{width:46px;border-radius:100px;color:#b3f600;font-size:10px}.poi-bubble.meal{color:#ffd86b}.day-map .leaflet-tooltip.poi-label{background:#fffffff2;color:#29292e;font-family:inherit;border:1px solid #ccc8;border-radius:6px;box-shadow:0 1px 9px #0002;font-size:11px;font-weight:500;padding:5px 8px}.day-map .poi-label:before{display:none}.day-map .leaflet-popup-content-wrapper{background:#1c1c21;color:#f4f4f7;border-radius:16px;box-shadow:0 4px 32px #0004;font-family:inherit}.day-map .leaflet-popup-tip{background:#1c1c21}.day-map .leaflet-popup-content{font-size:12px;line-height:1.9;width:240px!important;margin:16px 20px 18px}.day-map .leaflet-popup-close-button{color:#a7a7b0;width:32px;height:32px;font-size:22px;line-height:32px;right:5px;top:5px}.day-map .leaflet-popup-content h3{font-size:15px;margin:0 0 3px;font-weight:600}.day-map .leaflet-popup-content p{margin:7px 0;font-size:11px;color:#b7b7c2;line-height:1.8}.day-map .leaflet-popup-content .popup-food{color:#f9d986}.day-map .leaflet-popup-content a{display:inline-block;margin-top:6px;font-size:10px;color:#b3f600;text-decoration:none}.popup-letter{color:#fff;font-size:9px;letter-spacing:.05em;opacity:.6;margin-bottom:5px}.popup-distance{font-size:26px;color:var(--route-color);font-variant-numeric:tabular-nums;margin-top:8px}.popup-distance small{font-size:11px}.trip-story{margin:29px 0 30px}.trip-story-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.trip-story-heading h2{margin:0;font-size:18px;font-weight:600}.trip-story-heading span{font-size:11px;color:#92929c}.story-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.story-event{border:1px solid #2c2c32;border-radius:16px;background:#151517;padding:19px 20px;display:flex;flex-direction:column;gap:10px;position:relative;text-align:left;color:#f4f4f7;min-height:175px}.story-event:hover{background:#222225}.story-event.ride{border-top:2px solid var(--event-color)}.story-event.meal{background:#211d15;border-color:#51432b}.story-event.meal:hover{background:#2c2519}.story-event.arrival{background:#191b21;border-color:#373949}.story-event-kicker{font-size:10px;display:flex;align-items:center;justify-content:space-between;gap:8px;color:#95959e}.story-event-kicker .event-number{width:23px;height:23px;background:#303036;border-radius:50%;font-size:10px;display:flex;align-items:center;justify-content:center;color:#d8d8e0}.story-event.meal .event-number{background:#493721;color:#ffdf9a}.story-event h3{margin:0;font-size:15px;line-height:1.6;font-weight:550}.story-event p{font-size:11px;line-height:1.85;color:#a9a9b3;margin:0}.story-event.meal h3{color:#ffdf9a}.story-place{font-size:10px;color:#82828d;line-height:1.6;margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:6px}.story-place .icon{width:12px;height:12px;color:#767680}.story-event.ride .story-place strong{color:var(--event-color);font-weight:500;font-size:13px}.meal-chips{display:flex;gap:5px;flex-wrap:wrap;margin-top:2px}.meal-chip{font-size:9px;color:#f6d69a;background:#44351f;padding:4px 7px;border-radius:5px;line-height:1.4}.story-event .event-source-note{font-size:8px;color:#8f826c;margin-top:0}.training-weather{border:1px solid #303038;border-radius:14px;overflow:hidden;margin:17px 0 0}.training-weather .weather-bar{background:#1b222c}.detail-header .original-ride{font-size:11px;min-height:38px}.detail-header-actions{display:flex;gap:12px;align-items:center}.detail .detail-subtitle{font-size:10px}.section-anchor{scroll-margin-top:20px}.map-loading-caption{font-size:11px;color:#797981}.sharing-caption{font-size:11px;color:#8c8c97;margin-top:14px;line-height:1.7}
@media(max-width:1050px){.story-grid{grid-template-columns:repeat(2,1fr)}.key-text{font-size:11px}.key-sub{font-size:9px}.day-route-key{padding:14px;gap:7px}.key-line{width:20px}.day-map-frame{height:410px}.detail-header{flex-wrap:wrap}.detail-header-actions{margin-left:auto}.story-event{min-height:165px}}
@media(max-width:720px){.day-map-section{margin-top:24px}.day-map-heading{align-items:center;gap:10px;margin-bottom:12px}.day-map-heading h2{font-size:17px}.day-map-heading p{font-size:10px;max-width:245px;margin-top:6px}.day-map-heading .pill-button{font-size:10px;padding:9px 11px;min-height:40px;flex-shrink:0}.day-map-shell{border-radius:17px}.day-map-frame{height:400px}.day-map .leaflet-control-zoom{margin:12px 12px 0 0}.day-map .leaflet-control-zoom a{width:40px;height:40px;line-height:40px}.map-top-tag{left:12px;top:12px;font-size:9px;padding:7px 10px;max-width:230px}.full-map-actions{left:12px;bottom:24px;gap:6px}.full-map-actions button{min-height:42px;padding:9px 11px;font-size:10px}.day-map .leaflet-control-attribution{font-size:8px}.day-map .leaflet-tooltip.poi-label{font-size:10px;padding:4px 6px}.map-status{left:12px;right:12px;font-size:10px;bottom:77px}.map-legend-row{grid-template-columns:repeat(3,1fr)}.day-route-key{padding:12px 8px 11px;gap:6px;flex-direction:column;align-items:flex-start;min-height:91px}.key-line{width:27px;height:3px}.key-text{font-size:10px;line-height:1.7}.key-sub{font-size:9px}.day-map-note{font-size:9px;line-height:1.75}.trip-story{margin:26px 0}.trip-story-heading h2{font-size:16px}.trip-story-heading span{font-size:10px}.story-grid{grid-template-columns:1fr;gap:9px;padding-left:17px;position:relative}.story-grid:before{content:'';position:absolute;left:2px;top:20px;bottom:20px;width:1px;background:#3e3e46}.story-event{padding:14px 15px;min-height:0;gap:7px;border-top-width:1px!important}.story-event:before{content:'';position:absolute;width:7px;height:7px;left:-19px;top:22px;background:var(--event-color,#cfaa60);border-radius:50%;box-shadow:0 0 0 3px #090909}.story-event.arrival:before{background:#c4a5ff}.story-event-kicker{font-size:10px}.story-event-kicker .event-number{display:none}.story-event h3{font-size:14px}.story-event p{font-size:11px;line-height:1.8}.story-place{font-size:10px;line-height:1.7}.story-event.ride .story-place strong{font-size:12px}.meal-chip{font-size:10px;padding:4px 7px}.story-event .event-source-note{font-size:9px}.ride-list{flex-direction:row;gap:7px}.ride-card{min-height:128px}.detail-header{gap:12px;align-items:center}.detail-header-actions{gap:10px}.detail-header .original-ride{font-size:10px;min-height:40px;padding:9px 12px}.sidebar-title h2{font-size:16px}.sidebar-title{margin-bottom:13px}.detail .detail-subtitle{font-size:10px}.detail-route{font-size:10px}.detail-header h2{font-size:15px}.training-weather .weather-bar{padding:15px}.weather-source{font-size:9px}.weather-source button{min-height:30px}.segmented button{min-height:37px;font-size:10px;padding:7px 9px}.comparison-heading{flex-wrap:wrap;gap:13px}.comparison-heading .segmented{width:100%}.comparison-heading .segmented button{flex:1;min-height:39px;font-size:11px}.modal-close{width:38px;height:38px}.source-controls .segmented button{min-height:38px}.source-controls .segmented{width:100%}.source-controls .segmented button{flex:1}.metrics-title h3{font-size:15px}.chart-caption{font-size:10px}.record-note{font-size:10px}.data-details summary{font-size:11px;min-height:44px}.header-actions .pill-button{min-height:39px}.hero-description{font-size:12px;line-height:1.8}.hero-top{display:block}.activity-pill{display:inline-flex;margin-top:12px;font-size:10px}.overview{margin-top:19px}.sharing-caption{font-size:10px}.day-strip{margin-bottom:26px}.comparison-heading h2{font-size:16px}.footer{font-size:9px}}

@media(max-width:720px){h1{font-size:32px;letter-spacing:-.055em}.day-map .leaflet-control-zoom a{width:44px;height:44px;line-height:44px}.header-actions .pill-button,.day-map-heading .pill-button,.full-map-actions button,.detail-header .original-ride,.segmented button,.comparison-heading .segmented button,.source-controls .segmented button,.modal-close{min-height:44px}.modal-close{width:44px}.replay-button{width:36px;height:36px}.day-map .leaflet-popup-content{width:210px!important;margin:15px 16px 16px}.day-map .leaflet-popup-content p{font-size:11px}.day-map .leaflet-popup-close-button{width:38px;height:38px;line-height:38px}}

.poi-marker{display:flex;align-items:center;justify-content:center}@media(max-width:720px){.day-map .leaflet-popup-close-button{width:44px;height:44px;line-height:44px}}

.key-distance{font-size:11px;display:inline-block;margin-left:7px;color:var(--route-color)}@media(max-width:720px){.key-distance{display:block;margin:0;font-size:11px}.key-text{font-size:10px}.key-sub{font-size:9px;white-space:nowrap}.training-weather .weather-key{display:block;font-size:9px;margin-top:3px}.day-route-key{min-height:89px}}