:root{color-scheme:light;--accent:#0870c8;--accent-soft:#e9f3ff;--bg:#f4f7fa;--panel:#fff;--line:#d6e1eb;--muted:#60768a;--text:#19364d}
body{background:#f4f7fa;color:#19364d}.hero-backdrop{display:none}.heading h1{color:#19364d}.heading h1 em{color:#0071c6}.intro{color:#5d748a}.all-networks span{box-shadow:none}.sidebar,.map-panel{background:#fff;border-color:#d1deea;box-shadow:none}.sidebar input,.sidebar select{background:#f8fafc;color:#1d3b54;border-color:#ccdae6}.station{background:#fff;border-color:#d7e2eb;color:#19364d}.station h3{color:#19364d}.station p,.station .station-address{color:#4c687f}.station a{color:#0867b5}.station-actions button{background:#f1f6fb;border-color:#c8d9e7;color:#075fae}.fuel-tag{background:#edf4f9;color:#3d627f}.filter-chip{background:#edf4fb;color:#285578;border-color:#ccdeed}#azs-downloads.downloads{background:#fff;border-color:#ccdbe8}#azs-downloads h2{color:#19364d}#azs-downloads p{color:#59758c}#azs-downloads a[download]{background:#0967c5;color:#fff}.footnote{color:#62788a}.station-balloon{background:#fff;color:#19364d}.station-balloon a{background:#0967c5;color:#fff}.map-panel [class*=balloon__content],.map-panel [class*=balloon__layout]{background:#fff!important;color:#19364d}.map-panel [class*=balloon__close-button]:before{color:#19364d}

#azs-selection{color:#526b80}.map-hint{color:#526b80}

/* Match the main page controls and make the station details easy to scan. */
.sidebar :is(input,select){min-height:44px;border-radius:10px;background:#fff}
.sidebar :is(input,select):focus-visible,.station :is(a,button):focus-visible{outline:2px solid #075fae;outline-offset:2px}
.station{padding:14px;border-radius:12px}
.station .station-address{font-weight:650;line-height:1.45}
.fuel-tag{font-weight:650}
@media(max-width:700px){.map-panel{touch-action:pan-y}.sidebar{min-width:0}}

.station-results>summary{cursor:pointer;color:#075fae;font-weight:750;padding:12px;border:1px solid #ccdae6;border-radius:10px;background:#fff}
.station-results[open]>summary{margin-bottom:12px}
.station-pages{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:12px}
.station-pages .more{width:auto;margin:0}

.locator-search-title{margin:0 0 12px;font-size:clamp(20px,3vw,28px);line-height:1.1;letter-spacing:-.035em}
.locator-views{display:none}
.station-results .station{box-shadow:0 2px 8px #13395d0c}
.station-results .station-discount{display:inline-block;background:#e7f2fd;color:#075394;padding:4px 8px;border-radius:6px;font-weight:750}
@media(max-width:700px){
 .locator-views{display:grid;grid-template-columns:1fr 1fr;gap:4px;background:#edf4fa;border-radius:10px;padding:4px;margin-block:12px}
 .locator-views button{min-height:40px;border:0;border-radius:7px;background:transparent;color:#173c5a;font:inherit;font-weight:700}
 .locator-views button[aria-pressed=true]{background:#0867c5;color:white}
 .station-results>summary{display:none}
 body.show-station-list .map-panel{display:none}
}

@media(max-width:700px){
 .heading{min-height:0}
 body.show-station-list .workspace{min-height:0}
}

body.azs-embedded{background:transparent}
.azs-embedded main{padding:0}
.azs-embedded :is(.heading,.card-choice){display:none}
#azs-filter-toggle{display:none}
#azs-filter-fields{display:grid;gap:6px}
.sidebar .search-field input{font-size:16px}
.sidebar .search-field{margin-bottom:8px}
.sidebar .station{border-left-width:3px}
.sidebar .station-actions a{min-height:38px;display:inline-flex;align-items:center}
.sidebar .filter-chip{min-height:34px}
@media(max-width:700px){
 #azs-filter-toggle{display:block;min-height:44px;width:100%;border:1px solid #c6daeb;border-radius:9px;background:#eff6fc;color:#123e67;font:inherit;font-weight:750}
 #azs-filter-toggle[aria-expanded=false]+#azs-filter-fields{display:none}
 #azs-filter-toggle[aria-expanded=true]{background:#dceeff}
 .map-panel{min-height:360px}
}

.workspace{height:auto;align-items:start}
.sidebar{overflow:visible}
.sidebar .search-field{background:#fff;padding-left:10px;border-color:#a9bed2}
.sidebar .search-field input{background:transparent;border:0}
.sidebar .search-field input::placeholder{color:#51687c}
.map-placeholder .contact{color:#fff}
@media(max-width:700px){
 .workspace{align-items:stretch}
 .sidebar{order:-1;max-height:none}
}

.azs-brandbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px max(16px,calc((100% - 1460px)/2));background:#fff;border-bottom:1px solid #d7e4f2}
.azs-brandbar .sd-brand{display:flex;gap:8px;align-items:center;color:#12273b;font-size:clamp(20px,2.3vw,32px);font-weight:900;font-style:italic;white-space:nowrap;text-decoration:none}
.azs-brandbar .sd-brand svg{width:40px;height:auto}
.azs-brandbar nav{display:flex;align-items:center;gap:22px}
.azs-brandbar nav a{color:#19364d;text-decoration:none;font-size:15px;font-weight:700}
.azs-brandbar nav a[aria-current]{color:#0754ac;text-decoration:underline;text-underline-offset:8px}
.azs-offer{display:inline-flex;align-items:center;min-height:44px;padding:8px 14px;border-radius:9px;background:#0867c5;color:#fff;text-decoration:none;font-weight:750}
.azs-embedded .azs-brandbar{display:none}
.all-networks button{padding:9px 13px;border:1px solid var(--network);border-radius:999px;background:var(--network-light);color:var(--network-dark);font:inherit;font-weight:750;cursor:pointer}
.all-networks button[aria-pressed=true]{background:var(--network-dark);color:#fff}
@media(max-width:700px){
 .azs-brandbar nav{display:none}
 .azs-offer{font-size:12px}
 .all-networks{gap:6px}
 .all-networks button{font-size:12px}
}

/* Routing uses the same filters and map as the station search. */
.route-panel{background:#fff;border-color:#ccdeef;color:#17324b}
.route-panel>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;list-style:none;font-size:18px;font-weight:800;min-height:32px}
.route-panel>summary::-webkit-details-marker{display:none}
.route-panel>summary::after{content:'+';font-size:24px;color:#075fae}
.route-panel[open]>summary::after{content:'−'}
.route-panel>summary span{font-size:13px;font-weight:500;color:#536d84;margin-left:auto}
.route-panel-body{margin-top:16px}
.route-panel :is(input,select){background:#f7fafc;border-color:#b7cce0;color:#17324b}
.route-panel :is(#route-build,#route-download){color:#fff}
.route-panel #route-reset{background:#f1f6fb;color:#075fae;border-color:#b7cce0}
.route-panel #route-status{color:#1b516e}
@media(max-width:700px){
 .route-panel{padding:14px;margin:10px 0}
 .route-panel>summary{font-size:16px}
 .route-panel>summary span{display:none}
 .route-fields{grid-template-columns:minmax(0,1fr)}
 .route-panel button{width:100%}
 .route-fields :is(input,select){font-size:16px}
}

.route-fields{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 170px auto}
@media(min-width:701px) and (max-width:1000px){.route-fields{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.route-fields{grid-template-columns:minmax(0,1fr)}}
/* Ordered cities and compact route settings. */
.route-fields{grid-template-columns:minmax(0,1fr) 260px;align-items:start;gap:22px}
.route-stops,.route-settings,#route-waypoints{display:grid;gap:12px;min-width:0}
#route-waypoints:empty{display:none}
.route-waypoint{display:grid;grid-template-columns:minmax(0,1fr) repeat(3,40px);align-items:end;gap:6px;min-width:0}
.route-waypoint button{padding:0;min-height:46px;font-size:20px;background:#eef5fc;color:#075fae;border-color:#c7d9eb}
.route-waypoint button:last-child{color:#a83348;background:#fff7f8}
.route-panel #route-add{justify-self:start;min-height:40px;padding:8px 12px;background:#eff6fd;color:#075fae;border:1px dashed #a9c7e3;font-weight:700;text-align:left}
.route-settings #route-build{width:100%;margin-top:8px}
.route-panel input::placeholder{color:#6c8094;opacity:1}
@media(max-width:700px){.route-fields{grid-template-columns:minmax(0,1fr);gap:18px}.route-waypoint{grid-template-columns:minmax(0,1fr) repeat(3,32px);gap:4px}.route-waypoint button{width:32px}.route-panel #route-add{width:auto;font-size:13px}.route-settings #route-build{margin-top:0}}
/* Shared Diesel+ brand geometry. */
.azs-brandbar .sd-brand{gap:9px;font-family:Manrope,Arial,sans-serif;font-size:28px;font-weight:800;font-style:italic;letter-spacing:-1.3px;line-height:1}
.azs-brandbar .sd-brand .sd-brand-mark{width:43px;height:28px;flex:none}
/* A shorter locator frame and tighter heading/route spacing. */
.heading{min-height:0;padding-top:8px}
.heading h1{margin-block:8px}
.heading .intro{margin-block:8px 14px}
.card-choice{margin-block:14px}
.route-panel{margin-block:12px;padding:14px 18px}
.route-panel-body{margin-top:12px}
.route-fields{gap:14px}
.route-actions{margin-block:12px}
.workspace{min-height:0}
.map-panel{height:520px;min-height:520px}
@media(max-width:700px){
 .heading{padding-top:0}
 .heading .intro{margin-bottom:10px}
 .route-panel{margin-block:8px;padding:12px 14px}
 .sidebar{padding:14px}
 .map-panel{height:360px;min-height:360px}
}
/* Standalone locator: compact tools above a map that fills the remaining screen. */
body:not(.azs-embedded) .azs-brandbar{box-sizing:border-box;min-height:52px;padding-block:8px}
body:not(.azs-embedded) .azs-brandbar .sd-brand{font-size:25px}
body:not(.azs-embedded) .azs-brandbar .sd-brand-mark{width:37px;height:24px}
body:not(.azs-embedded) .azs-brandbar nav a{font-size:13px}
body:not(.azs-embedded) .azs-offer{min-height:36px;padding:7px 12px;font-size:12px}
body:not(.azs-embedded) .heading{padding:0;min-height:0}
body:not(.azs-embedded) .heading .eyebrow{display:none}
body:not(.azs-embedded) .heading h1{font-size:clamp(26px,2.5vw,34px);line-height:1.15;margin:0;letter-spacing:-.035em}
body:not(.azs-embedded) .heading .intro{font-size:14px;line-height:1.5;margin:5px 0 0}
body:not(.azs-embedded) .card-choice{margin:0}
body:not(.azs-embedded) #azs-selection{display:none}
body:not(.azs-embedded) .all-networks{gap:8px}
body:not(.azs-embedded) .all-networks button{padding:7px 11px;font-size:12px;min-height:34px}
body:not(.azs-embedded) .route-panel{margin:0;padding:10px 14px}
body:not(.azs-embedded) .route-panel>summary{font-size:16px;min-height:26px}
@media(min-width:901px){
 body:not(.azs-embedded){height:100dvh;overflow:hidden;display:flex;flex-direction:column}
 body:not(.azs-embedded) .azs-brandbar{flex:none}
 body:not(.azs-embedded) main{display:flex;flex-direction:column;flex:1;gap:10px;width:100%;min-height:0;box-sizing:border-box;padding:12px 20px 12px}
 body:not(.azs-embedded) main>.heading,body:not(.azs-embedded) main>.card-choice,body:not(.azs-embedded) main>.route-panel{flex:none}
 body:not(.azs-embedded) .workspace{flex:1;min-height:0;height:auto;align-items:stretch}
 body:not(.azs-embedded) .sidebar{height:100%;min-height:0;box-sizing:border-box;overflow:auto}
 body:not(.azs-embedded) .map-panel{height:100%;min-height:0}
 body:not(.azs-embedded):has(.route-panel[open]){height:auto;min-height:100dvh;overflow:auto}
 body:not(.azs-embedded):has(.route-panel[open]) main{flex:none}
 body:not(.azs-embedded):has(.route-panel[open]) .workspace{flex:none;height:65dvh;min-height:400px}
}
@media(max-width:900px){
 body:not(.azs-embedded) main{padding-top:12px;padding-bottom:12px}
 body:not(.azs-embedded) .heading{margin-bottom:10px}
 body:not(.azs-embedded) .card-choice{margin-bottom:8px}
 body:not(.azs-embedded) .route-panel{margin-bottom:10px}
 body:not(.azs-embedded) .heading h1{font-size:26px}
 body:not(.azs-embedded) .heading .intro{font-size:13px}
 body:not(.azs-embedded) .all-networks{gap:6px}
 body:not(.azs-embedded) .all-networks button{font-size:11px;padding:6px 9px}
 body:not(.azs-embedded) .sidebar{max-height:none;overflow:visible}
}