.trail-city-routes{padding-right:.3rem;background-color:#f9f9f9}.trail-city-routes__container{max-width:960px;margin:0 auto}.trail-city-routes__content{padding:1rem}.trail-city-routes__heading{font-size:2rem;font-weight:700;margin-bottom:.5rem}.trail-city-routes__description{font-size:1rem;color:#666;margin-bottom:2rem}.trail-city-routes__tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));grid-gap:1rem;gap:1rem}.trail-city-routes__tile{background-color:#ffffff;border:1px solid #ddd;border-radius:.75rem;padding:1rem;text-decoration:none;color:#333;font-weight:500;transition:all .2s ease;box-shadow:0 1px 3px rgba(0,0,0,.04);display:flex;flex-direction:column;align-items:center}.trail-city-routes__tile:hover{transform:translateY(-2px);box-shadow:0 6px 12px rgba(0,0,0,.1)}.trail-city-routes__distance{margin-top:.5rem;font-size:.9rem;color:#666}.top-routes__section{margin-top:var(--space-2xl)}.top-routes__heading{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-heading);color:var(--gray-900);margin-bottom:var(--space-lg)}.top-routes__list{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));grid-gap:var(--space-lg);gap:var(--space-lg);list-style:none;padding:0;margin:0}@media (min-width:1024px){.top-routes__list{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:var(--space-xl)}}.top-routes__list-item{background-color:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden;transition:transform .12s ease,box-shadow .12s ease;border:var(--border-width-thin) solid var(--gray-200)}.top-routes__list-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.top-routes__link{display:flex;flex-direction:column;text-decoration:none;color:inherit;height:100%}.top-routes__card-image{width:100%;aspect-ratio:16/9;object-fit:cover;background-color:var(--gray-100)}.top-routes__card-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);line-height:var(--line-height-heading);color:var(--gray-900);margin-bottom:var(--space-xs)}.top-routes__location{font-size:var(--font-size-sm);color:var(--gray-600);margin-bottom:var(--space-sm)}.top-routes__badge{display:inline-block;background-color:var(--primary-100);color:var(--primary-800);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm)}.top-routes__meta{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-sm)}.badge{display:inline-flex;align-items:center;gap:var(--space-xs);padding:4px 8px;border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);line-height:var(--line-height-body);border:var(--border-width-thin) solid transparent}.badge--distance{background:var(--primary-100);color:var(--primary-800);border-color:var(--primary-100)}.badge--time{background:var(--gray-100);color:var(--gray-700);border-color:var(--gray-200)}.badge--easy{background:var(--primary-100);color:var(--primary-800);border-color:var(--primary-100)}.badge--moderate{background:var(--accent-yellow);color:var(--gray-900);border-color:var(--accent-yellow)}.badge--hard{background:#ffe5e5;color:var(--gray-900);border-color:#ffe5e5}.top-routes__card-info{padding:var(--space-md);display:grid;grid-gap:var(--space-sm);gap:var(--space-sm)}@media (min-width:1024px){.top-routes__card-info{padding:var(--space-lg)}}