.route-detail-sidebar{background:var(--gray-50);border-radius:var(--radius-lg);padding:var(--space-lg);border:1px solid var(--gray-200);position:-webkit-sticky;position:sticky;top:0;height:-moz-fit-content;height:fit-content;max-height:calc(100vh - var(--nav-height-desktop) - var(--space-2xl));overflow-y:auto;align-self:start}.route-detail-sidebar__content{display:flex;flex-direction:column;gap:0}.route-detail-sidebar__title{font-size:var(--text-lg);font-weight:var(--font-weight-semibold);color:var(--gray-900);margin:0}.route-detail-sidebar__section{display:flex;flex-direction:column;gap:var(--space-sm);margin-top:0}.route-detail-sidebar__section-title{font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--gray-700);margin:0;text-transform:uppercase;letter-spacing:.05em}.route-detail-sidebar__stats{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--space-sm);gap:var(--space-sm)}.route-detail-sidebar__stat{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--space-sm);background:white;border-radius:var(--radius-md);border:1px solid var(--gray-200)}.route-detail-sidebar__stat-number{font-size:var(--text-lg);font-weight:var(--font-weight-bold);color:var(--blue-600);line-height:1}.route-detail-sidebar__stat-label{font-size:var(--text-xs);color:var(--gray-600);margin-top:var(--space-xs);text-transform:uppercase;letter-spacing:.05em}.route-detail-sidebar__info-list{display:flex;flex-direction:column;gap:var(--space-xs)}.route-detail-sidebar__info-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-xs) var(--space-sm);background:white;border-radius:var(--radius-sm);border:1px solid var(--gray-200)}.route-detail-sidebar__info-label{font-size:var(--text-sm);color:var(--gray-600);font-weight:var(--font-weight-medium)}.route-detail-sidebar__info-value{font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--gray-900)}.route-detail-sidebar__tags{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.route-detail-sidebar__tag{font-size:var(--text-xs);color:var(--blue-700);background:var(--blue-50);padding:4px 8px;border-radius:var(--radius-sm);border:1px solid var(--blue-200);font-weight:var(--font-weight-medium)}.route-detail-sidebar__quick-stats{display:flex;flex-direction:column;gap:var(--space-xs)}.route-detail-sidebar__quick-stat{display:flex;justify-content:space-between;align-items:center;padding:var(--space-xs) var(--space-sm);background:white;border-radius:var(--radius-sm);border:1px solid var(--gray-200)}.route-detail-sidebar__quick-stat-label{font-size:var(--text-sm);color:var(--gray-600)}.route-detail-sidebar__quick-stat-value{font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--gray-900)}.route-detail-sidebar__export-actions{display:flex;flex-direction:column;gap:var(--space-sm);margin-top:0}.route-detail-sidebar__export-btn{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--white);border:1px solid var(--surface-2);border-radius:var(--radius-sm);text-decoration:none;color:var(--text-primary);transition:all var(--transition-fast);cursor:pointer;width:100%}.route-detail-sidebar__export-btn:hover:not(:disabled){background:var(--surface-1);border-color:var(--surface-3);transform:translateY(-1px);box-shadow:0 2px 8px var(--shadow-color)}.route-detail-sidebar__export-btn--disabled{opacity:.5;cursor:not-allowed;background:var(--surface-1);color:var(--text-secondary)}.route-detail-sidebar__export-btn--disabled:hover{background:var(--surface-1);transform:none;box-shadow:none}.route-detail-sidebar__export-btn--strava:hover:not(:disabled){background:var(--strava-orange);color:var(--white);border-color:var(--strava-orange)}.route-detail-sidebar__export-btn--maps:hover:not(:disabled){background:var(--google-blue);color:var(--white);border-color:var(--google-blue)}.route-detail-sidebar__export-icon{font-size:var(--font-size-lg);flex-shrink:0;width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center}.route-detail-sidebar__export-text{flex:1 1;text-align:left;min-width:0}.route-detail-sidebar__export-title{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary);line-height:var(--line-height-tight)}.route-detail-sidebar__export-subtitle{display:block;font-size:var(--font-size-xs);color:var(--text-secondary);line-height:var(--line-height-tight);margin-top:2px}.route-detail-sidebar__actions{display:flex;flex-direction:column;gap:var(--space-sm);margin-top:var(--space-sm)}.route-detail-sidebar__action-btn{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-weight-semibold);border:none;cursor:pointer;transition:all .2s ease}.route-detail-sidebar__action-btn--primary{background:var(--blue-600);color:white}.route-detail-sidebar__action-btn--primary:hover{background:var(--blue-700)}.route-detail-sidebar__action-btn--secondary{background:white;color:var(--gray-700);border:1px solid var(--gray-300)}.route-detail-sidebar__action-btn--secondary:hover{background:var(--gray-50);border-color:var(--gray-400)}@media (max-width:1023px){.route-detail-sidebar{position:static;max-height:none;margin-top:var(--space-lg)}}@media (max-width:767px){.route-detail-sidebar{margin:var(--space-md);border-radius:var(--radius-md)}.route-detail-sidebar__stats{grid-template-columns:1fr}}.star-rating{display:inline-flex;align-items:center;gap:var(--space-xs)}.star-rating__stars{display:flex;gap:.0625rem}.star-rating__star{font-size:var(--font-size-base);line-height:1;color:var(--gray-300);transition:color .2s ease}.star-rating__star--filled{color:var(--yellow-500)}.star-rating__star--half{background:linear-gradient(90deg,var(--yellow-500) 50%,var(--gray-300) 50%);-webkit-background-clip:text;background-clip:text}.star-rating__star--empty{color:var(--gray-300)}.star-rating__score{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--gray-600);margin-left:var(--space-xs)}.star-rating--sm .star-rating__star{font-size:.875rem}.star-rating--sm .star-rating__score{font-size:var(--font-size-xs)}.star-rating--lg .star-rating__star{font-size:1.25rem}.star-rating--lg .star-rating__score{font-size:var(--font-size-md)}.star-rating--excellent .star-rating__star--filled{color:var(--green-500)}.star-rating--good .star-rating__star--filled{color:var(--yellow-500)}.star-rating--fair .star-rating__star--filled{color:var(--orange-500)}.star-rating--poor .star-rating__star--filled{color:var(--red-500)}.trail-features{margin:var(--space-xs) 0}.trail-features__chips{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.trail-features__chip{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-xs) var(--space-sm);background-color:var(--primary-100);color:var(--primary-800);border:1px solid var(--primary-300);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-align:center}.trail-features__chip-label{white-space:nowrap;font-size:var(--font-size-sm);line-height:1.1;text-align:center}.trail-info{max-width:var(--width-2xl);margin:0}.trail-info__description{font-size:var(--font-size-md);line-height:var(--line-height-body);color:var(--gray-800);margin-bottom:var(--space-xl)}.clamp-4{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.trail-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:var(--space-lg) var(--space-2xl);gap:var(--space-lg) var(--space-2xl);list-style:none;padding:0;margin:0 0 var(--space-xl)}@media (min-width:1024px){.trail-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}}.metric{display:inline-flex;flex-direction:column;gap:var(--space-xs)}.metric__top{display:inline-flex;align-items:baseline;min-height:2.25rem}.metric__value{font-size:clamp(1.75rem,3.2vw,2.5rem);font-weight:var(--font-weight-bold);color:var(--gray-900);letter-spacing:-.01em;display:flex;align-items:center;gap:var(--space-xs)}.metric__unit{margin-left:var(--space-2xs);font-size:var(--font-size-xs);color:var(--gray-900)}.metric__label{font-size:var(--font-size-sm);color:var(--gray-600)}.metric__icon-wrap{line-height:0;color:var(--gray-900)}.metric__icon{display:inline-block}.metric--muted .metric__icon-wrap,.metric--muted .metric__value{color:var(--gray-400)}.trail-info__chips,.trail-info__features{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-top:var(--space-md)}.chip{background:var(--gray-100);color:var(--gray-800);padding:var(--space-xxs) var(--space-xs);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.chip--surface{background:var(--primary-50);color:var(--primary-800)}.chip--accent{background:var(--blue-50);color:var(--blue-800)}.chip--quality{color:var(--gray-900)}.chip--quality.chip--good{background:var(--green-100)}.chip--quality.chip--ok{background:var(--yellow-100)}.chip--quality.chip--bad{background:var(--red-100)}