.top-trails{list-style:none;margin:0;padding:0;color:#e6e6e6}.top-trails li{display:flex;gap:16px;padding:18px 0;border-bottom:1px solid rgba(255,255,255,.06);align-items:flex-start}.rank{font-size:28px;font-weight:700;width:56px;text-align:center;color:var(--light-gray)}.trail-image{width:300px;height:200px;flex:0 0 300px;background:#222;overflow:hidden;border-radius:6px;transform:scale(1);}.trail-image img{width:100%;height:100%;object-fit:cover;display:block;filter:contrast(1.02) saturate(1.03);transition:transform .2s ease;}.top-trails .trail-image:hover img{transform:scale(1.04);transition:transform .2s ease}.trail-meta{flex:1;color:#e6e6e6}.trail-meta h3{margin:0 0 6px 0;font-size:20px}.trail-meta h3 a{color:#fff;text-decoration:none}.trail-meta h3 a:hover{color:var(--secondary-color,#2ecc71);text-decoration:underline}.trail-meta .location{color:#d0d0d0;font-size:14px;margin-bottom:8px}.trail-stats{font-size:13px;color:#e6e6e6;display:flex;gap:12px;flex-wrap:wrap;margin-bottom:8px}.trail-desc{color:#eaeaea;font-size:14px;margin-bottom:10px}.trail-actions a{margin-right:10px;text-decoration:none;color:#fff;background:var(--secondary-color,#2ecc71);padding:8px 12px;border-radius:4px;font-size:14px;display:inline-block;transition:transform .08s ease,opacity .08s ease}.trail-actions a:hover{transform:translateY(-1px);opacity:.95}.trail-actions a.secondary{background:rgba(255,255,255,.08);color:#fff;border:1px solid rgba(255,255,255,.08)}.rating{color:var(--secondary-color,#2ecc71);font-weight:700}@media (max-width:760px){.top-trails li{flex-direction:column}.trail-image{width:100%;height:200px;flex:unset}.rank{width:auto}}.top-trails .trail-image:hover ~ .trail-meta h3 a{transform:scaleX(1);text-decoration:underline;color:var(--secondary-color)}