.city-explorer{width:100%;height:calc(100vh - var(--nav-height-desktop));margin-top:var(--nav-height-desktop);background-color:var(--gray-50);overflow:hidden;position:relative;display:grid;grid-template-columns:40% 60%}.city-explorer__list-pane{background-color:var(--white);border-right:var(--border-width-thin) solid var(--gray-200);overflow-y:auto;z-index:10;box-shadow:var(--shadow-xl)}.city-explorer__list-pane,.city-explorer__map-pane{height:100%;position:relative;min-width:0;flex-shrink:0}.city-explorer__map-pane{display:flex;flex-direction:column}.city-explorer__map-pane .route-landing-map{height:100%;border-radius:0;width:100%;min-height:100%}@media (max-width:1023px){.city-explorer{height:calc(100vh - var(--nav-height-mobile));margin-top:var(--nav-height-mobile);grid-template-columns:1fr;grid-template-rows:1fr}.city-explorer__list-pane{display:none}.city-explorer__map-pane{height:100%}}.city-explorer__mobile-drawer{display:none}@media (max-width:1023px){.city-explorer__mobile-drawer{position:fixed;left:0;right:0;bottom:0;z-index:60;height:150px;background:var(--white);border-top-left-radius:1rem;border-top-right-radius:1rem;box-shadow:0 -4px 20px rgb(0 0 0/15%);display:flex;flex-direction:column;transition:height .3s ease-out;will-change:height;overscroll-behavior:contain;touch-action:none}.city-explorer__mobile-drawer--expanded{height:80vh}.city-explorer__mobile-drawer-handle{width:100%;height:40px;min-height:40px;background:transparent;display:flex;align-items:center;justify-content:center;cursor:-webkit-grab;cursor:grab;flex-shrink:0;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.city-explorer__mobile-drawer-handle:active{cursor:-webkit-grabbing;cursor:grabbing}.city-explorer__mobile-drawer-grip{display:block;width:40px;height:5px;border-radius:100px;background:var(--gray-300)}.city-explorer__mobile-drawer-content{flex:1 1;overflow:hidden;display:flex;flex-direction:column;touch-action:pan-y}}.city-explorer__mobile-collapsed{display:flex;flex-direction:column;height:100%;overflow:hidden}.city-explorer__mobile-title{font-size:1rem;font-weight:600;color:var(--gray-900);padding:0 var(--space-md);margin:0 0 var(--space-sm) 0}.city-explorer__mobile-top-picks{display:flex;overflow-x:auto;gap:var(--space-md);padding:0 var(--space-md) var(--space-lg);flex:1 1;-webkit-overflow-scrolling:touch;align-items:flex-start}.city-explorer__mobile-expanded{display:flex;flex-direction:column;height:100%;overflow:hidden}.city-explorer__mobile-expanded-header{flex-shrink:0;padding:0 var(--space-md) var(--space-sm);background:var(--white);display:flex;flex-direction:column;gap:var(--space-sm)}.city-explorer__mobile-filters{display:flex;gap:var(--space-sm);flex-wrap:wrap}.city-explorer__mobile-filter-pill{padding:var(--space-xxs) var(--space-sm);border-radius:var(--radius-full);background:var(--gray-100);color:var(--gray-800);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.city-explorer__mobile-list{flex:1 1;overflow-y:auto;padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-md);-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y}.city-explorer__drawer-card{display:flex;background:var(--white);border-radius:var(--radius-lg);box-shadow:0 2px 8px rgb(0 0 0/10%);overflow:hidden;border:none;padding:0;cursor:pointer;text-decoration:none;color:inherit;transition:box-shadow .2s ease,transform .2s ease;position:relative}.city-explorer__drawer-card:hover{box-shadow:0 4px 16px rgb(0 0 0/15%)}.city-explorer__drawer-card:active{transform:scale(.98)}.city-explorer__drawer-card-image-wrapper{position:relative}.city-explorer__drawer-card-overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent,rgb(0 0 0/85%));pointer-events:none}.city-explorer__drawer-card-image{overflow:hidden;background:var(--gray-100)}.city-explorer__drawer-card-img{width:100%;height:100%;object-fit:cover}.city-explorer__drawer-card-placeholder{width:100%;height:100%;background:linear-gradient(135deg,var(--gray-200) 0,var(--gray-100) 100%)}.city-explorer__drawer-card-content{display:flex;flex-direction:column}.city-explorer__drawer-card-name{font-weight:var(--font-weight-semibold);color:var(--gray-900)}.city-explorer__drawer-card-meta{display:flex;align-items:center;gap:var(--space-xxs);margin-top:var(--space-xxs);flex-wrap:wrap}.city-explorer__drawer-card-distance{font-size:var(--font-size-sm);color:var(--gray-600);font-weight:var(--font-weight-medium)}.city-explorer__drawer-card-separator{font-size:var(--font-size-sm);color:var(--gray-500);opacity:.7}.city-explorer__drawer-card-elevation{font-size:var(--font-size-sm);color:var(--gray-600);font-weight:var(--font-weight-medium)}.city-explorer__drawer-card-difficulty{font-size:var(--font-size-sm);color:var(--gray-500);text-transform:capitalize}.city-explorer__drawer-card-detail-trigger{position:absolute;top:12px;right:var(--space-xs);width:32px;height:32px;background:var(--white);border:none;border-radius:50%;box-shadow:0 2px 8px rgb(0 0 0/20%);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--gray-900);cursor:pointer;transition:all .2s ease;z-index:10}.city-explorer__drawer-card-detail-trigger:hover{background:var(--gray-50);transform:scale(1.1);box-shadow:0 4px 12px rgb(0 0 0/30%)}.city-explorer__drawer-card--horizontal{flex-direction:column;min-width:140px;max-width:140px;flex:0 0 auto;height:140px;position:relative}.city-explorer__drawer-card--horizontal .city-explorer__drawer-card-image-wrapper{position:absolute;inset:0;height:100%;width:100%}.city-explorer__drawer-card--horizontal .city-explorer__drawer-card-image{width:100%;height:100%}.city-explorer__drawer-card--horizontal .city-explorer__drawer-card-content{position:absolute;bottom:20px;left:12px;right:12px;padding:0;gap:var(--space-xxs);z-index:10}.city-explorer__drawer-card--horizontal .city-explorer__drawer-card-name{font-size:var(--font-size-sm);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:var(--white);text-shadow:0 1px 2px rgb(0 0 0/50%)}.city-explorer__drawer-card--horizontal .city-explorer__drawer-card-meta{display:flex;align-items:center;gap:var(--space-xxs);flex-wrap:wrap}.city-explorer__drawer-card--horizontal .city-explorer__drawer-card-distance{color:var(--white);text-shadow:0 1px 2px rgb(0 0 0/50%)}.city-explorer__drawer-card--horizontal .city-explorer__drawer-card-separator{color:var(--white);text-shadow:0 1px 2px rgb(0 0 0/50%);font-size:var(--font-size-sm);opacity:.7}.city-explorer__drawer-card--horizontal .city-explorer__drawer-card-elevation{color:var(--white);text-shadow:0 1px 2px rgb(0 0 0/50%);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.city-explorer__drawer-card--vertical{flex-direction:row;width:100%}.city-explorer__drawer-card--vertical .city-explorer__drawer-card-image{width:100px;height:80px;flex-shrink:0}.city-explorer__drawer-card--vertical .city-explorer__drawer-card-content{flex:1 1;padding:var(--space-sm) var(--space-md);justify-content:center}.city-explorer__drawer-card--vertical .city-explorer__drawer-card-name{font-size:var(--font-size-base)}.city-explorer__preview-backdrop,.city-explorer__preview-card{display:none}@media (max-width:1023px){.city-explorer__preview-backdrop{display:block;position:fixed;inset:0;background:rgb(0 0 0/30%);z-index:70}.city-explorer__preview-card{display:flex;flex-direction:column;position:fixed;left:var(--space-md);right:var(--space-md);bottom:var(--space-md);z-index:80;background:var(--white);border-radius:var(--radius-xl);box-shadow:0 8px 32px rgb(0 0 0/20%);overflow:hidden}.city-explorer__preview-close{position:absolute;top:var(--space-sm);right:var(--space-sm);width:32px;height:32px;border:none;background:rgb(0 0 0/50%);color:var(--white);border-radius:var(--radius-full);font-size:14px;cursor:pointer;z-index:2;display:flex;align-items:center;justify-content:center}.city-explorer__preview-image{width:100%;height:140px;overflow:hidden}.city-explorer__preview-img{width:100%;height:100%;object-fit:cover}.city-explorer__preview-content{padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-sm)}.city-explorer__preview-name{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--gray-900);margin:0}.city-explorer__preview-meta{display:flex;gap:var(--space-md);color:var(--gray-600);font-size:var(--font-size-sm)}.city-explorer__preview-distance{font-weight:var(--font-weight-medium)}.city-explorer__preview-difficulty{text-transform:capitalize}.city-explorer__preview-cta{display:block;width:100%;padding:var(--space-sm) var(--space-md);background:var(--primary-600);color:var(--white);text-align:center;text-decoration:none;font-weight:var(--font-weight-semibold);border-radius:var(--radius-md);margin-top:var(--space-xs)}.city-explorer__preview-cta:hover{background:var(--primary-700)}}.city-explorer-map-container{position:relative;width:100%;height:100%}.city-explorer-map-loading{position:absolute;top:var(--space-md);left:50%;transform:translateX(-50%);z-index:20;background:var(--white);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full);box-shadow:var(--shadow-md);display:flex;align-items:center;gap:var(--space-xs)}.city-explorer-map-loading-dot{width:8px;height:8px;border-radius:50%;background:var(--primary-500);animation:pulse 1s ease-in-out infinite}.route-landing-map{position:relative;width:100%;height:100%;min-height:var(--space-9xl);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg)}.route-landing-map__map-placeholder{position:relative;width:100%;height:100%;cursor:pointer;transition:transform .2s ease}.route-landing-map__map-placeholder:hover{transform:scale(1.02)}.route-landing-map--split .route-landing-map__map-placeholder:hover{transform:none}.route-landing-map__map-canvas{position:absolute;inset:0;z-index:1;border-radius:var(--radius-lg);width:100%;height:100%}.route-landing-map__skeleton{position:absolute;inset:0;z-index:10;background:linear-gradient(90deg,var(--gray-100) 25%,var(--gray-200) 37%,var(--gray-100) 63%);background-size:400% 100%;animation:map-skeleton-shimmer 1.2s ease-in-out infinite;border-radius:var(--radius-lg)}.route-landing-map--loading{position:relative;min-height:400px;background:var(--gray-50)}@keyframes map-skeleton-shimmer{0%{background-position:100% 0}to{background-position:0 0}}.route-landing-map__map-bg{width:100%;height:100%;position:absolute;inset:0;z-index:2;pointer-events:none}.route-landing-map__markers{position:absolute;inset:0;display:none}.route-landing-map__marker{position:absolute;width:var(--space-sm);height:var(--space-sm);background:var(--accent-yellow);border:2px solid var(--white);border-radius:50%;box-shadow:var(--shadow-md)}.route-landing-map__marker--1{top:30%;left:25%;animation:pulse 2s infinite}.route-landing-map__marker--2{top:60%;left:70%;animation:pulse 2s .5s infinite}.route-landing-map__marker--3{top:45%;left:50%;animation:pulse 2s 1s infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.8}}.route-landing-map__overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,color-mix(in srgb,var(--black) 70%,transparent));padding:var(--space-lg);color:var(--white);pointer-events:none}.route-landing-map__route-info{text-align:center;pointer-events:auto}.route-landing-map__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-xs)}.route-landing-map__subtitle{font-size:var(--font-size-sm);opacity:.9;margin:0}.route-landing-map__fullscreen{position:fixed;inset:0;background:white;z-index:1000;display:flex;flex-direction:column}.route-landing-map__fullscreen-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md);border-bottom:1px solid var(--gray-200);background:white}.route-landing-map__fullscreen-title{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.route-landing-map__close-btn{background:none;border:none;font-size:var(--font-size-2xl);cursor:pointer;padding:var(--space-xs);line-height:1;color:var(--gray-600);transition:color .2s ease}.route-landing-map__close-btn:hover{color:var(--gray-900)}.route-landing-map__fullscreen-content{flex:1 1;background:var(--gray-100)}.route-landing-marker-popup{width:100%;max-width:var(--space-7xl);background:var(--white);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg);transition:transform .2s ease,box-shadow .2s ease}.route-landing-marker-popup:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl)}.route-landing-marker-popup__image{width:100%;height:var(--space-6xl);overflow:hidden;background:var(--gray-100)}.route-landing-marker-popup__img{width:100%;height:100%;object-fit:cover}.route-landing-marker-popup__content{padding:var(--space-md)}.route-landing-marker-popup__title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--gray-900);margin:0 0 var(--space-sm) 0;line-height:var(--line-height-tight);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.route-landing-marker-popup__details{display:flex;flex-direction:column;gap:var(--space-xs);margin-bottom:var(--space-sm)}.route-landing-marker-popup__detail{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--font-size-sm)}.route-landing-marker-popup__detail-label{color:var(--gray-600);font-weight:var(--font-weight-medium)}.route-landing-marker-popup__detail-value{color:var(--gray-900)}.route-landing-marker-popup__link{display:inline-block;color:var(--primary-600);text-decoration:none;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:color .2s ease}.route-landing-marker-popup__link:hover{color:var(--primary-700);text-decoration:underline}.route-landing-map__card{position:absolute;width:320px;background:var(--white);border-radius:var(--radius-lg);overflow:visible;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);z-index:1000;transform:translateX(-50%) translateY(-100%);margin-top:-10px;animation:cardFadeIn .2s ease-out;pointer-events:auto;max-height:calc(100vh - 32px);overflow-y:auto}.route-landing-map__card-arrow{position:absolute;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid var(--white);transform:translateX(-50%);filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.route-landing-map__card-arrow[style*=top]{border-top:none;border-bottom:8px solid var(--white)}@keyframes cardFadeIn{0%{opacity:0;transform:translateX(-50%) translateY(-100%) scale(.95)}to{opacity:1;transform:translateX(-50%) translateY(-100%) scale(1)}}.route-landing-map__card-close{position:absolute;top:var(--space-sm);right:var(--space-sm);width:32px;height:32px;background:rgba(255,255,255,.95);border:none;border-radius:50%;font-size:var(--font-size-xl);line-height:1;color:var(--gray-600);cursor:pointer;z-index:20;display:flex;align-items:center;justify-content:center;transition:all .2s ease;box-shadow:0 2px 4px rgba(0,0,0,.1)}.route-landing-map__card-close:hover{background:var(--white);color:var(--gray-900);transform:scale(1.1);box-shadow:0 4px 8px rgba(0,0,0,.15)}.route-landing-map__card-close:focus-visible{outline:2px solid var(--primary-500);outline-offset:2px}.route-landing-map__card-badge{position:absolute;top:var(--space-sm);left:var(--space-sm);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.5px;z-index:10;box-shadow:0 2px 4px rgba(0,0,0,.1);pointer-events:none}.route-landing-map__card-badge--route{background:var(--primary-600);color:var(--white)}.route-landing-map__card-badge--park{background:#10b981;color:var(--white)}.route-landing-map__card-image{width:100%;height:200px;overflow:hidden;background:var(--gray-100)}.route-landing-map__card-img{width:100%;height:100%;object-fit:cover}.route-landing-map__card-content{padding:var(--space-md)}.route-landing-map__card-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--gray-900);margin:0 0 var(--space-sm) 0;line-height:var(--line-height-tight);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.route-landing-map__card-details{display:flex;flex-direction:column;gap:var(--space-xs);margin-bottom:var(--space-md)}.route-landing-map__card-detail{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--font-size-sm)}.route-landing-map__card-detail-label{color:var(--gray-600);font-weight:var(--font-weight-medium)}.route-landing-map__card-detail-value{color:var(--gray-900);font-weight:var(--font-weight-medium)}.route-landing-map__card-link{display:inline-block;color:var(--primary-600);text-decoration:none;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);transition:color .2s ease}.route-landing-map__card-link:hover{color:var(--primary-700);text-decoration:underline}.route-landing-map__controls{position:absolute;top:var(--space-md);right:var(--space-md);z-index:100;display:flex;flex-direction:column;gap:var(--space-xs);pointer-events:auto}.route-landing-map__control-btn{width:40px;height:40px;background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-md);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--gray-700);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;box-shadow:0 2px 4px rgba(0,0,0,.1);line-height:1}.route-landing-map__control-btn:hover{background:var(--gray-50);color:var(--gray-900);box-shadow:0 4px 8px rgba(0,0,0,.15);transform:translateY(-1px)}.route-landing-map__control-btn:active{transform:translateY(0);box-shadow:0 2px 4px rgba(0,0,0,.1)}.route-landing-map__control-btn--reset{border-top:2px solid var(--gray-300);margin-top:var(--space-xs);padding-top:var(--space-xs);font-size:var(--font-size-xl)}@media (max-width:767px){.route-landing-map{height:15.625rem}.route-landing-map__overlay{padding:var(--space-sm)}.route-landing-map__label{font-size:var(--font-size-xs)}}.city-places-list{width:100%;height:100%}.city-places-list__content{padding:var(--space-xl)}.city-places-list__header{margin-bottom:var(--space-xl)}.city-places-list__breadcrumb{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm)}.city-places-list__breadcrumb-separator{color:var(--gray-400);font-size:var(--font-size-sm);margin:0 var(--space-xs)}.city-places-list__breadcrumb-current{color:var(--gray-900);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.city-places-list__title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--gray-900);margin-bottom:var(--space-xs)}.city-places-list__subtitle{font-size:var(--font-size-md);color:var(--gray-600);line-height:var(--line-height-body)}.city-places-list__alt-link{display:inline-block;margin-top:var(--space-sm);font-size:var(--font-size-sm);color:var(--primary-600);text-decoration:none;transition:color .15s ease}.city-places-list__alt-link:hover{color:var(--primary-700);text-decoration:underline}