:root{--main-color:#2e7d32}body{color:#1a1a1a;background:#f7f9f8;margin:0;font-family:Inter,sans-serif}.topbar{background:#fff;border-bottom:1px solid #e0e0e0;justify-content:space-between;padding:16px 32px;display:flex;position:sticky;top:0}.nav a{color:#6b6b6b;margin-left:16px;text-decoration:none}.container{max-width:1200px;margin:0 auto;padding:32px}.map-hero{grid-template-columns:1.5fr 1fr;gap:24px;margin-bottom:32px;display:grid}.map-placeholder{background:#e8f5e9;border-radius:20px;justify-content:center;align-items:center;height:320px;font-size:18px;display:flex}.route-info{padding:16px}.meta{color:#6b6b6b;margin:8px 0 16px}.route-layout{grid-template-columns:2fr 1fr;gap:32px;display:grid}.timeline{position:relative}.sidebar{background:#fff;border-radius:20px;height:fit-content;padding:20px;box-shadow:0 2px 8px #0000000f}.stats{justify-content:space-between;margin:16px 0;display:flex}.stats div{text-align:center}.btn-primary{background:var(--main-color);color:#fff;cursor:pointer;border:none;border-radius:16px;width:100%;padding:14px;font-weight:600}.btn-primary.full{margin-top:16px}.leaflet-control-attribution{opacity:.8;padding:1px 4px!important;font-size:11px!important}@media (width<=1024px){.container{padding:24px}.map-hero,.route-layout{grid-template-columns:1fr}}@media (width<=640px){.topbar{padding:12px 16px}.nav a{margin-left:10px;font-size:.9rem}.container{padding:16px}.map-hero,.route-layout{grid-template-columns:1fr;gap:16px}}