@import "https://fonts.googleapis.com/css2?family=Raleway:wght@300;400;700&family=Lato:wght@300;400&display=swap";
@import "https://fonts.googleapis.com/css2?family=Raleway:wght@300;400;700;900&family=Lato:wght@300;400&display=swap";
.trail-filters{background:var(--vs-theme-surface-muted);border-bottom:3px solid var(--vs-theme-primary);flex-direction:column;gap:.75rem;padding:1rem 2rem;display:flex}.trail-filters__select-group{flex-wrap:wrap;align-items:center;gap:.9rem;display:flex}.trail-filters__select-label{letter-spacing:.1em;text-transform:uppercase;color:var(--vs-theme-text-muted);white-space:nowrap;min-width:120px;font-family:Lato,sans-serif;font-size:.72rem}.trail-filters__pills{flex-wrap:wrap;gap:.4rem;display:flex}.trail-filters__pill{background:var(--vs-theme-surface);border:1px solid var(--vs-theme-border);color:var(--vs-theme-text-secondary);cursor:pointer;border-radius:99px;padding:.25rem .75rem;font-family:Lato,sans-serif;font-size:.75rem;transition:background .2s,border-color .2s,color .2s}.trail-filters__pill:hover{background:var(--vs-theme-primary-soft);border-color:var(--vs-theme-accent)}.trail-filters__pill--active{background:var(--vs-theme-primary);border-color:var(--vs-theme-primary);color:#fff}.trail-filters__reset{color:var(--vs-theme-text-muted);cursor:pointer;background:0 0;border:none;align-self:flex-start;padding:0;font-family:Lato,sans-serif;font-size:.72rem;text-decoration:underline;transition:color .2s}.trail-filters__reset:hover{color:var(--vs-theme-text-secondary)}@media (max-width:640px){.trail-filters{padding:1rem}.trail-filters__select-label{min-width:unset;width:100%}}
.trail-list{background:var(--vs-theme-surface-muted);flex:1;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));align-items:start;gap:1.5rem;padding:1.5rem 2rem 5rem;display:grid}.trail-list__empty{color:var(--vs-theme-text-muted);text-align:center;grid-column:1/-1;padding:3rem 0;font-family:Lato,sans-serif;font-size:.9rem}.trail-card{background:var(--vs-theme-surface);border:1px solid var(--vs-theme-border);border-radius:10px;flex-direction:column;text-decoration:none;transition:box-shadow .25s,transform .25s;display:flex;overflow:hidden}.trail-card:hover{transform:translateY(-3px);box-shadow:0 6px 24px #2d6a4f24}.trail-card__image{background:var(--vs-theme-primary);flex-shrink:0;height:200px;position:relative;overflow:hidden}.trail-card__image img{transition:transform .4s}.trail-card:hover .trail-card__image img{transform:scale(1.04)}.trail-card__image-placeholder{background:linear-gradient(135deg, var(--vs-theme-primary), var(--vs-theme-accent));width:100%;height:100%}.trail-card__content{flex-direction:column;flex:1;gap:.6rem;padding:1.2rem 1.4rem 1.4rem;display:flex}.trail-card__name{color:var(--vs-theme-text);margin:0;font-family:Raleway,sans-serif;font-size:1.05rem;font-weight:700;line-height:1.3}.trail-card__subtitle{color:var(--vs-theme-text-muted);margin:0;font-family:Lato,sans-serif;font-size:.8rem;line-height:1.5}.trail-card__stats{flex-wrap:wrap;gap:1rem;display:flex}.trail-stat{color:var(--vs-theme-text-secondary);align-items:center;gap:.3rem;font-family:Lato,sans-serif;font-size:.78rem;font-weight:700;display:flex}.trail-stat svg{color:var(--vs-theme-accent)}.trail-card__difficulty{background:var(--vs-theme-surface-muted);border-radius:6px;flex-direction:column;gap:.4rem;margin-top:.2rem;padding:.7rem .9rem;display:flex}.trail-card__difficulty-row{align-items:center;gap:.6rem;display:flex}.trail-card__difficulty-label{letter-spacing:.1em;text-transform:uppercase;color:var(--vs-theme-text-muted);flex-shrink:0;width:40px;font-family:Lato,sans-serif;font-size:.68rem}.difficulty-dots{align-items:center;gap:4px;display:flex}.difficulty-dot{background:var(--vs-theme-border);border-radius:50%;width:8px;height:8px;transition:background .2s}.difficulty-dot--filled{background:var(--vs-theme-primary)}.trail-card__difficulty-value{color:var(--vs-theme-text-secondary);font-family:Lato,sans-serif;font-size:.72rem}.trail-card__cta{color:var(--vs-theme-primary);letter-spacing:.04em;margin-top:auto;padding-top:.4rem;font-family:Lato,sans-serif;font-size:.78rem;font-weight:700;transition:color .2s}.trail-card:hover .trail-card__cta{color:var(--vs-theme-accent)}@media (max-width:640px){.trail-list{grid-template-columns:1fr;gap:1rem;padding:1rem 1rem 5rem}}