/* Page-only integration: the shared header/footer templates are not modified. */
body.route-page {margin:0;background:#f4f8fc;color:#17324f;font-family:"Segoe UI","Noto Sans",Roboto,Arial,sans-serif;line-height:1.5;}
.route-page #routePlanner {min-width:0;}
.route-page .site-footer,.route-page .site-footer * {box-sizing:border-box;}
.route-page .site-footer {margin-top:0;}
.route-page .site-footer .site-footer__name {color:transparent;}
.route-page .site-header__toggle:focus-visible,.route-page .site-footer a:focus-visible {outline:2px solid #1c67c9;outline-offset:3px;}
@media(max-width:820px){
  .route-page .site-footer {padding-bottom:calc(90px + env(safe-area-inset-bottom));}
  .route-page.is-results-mode:not(.is-reviewing-route) #routePlanner main {padding-bottom:24px;}
  .route-page.is-results-mode:not(.is-reviewing-route) .site-footer {padding-bottom:calc(180px + env(safe-area-inset-bottom));}
  .route-page.is-planner-map-open #routePlanner .planner-shell>.map-panel {z-index:4000;}
}