.elevation-profile{background:var(--white);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--radius-lg) var(--radius-lg) 0 0;padding:1rem 1.5rem;margin-top:0;box-shadow:var(--shadow-md);pointer-events:auto}.elevation-profile:not(.elevation-profile--overlay){background:white;border-radius:var(--radius-lg);margin-top:1rem;box-shadow:none}.elevation-profile--empty{display:flex;align-items:center;justify-content:center;min-height:var(--space-4xl);color:var(--gray-600)}.elevation-profile__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;flex-wrap:wrap;gap:.5rem}.elevation-profile--overlay .elevation-profile__header{margin-bottom:.5rem}.elevation-profile__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0}.elevation-profile--overlay .elevation-profile__title{font-size:var(--font-size-base)}.elevation-profile__stats{display:flex;gap:var(--space-md);font-size:var(--font-size-sm);color:var(--text-secondary);flex-wrap:wrap}.elevation-profile--overlay .elevation-profile__stats{font-size:var(--font-size-xs);gap:.75rem}.elevation-profile__stats .stats-strong{color:var(--text-primary);font-weight:var(--font-weight-semibold)}.elevation-profile__chart{position:relative;width:100%;overflow-x:auto}.elevation-profile--overlay .elevation-profile__chart{height:var(--space-3xl)}.elevation-profile__canvas{width:100%;height:auto;display:block;cursor:crosshair}.elevation-profile--overlay .elevation-profile__canvas{height:var(--space-3xl)}@media (max-width:767px){.elevation-profile{padding:.75rem}.elevation-profile__header{flex-direction:column;align-items:flex-start}.elevation-profile__stats{font-size:var(--font-size-xs);gap:.75rem}.elevation-profile__canvas{min-width:var(--space-5xl)}}.route-detail-hero{margin-bottom:1.5rem}.route-detail-hero__hero-grid{display:grid;grid-template-columns:3fr 2fr;grid-gap:.75rem;gap:.75rem;align-items:stretch}.route-detail-hero__hero-grid,.route-detail-hero__map-section{border-radius:var(--radius-lg);overflow:hidden;min-height:500px}.route-detail-hero__map-section{position:relative;background:var(--gray-100);height:100%}.route-detail-hero__elevation-overlay{position:absolute;bottom:0;left:0;right:0;z-index:10;pointer-events:none}.route-detail-hero__map-placeholder{display:flex;align-items:center;justify-content:center;height:100%;min-height:500px;background:var(--gray-100);color:var(--gray-600);font-size:var(--font-size-md)}.route-detail-hero__photos-section{display:flex;flex-direction:column}.route-detail-hero__photos-grid{display:grid;grid-template-rows:1fr 1fr 1fr;grid-gap:.5rem;gap:.5rem;height:100%}.route-detail-hero__image-grid{display:grid;grid-template-columns:2fr 1fr;grid-template-rows:1fr 1fr;grid-gap:.5rem;gap:.5rem;border-radius:var(--radius-lg);overflow:hidden;aspect-ratio:2.5}.route-detail-hero__image-large{grid-row:span 2;position:relative;overflow:hidden}.route-detail-hero__image-side{display:contents}.route-detail-hero__photo{position:relative;overflow:hidden;aspect-ratio:1.6;border-radius:var(--radius-md)}.route-detail-hero__placeholder-gradient{width:100%;height:100%;background:linear-gradient(135deg,var(--gray-100) 0,var(--gray-200) 100%)}.route-detail-hero__image{object-fit:cover;width:100%;height:100%}.route-detail-hero__map-container{position:absolute;inset:0;border-radius:var(--radius-lg);overflow:hidden}.route-detail-hero__map-button{position:absolute;bottom:2.5rem;right:2rem;z-index:10;padding:.75rem 1.5rem;background:var(--primary-600);color:white;border:none;border-radius:var(--radius-full);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);cursor:pointer;box-shadow:var(--shadow-md);transition:all .2s ease}.route-detail-hero__map-button:hover{background:var(--primary-700)}.route-detail-hero .mapboxgl-popup-content{padding:0;border-radius:var(--radius-md);box-shadow:var(--shadow-lg)}.route-detail-hero .mapboxgl-popup-content>div{padding:.75rem}.route-detail-hero .mapboxgl-popup-content strong{display:block;margin-bottom:.5rem;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.route-detail-hero .mapboxgl-popup-content p{margin:.25rem 0;font-size:var(--font-size-xs);color:var(--text-secondary);line-height:1.4}.route-detail-hero .mapboxgl-popup-content a{color:var(--primary-600);text-decoration:none;font-size:var(--font-size-xs)}.route-detail-hero .mapboxgl-popup-content a:hover{text-decoration:underline}.route-detail-hero .mapboxgl-popup-tip{border-top-color:white}.route-detail-hero__map-button--mobile{bottom:1.5rem;padding:.875rem 2rem;font-size:var(--font-size-lg)}.route-detail-hero__map-skeleton{position:relative;width:100%;height:100%;min-height:500px;background:var(--gray-100);border-radius:var(--radius-lg);overflow:hidden}.route-detail-hero__map-skeleton-image{object-fit:cover;opacity:.7}.route-detail-hero__map-skeleton-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.3);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.route-detail-hero__skeleton-loader{width:100%;height:100%;background:linear-gradient(90deg,var(--gray-200) 0,var(--gray-100) 50%,var(--gray-200) 100%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:var(--radius-lg)}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.route-detail-hero__link-container{position:absolute;top:1rem;right:1rem;z-index:3}.route-detail-hero__photos-link{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);background:rgb(255 255 255/.9);color:var(--gray-800);text-decoration:none;border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:all .2s ease}.route-detail-hero__photos-link:hover{background-color:var(--gray-100)}.photo__action-mount{position:absolute;top:8px;left:8px;z-index:3}.route-detail-hero__photo--clickable{cursor:pointer;transition:transform .2s ease}.route-detail-hero__photo--clickable:hover{transform:scale(1.02)}.route-detail-hero__see-all{position:absolute;bottom:1rem;right:1rem;z-index:10}.route-detail-hero__see-all-button{background:rgba(0,0,0,.8);color:white;border:none;padding:.5rem 1rem;border-radius:4px;font-size:.875rem;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:all .2s ease;font-weight:500}.route-detail-hero__see-all-button:hover{background:rgba(0,0,0,.9);transform:translateY(-1px)}.route-detail-hero__mobile-count{position:absolute;bottom:1rem;left:1rem;z-index:10;display:none}.route-detail-hero__count-text{background:rgba(0,0,0,.8);color:white;padding:.5rem 1rem;border-radius:4px;font-size:.875rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);font-weight:500}@media (max-width:48rem){.route-detail-hero__hero-grid{grid-template-columns:1fr;grid-template-rows:auto auto;gap:.5rem;min-height:auto}.route-detail-hero__map-section{min-height:300px;order:1}.route-detail-hero__photos-section{order:2}.route-detail-hero__photos-grid{grid-template-rows:1fr;grid-template-columns:repeat(3,1fr);gap:.5rem;height:auto}.route-detail-hero__photo{aspect-ratio:1.2;min-height:120px}.route-detail-hero__image-grid{grid-template-columns:1fr;grid-template-rows:auto;gap:0;border-radius:0;margin-bottom:1rem;aspect-ratio:1.5}.route-detail-hero__image-large{grid-row:auto}.route-detail-hero__image-side{display:none}.route-detail-hero__map-button{bottom:1rem;right:1rem;padding:.375rem .75rem;font-size:var(--font-size-sm)}.route-detail-hero__see-all{display:none}.route-detail-hero__mobile-count{display:block}}.accessibility{margin:1.5rem 0;padding:0;background:transparent;border-radius:0;border:none}.accessibility__header{margin-bottom:1rem}.accessibility__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--gray-900);margin:0 0 .5rem;letter-spacing:-.01em}.accessibility__description{font-size:var(--font-size-sm);color:var(--gray-600);line-height:1.6;margin:0}.accessibility__features{display:flex;flex-wrap:wrap;gap:.75rem}.accessibility__feature{display:inline-flex;align-items:center;gap:.75rem;padding:.875rem 1.125rem;background:white;border:1.5px solid var(--gray-200);border-radius:.75rem;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-xs);min-width:0}.accessibility__feature:hover{border-color:var(--blue-300);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.accessibility__feature--highlight{background:var(--green-50);border-color:var(--green-300);box-shadow:var(--shadow-xs)}.accessibility__feature--highlight:hover{border-color:var(--green-400);box-shadow:var(--shadow-sm)}.accessibility__feature-icon{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;flex-shrink:0;color:var(--blue-600)}.accessibility__feature-icon .icon-svg{width:100%;height:100%}.accessibility__feature--highlight .accessibility__feature-icon{color:var(--green-700)}.accessibility__feature-content{display:flex;flex-direction:column;gap:.125rem;flex:1 1;min-width:0}.accessibility__feature-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--gray-500);text-transform:uppercase;letter-spacing:.05em;line-height:1.2}.accessibility__feature-value{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--gray-900);line-height:1.3}.accessibility__feature--highlight .accessibility__feature-value{color:var(--green-800)}@media (max-width:767px){.accessibility{margin:1.25rem 0}.accessibility__features{gap:.625rem}.accessibility__feature{padding:.75rem 1rem;gap:.625rem}.accessibility__feature-icon{width:1.25rem;height:1.25rem}.accessibility__feature-value{font-size:var(--font-size-sm)}}.difficulty-badge{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.025em;border:2px solid transparent;transition:all .2s ease;width:-moz-fit-content;width:fit-content;text-align:center}.difficulty-badge--easy{background-color:var(--primary-100);color:var(--primary-800);border-color:var(--primary-200)}.difficulty-badge--moderate{background-color:var(--primary-200);color:var(--primary-900);border-color:var(--primary-300)}.difficulty-badge--hard{background-color:var(--primary-300);color:var(--primary-900);border-color:var(--primary-400)}.difficulty-badge--very-hard{background-color:var(--primary-500);color:var(--white);border-color:var(--primary-600)}.difficulty-badge--unknown{background-color:var(--gray-100);color:var(--gray-800);border-color:var(--gray-200)}.difficulty-badge:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}