@media(min-width:1100px){
 body.route-page #routePlanner #journeyProgress{display:none;}
 body.route-page #routePlanner .desktop-steps{position:sticky;top:0;z-index:15;flex:none;background:#fff;border-bottom:1px solid var(--line);padding:0 10px;margin:0;min-width:0;}
 body.route-page #routePlanner .desktop-steps ol{display:flex;align-items:center;gap:6px;list-style:none;margin:0;padding:0;}
 body.route-page #routePlanner .desktop-steps li{display:flex;align-items:center;min-width:0;}
 body.route-page #routePlanner .desktop-steps li+li:before{content:'›';color:var(--muted);margin-right:6px;}
 body.route-page #routePlanner .desktop-steps button{display:flex;align-items:center;gap:5px;min-height:32px;padding:3px 2px;border:0;background:transparent;color:var(--muted);font-size:12px;white-space:nowrap;}
 body.route-page #routePlanner .desktop-steps button span{display:grid;place-items:center;width:17px;height:17px;border-radius:50%;font-size:10px;background:var(--blue-soft);}
 body.route-page #routePlanner .desktop-steps button[aria-current=step]{color:var(--accent);font-weight:700;}
 body.route-page #routePlanner .desktop-steps button[aria-current=step] span{background:var(--accent);color:white;}
 body.route-page #routePlanner .desktop-steps button:disabled{opacity:.55;cursor:default;}
 body.route-page #routePlanner .desktop-steps button:focus-visible{outline:2px solid var(--accent);outline-offset:1px;}
 body.route-page #routePlanner .planner-panel>.desktop-steps{margin:-24px -24px 12px;padding-inline:24px;}
 body.route-page #routePlanner .route-review>.desktop-steps{grid-column:1;grid-row:1;border-radius:8px 8px 0 0;}
 body.route-page #routePlanner .route-review{row-gap:12px;}
 body.route-page #routePlanner .review-heading{grid-row:2;}
 body.route-page #routePlanner .route-tabs{grid-row:3;}
 body.route-page #routePlanner #vehicleForm{grid-row:4;}
 body.route-page #routePlanner #routeReviewError{grid-row:5;}
 body.route-page #routePlanner .review-footer{grid-row:6;}
 body.route-page #routePlanner .review-map-mount{grid-row:1/7;}
 body.is-desktop-plan #routePlanner .desktop-plan-panel>.desktop-steps{position:relative;padding-inline:22px;}
 body.is-desktop-plan #routePlanner .desktop-plan-scroll{padding-top:14px;}
}

@media(min-width:1100px){
 body.route-page #routePlanner{--desktop-map-height:clamp(400px,calc(100dvh - 240px),760px);}
 body.route-page #routePlanner .review-map-mount,body.is-desktop-plan #routePlanner .results-primary{height:var(--desktop-map-height);min-height:400px;}
}

@media(min-width:1100px){body.is-desktop-plan #routePlanner .results-heading .eyebrow{display:none;}}

/* A single desktop frame for all three steps. */
@media(min-width:1100px){
 body.route-page .site-header{border-radius:0;box-shadow:none;border-bottom:1px solid #dce5f0;}
 body.route-page .site-header__shell{border-radius:0;box-shadow:none;}

 body.route-page #routePlanner{--desktop-map-height:max(400px,calc(100dvh - 226px));}
 body.route-page #routePlanner main{padding-top:0;padding-bottom:20px;}
 body.route-page #routePlanner .hero,body.route-page #routePlanner .results-heading{box-sizing:border-box;height:122px;margin:0;padding:12px 10px;align-items:center;}
 body.route-page #routePlanner .hero{display:flex;}
 body.is-results-mode #routePlanner .hero{display:none;}
 body.route-page #routePlanner .hero .eyebrow{display:none;}
 body.route-page #routePlanner .hero h1,body.route-page #routePlanner .results-heading h2{font-size:28px;line-height:1.2;margin:0 0 7px;}
 body.route-page #routePlanner .hero-copy{margin:0;}
 body.route-page #routePlanner .results{margin:0;padding:0;}
 body.route-page #routePlanner .planner-shell,body.route-page #routePlanner .route-review,body.route-page #routePlanner .results-primary{height:var(--desktop-map-height);min-height:400px;align-items:stretch;}
 body.route-page #routePlanner .route-review{grid-template-rows:minmax(0,1fr);row-gap:0;}
 body.route-page #routePlanner .planner-shell>.map-panel,body.route-page #routePlanner .review-map-mount,body.route-page #routePlanner .results-map-mount{position:relative;top:auto;grid-column:2;grid-row:1;height:100%;min-height:0;}
 body.route-page #routePlanner .planner-panel,body.route-page #routePlanner .desktop-review-panel,body.route-page #routePlanner .desktop-plan-panel{display:flex;flex-direction:column;min-height:0;min-width:0;padding:0;overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:13px;}
 body.route-page #routePlanner .desktop-review-panel{grid-column:1;grid-row:1;}
 body.route-page #routePlanner .desktop-step-scroll,body.route-page #routePlanner .desktop-plan-scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#d5e2e9 transparent;padding:14px 22px 16px;}
 body.route-page #routePlanner .planner-panel>.desktop-steps,body.route-page #routePlanner .desktop-review-panel>.desktop-steps,body.route-page #routePlanner .desktop-plan-panel>.desktop-steps{position:relative;margin:0;padding-inline:22px;border-radius:0;flex:none;}
 body.route-page #routePlanner .form-heading,body.route-page #routePlanner .review-heading,body.route-page #routePlanner .desktop-plan-heading{margin:0 0 17px;min-height:30px;}
 body.route-page #routePlanner .form-heading h2,body.route-page #routePlanner .review-heading h3,body.route-page #routePlanner .desktop-plan-heading{font-size:20px;line-height:30px;}
 body.route-page #routePlanner .desktop-step-scroll>.form-heading .step-number{display:none;}
 body.route-page #routePlanner .desktop-step-scroll>.form-heading .icon-button{min-height:30px;width:30px;height:30px;padding:4px;}
 body.route-page #routePlanner .route-tabs{margin-bottom:20px;}
 body.route-page #routePlanner #vehicleForm{padding:20px 0 0;border:0;border-top:1px solid var(--line);border-radius:0;}
 body.route-page #routePlanner .planner-panel>.primary-action-dock,body.route-page #routePlanner .review-footer,body.route-page #routePlanner .desktop-plan-footer{flex:none;margin:0;padding:13px 22px 10px;border:0;border-top:1px solid var(--line);background:#fff;}
 body.route-page #routePlanner .review-footer{display:block;}
 body.route-page #routePlanner #calculateFuelDock{position:static;inset:auto;margin:0;padding:0;border:0;box-shadow:none;}
 body.route-page #routePlanner .review-footer #adjustRoute{display:none;}
 body.route-page #routePlanner .planner-shell>.map-panel .ol-zoom{top:auto!important;bottom:24px!important;right:18px;}
}
@media(min-width:1100px){
 body.route-page #routePlanner .planner-panel>.primary-action-dock,body.route-page #routePlanner .review-footer,body.route-page #routePlanner .desktop-plan-footer{height:86px;display:flex;flex-direction:column;align-items:stretch;justify-content:center;padding:12px 22px;}
 body.route-page #routePlanner .planner-panel>.primary-action-dock>.primary-button,body.route-page #routePlanner #confirmRoute,body.route-page #routePlanner .desktop-plan-footer .navigation-app{margin:0;min-height:60px;}
 body.route-page #routePlanner #calculateFuelDock{width:100%;flex:none;}
 body.route-page #routePlanner .desktop-plan-footer:has(.maps-fallback){height:auto;min-height:86px;}
 body.route-page #routePlanner .planner-shell>.map-panel .ol-zoom button{background:#fff;color:var(--ink);}
}