@media(max-width:900px){
.header-row{grid-template-columns:auto 1fr auto;gap:8px}
.header-search{width:100%;min-width:0}
}
@media(max-width:680px){
.header-row{grid-template-columns:1fr;gap:6px;justify-items:center}
.header-left{justify-content:center}
.header-right{justify-content:center;flex-wrap:wrap}
.header-logo h1{font-size:1.8rem}
.header-logo svg{width:22px;height:22px}
.header-search{width:100%;max-width:600px}
.header-search .search-input{font-size:1rem;padding:10px 12px}
}
@media(max-width:480px){
.header{padding:12px 16px}
.header-logo h1{font-size:1.6rem}
.header-logo svg{width:20px;height:20px}
.map-btn{width:44px;height:44px}
.location-btn{height:44px;font-size:15px}
.radius-btn{height:44px;padding:0 10px;font-size:15px}
.header-search .search-input{font-size:.95rem;padding:8px 10px}
.map-container{height:380px}
.results{padding:16px 16px 40px}
.trail{padding:12px 14px}
.trail-name{font-size:1.05rem}
.trail-dist{font-size:.875rem}
.trail-links a{font-size:.875rem;padding:3px 10px}
.status-legend{gap:10px}
.legend-item{font-size:.875rem}
.status-badge{font-size:.875rem;padding:3px 10px}
}