.route-experience{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:0;max-width:1440px;margin:24px auto 36px;border:1px solid #d9e1d4;border-radius:24px;overflow:hidden;box-shadow:0 12px 35px #173e3010;background:#fff}
.route-experience .detailhero,.route-experience .detailhero.terrain-hero{height:100%;min-height:560px;max-height:none;margin:0;border-radius:0}
.route-experience .sidepanel.route-summary{margin:0!important;border:0;border-radius:0;position:static;padding:28px 24px;box-shadow:none;width:auto;background:#fff}
.route-summary h2{font:600 28px/1.12 Georgia,serif;color:#173e30;margin:12px 0 22px}
.route-summary .side-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:16px 0;border-block:1px solid #e2e7de}
.route-summary .side-stats b{font-size:15px;overflow-wrap:anywhere}.route-summary .side-stats small{display:block;font-size:11px;margin-top:6px;color:#667361}
.route-essentials{margin:12px 0 20px}.route-essentials>div{display:flex;justify-content:space-between;gap:16px;padding:9px 0}.route-essentials dt{color:#697368;font-size:13px}.route-essentials dd{margin:0;text-align:right;font-size:13px;font-weight:600;max-width:65%}
.route-summary>.button{width:100%;margin-top:9px}.route-summary .side-note{font-size:11px;line-height:1.5;margin-top:18px;padding:12px;background:#f5f7f0}
.route-experience .route-expand{position:absolute;bottom:38px;left:18px;z-index:500;background:#fff;color:#173e30;box-shadow:0 3px 12px #173e3020}
.route-experience .leaflet-control-layers{padding:9px 12px;border:1px solid #dce3d7!important;border-radius:14px!important;box-shadow:0 4px 15px #173e3015}
.route-experience .leaflet-control-layers label{font-size:13px;padding:5px 2px;cursor:pointer}.route-experience .leaflet-control-layers input{accent-color:#28563e}
.route-detail-body{display:block!important;max-width:1100px!important}.route-expanded{position:fixed;inset:10px;max-width:none;margin:0;z-index:3000;grid-template-columns:1fr}.route-expanded .route-summary{display:none!important}.route-expanded .detailhero{height:100%!important}
@media(max-width:800px){.route-experience{grid-template-columns:1fr;margin:12px 12px 24px;border-radius:20px}.route-experience .detailhero,.route-experience .detailhero.terrain-hero{height:380px;min-height:380px}.route-experience .sidepanel.route-summary{padding:22px}.route-summary h2{font-size:27px}.route-expanded{margin:0;inset:env(safe-area-inset-top) 0 env(safe-area-inset-bottom);border-radius:0}.route-expanded .detailhero{min-height:100%}.route-experience .leaflet-top{top:80px}}