.trails{background:linear-gradient(180deg,#f5f4ef 0%,#eee9de 100%)}
.trails-head{align-items:end}.trail-explorer{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(320px,.7fr);min-height:620px;border-radius:30px;overflow:hidden;background:#10271f;box-shadow:0 34px 90px rgba(10,31,24,.19)}
.trail-map-wrap{position:relative;min-width:0;background:#d9dfd7}.trail-map{height:100%;min-height:620px;z-index:1}.trail-map-badge{position:absolute;z-index:500;left:18px;bottom:18px;display:flex;align-items:center;gap:8px;padding:10px 13px;border:1px solid rgba(255,255,255,.6);border-radius:12px;background:rgba(255,255,255,.9);box-shadow:0 10px 30px rgba(7,24,18,.16);color:#17382e;font-size:.76rem;font-weight:800;backdrop-filter:blur(12px)}
.trail-panel{display:flex;flex-direction:column;padding:34px 30px;background:linear-gradient(160deg,#17382e,#0c241c);color:white}.trail-panel-top{padding-bottom:22px}.trail-kicker{text-transform:uppercase;letter-spacing:.16em;color:#ef9b65;font-size:.7rem;font-weight:850}.trail-panel h3{margin:7px 0 0;font-size:2rem;font-weight:500;line-height:1.05}.trail-list{display:grid;gap:10px}.trail-option{width:100%;padding:15px 16px;border:1px solid rgba(255,255,255,.13);border-radius:15px;background:rgba(255,255,255,.035);color:white;text-align:left;cursor:pointer;transition:transform .2s ease,background .2s ease,border-color .2s ease}.trail-option:hover{transform:translateY(-1px);background:rgba(255,255,255,.08)}.trail-option.active{background:#f5f2e9;color:#17382e;border-color:#f5f2e9;box-shadow:0 12px 34px rgba(0,0,0,.14)}.trail-option-line{display:flex;align-items:center;gap:10px}.trail-option strong{font-size:.94rem}.trail-option small{display:block;margin:5px 0 0 19px;color:rgba(255,255,255,.56);font-size:.76rem}.trail-option.active small{color:#68756f}.trail-dot{width:9px;height:9px;border-radius:50%;flex:none}.trail-dot-summit{background:#e1773f}.trail-dot-iver{background:#2e8d76}.trail-dot-forest{background:#8b6ab0}
.trail-detail{margin-top:24px;padding-top:22px;border-top:1px solid rgba(255,255,255,.13)}.trail-detail h4{margin:7px 0 8px;font-size:1.65rem;font-weight:500;line-height:1.08}.trail-detail p{margin:0;color:rgba(255,255,255,.66);font-size:.86rem;line-height:1.55}.trail-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:17px}.trail-stat{padding:10px 5px;border-radius:11px;background:rgba(255,255,255,.08);text-align:center}.trail-stat strong{display:block;font-size:.82rem}.trail-stat span{display:block;margin-top:2px;color:rgba(255,255,255,.5);font-size:.62rem}.trail-disclaimer{margin:18px 0 0;padding:13px 0 0;border-top:1px solid rgba(255,255,255,.1);color:rgba(255,255,255,.48);font-size:.72rem;line-height:1.5}.trail-google-link{margin-top:14px;color:#f2a36f;font-size:.8rem;font-weight:800;text-underline-offset:4px}.trail-map-fallback{margin:0;padding:30px}
.leaflet-container{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.leaflet-bar a{color:#17382e}.leaflet-control-layers{border:0!important;border-radius:12px!important;box-shadow:0 8px 26px rgba(8,29,21,.18)!important}.leaflet-control-layers-expanded{padding:10px 12px!important;color:#17382e}.leaflet-control-attribution{font-size:10px}.forest-map-pin,.place-map-pin{display:grid;place-items:center;border-radius:50% 50% 50% 0;transform:rotate(-45deg);box-shadow:0 5px 18px rgba(0,0,0,.28)}.forest-map-pin{width:36px;height:36px;background:#c66f38;border:3px solid white}.place-map-pin{width:27px;height:27px;background:#17382e;border:2px solid white}.forest-map-pin span,.place-map-pin span{transform:rotate(45deg);color:white;font-weight:900}.forest-map-pin span{font-size:15px}.place-map-pin span{font-size:10px}.trail-popup strong{display:block;color:#17382e}.trail-popup span{font-size:.75rem;color:#66726d}
@media(max-width:900px){.trail-explorer{grid-template-columns:1fr}.trail-map,.trail-map-wrap{min-height:500px}.trail-panel{padding:30px 24px}.trail-list{grid-template-columns:repeat(3,1fr)}.trail-option{min-height:105px}.trail-option small{margin-left:0}}
@media(max-width:680px){.trails-head br{display:none}.trail-explorer{border-radius:22px}.trail-map,.trail-map-wrap{min-height:430px}.trail-map-badge{left:12px;bottom:12px}.trail-list{grid-template-columns:1fr}.trail-option{min-height:auto}.trail-option small{margin-left:19px}.trail-stats{gap:6px}.leaflet-control-layers-expanded{font-size:.78rem}}
@media(prefers-reduced-motion:reduce){.trail-option{transition:none}}