/* Approved website driving layout; working map controls and route state stay in driving.js. */
html body.driving #driving-panel .drive-guidance-group{top:12px;left:12px;right:12px;width:auto;max-width:none;display:block}
html body.driving #driving-panel .drive-guidance-group .drive-maneuver{position:relative!important;top:auto!important;left:auto!important;width:100%!important;max-width:none!important;min-height:102px;display:grid!important;grid-template-columns:48px minmax(0,1fr);align-items:center;column-gap:16px;padding:17px 20px!important;border:0!important;border-radius:12px!important;background:#12595c!important;box-shadow:0 5px 18px #183d392b!important}
html body.driving #driving-panel .drive-guidance-group .drive-maneuver>svg{width:48px;height:48px;flex-basis:48px;align-self:center}
html body.driving #driving-panel .drive-guidance-group .drive-maneuver-copy{display:grid;gap:4px;min-width:0}
html body.driving #driving-panel .drive-guidance-group .drive-instruction{font-size:22px!important;line-height:1.2!important;font-weight:700!important}
html body.driving #driving-panel .drive-guidance-group .drive-detail{font-size:16px!important;line-height:1.4!important;font-weight:500!important;color:#dcefeb!important}
html body.driving #driving-panel .drive-guidance-group .drive-map-buttons{position:absolute!important;top:calc(100% + 14px)!important;right:0!important;left:auto!important;bottom:auto!important;display:grid;gap:10px;box-sizing:border-box;width:54px;height:auto;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible}
html body.driving #driving-panel .drive-guidance-group .drive-map-buttons :is(#drive-north,#drive-recenter,#drive-overview){width:54px;height:54px;min-height:54px;min-width:54px;border:1px solid #ffffff80!important;border-radius:10px!important;background:#234f40!important;color:#fff!important;box-shadow:0 3px 10px #183d3926!important}
html body.driving #driving-panel .drive-guidance-group .drive-map-buttons #drive-north{height:54px!important;min-height:54px!important}
html body.driving #driving-panel .drive-guidance-group .drive-map-buttons #drive-north[aria-pressed=true]{background:#367064!important}
html body.driving #driving-panel .drive-route-panel{left:calc(12px + env(safe-area-inset-left,0px))!important;right:calc(12px + env(safe-area-inset-right,0px))!important;bottom:calc(12px + env(safe-area-inset-bottom,0px))!important;width:auto!important;max-width:none!important;padding:14px 16px!important;border:0!important;border-radius:12px!important;background:#183d39!important;color:#fff!important;box-shadow:0 5px 18px #183d392b!important}
html body.driving #driving-panel .drive-compact{display:flex!important;align-items:center!important;gap:12px!important;min-height:76px!important;padding:0!important;border-radius:0!important;background:transparent!important}
html body.driving #driving-panel .drive-summary-toggle{order:1;flex:1;display:grid;grid-template-columns:minmax(0,1fr) 20px;grid-template-rows:auto auto;column-gap:8px;row-gap:2px;min-height:70px;padding:0!important}
html body.driving #driving-panel .drive-summary-toggle .drive-duration{grid-column:1;grid-row:2;max-width:none;justify-self:start;padding:0!important;font-size:24px!important;line-height:1.2!important;font-weight:700!important;color:#fff!important}
html body.driving #driving-panel .drive-summary-toggle .drive-target{grid-column:1;grid-row:1;font-size:18px!important;line-height:1.4!important;font-weight:700!important;color:#dce9df!important}
html body.driving #driving-panel .drive-summary-toggle svg{grid-column:2;grid-row:1/3;align-self:center}
html body.driving #driving-panel .drive-compact #drive-exit{order:2;flex:0 0 54px!important;width:54px!important;min-width:54px!important;height:54px!important;min-height:54px!important;max-height:54px!important;border:1px solid #ffffff80!important;border-radius:10px!important;background:#bf463d!important;color:#fff!important;font-size:18px!important;font-weight:600!important}
html body.driving #driving-panel .drive-extra:not([hidden]){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;column-gap:12px;margin-top:12px;padding:12px 0 0;border-top:1px solid #ffffff44;background:transparent}
html body.driving #driving-panel .drive-extra>div{display:flex;justify-content:flex-start;align-items:center;gap:6px;min-width:0;white-space:nowrap}
html body.driving #driving-panel .drive-extra small{color:#d1dfd7;font-size:14.625px!important;line-height:1.4!important;font-weight:500!important}
html body.driving #driving-panel .drive-extra strong{color:#fff!important;font-size:14.625px!important;line-height:1.4!important;font-weight:600!important;font-variant-numeric:tabular-nums}
html body.driving #driving-panel .drive-extra .drive-eta{padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;color:#fff!important;font-size:14.625px!important;line-height:1.4!important}
html body.driving #driving-panel .drive-road-status{color:#f4dda5}
@media(max-width:380px){html body.driving #driving-panel .drive-guidance-group .drive-maneuver{grid-template-columns:40px minmax(0,1fr);gap:12px;padding:14px 16px!important;min-height:94px}html body.driving #driving-panel .drive-guidance-group .drive-maneuver>svg{width:40px;height:40px}html body.driving #driving-panel .drive-guidance-group .drive-instruction{font-size:20px!important}html body.driving #driving-panel .drive-route-panel{padding:12px!important}html body.driving #driving-panel .drive-summary-toggle .drive-duration{font-size:22px!important}html body.driving #driving-panel .drive-extra:not([hidden]){grid-template-columns:1fr;row-gap:6px}}
@media(min-width:901px){html body.driving #driving-panel .drive-guidance-group{left:24px;right:24px;top:20px}html body.driving #driving-panel .drive-guidance-group .drive-maneuver{max-width:520px!important}html body.driving #driving-panel .drive-guidance-group .drive-instruction{font-size:24px!important}html body.driving #driving-panel .drive-guidance-group .drive-map-buttons{right:0!important}html body.driving #driving-panel .drive-route-panel{width:520px!important;max-width:calc(100% - 48px)!important;right:auto!important;left:24px!important;bottom:20px!important}html body.driving #driving-panel .drive-summary-toggle .drive-target{font-weight:600!important}}
@media(max-width:900px){html body.driving #driving-panel .drive-guidance-group{left:calc(12px + env(safe-area-inset-left,0px));right:calc(12px + env(safe-area-inset-right,0px));width:auto;max-width:none}html body.driving #driving-panel .drive-route-panel{bottom:calc(12px + var(--nav-safe-bottom,env(safe-area-inset-bottom,0px)))!important}}