:root{color-scheme:light;--ink:#1d1d1f;--muted:#68686e;--line:#dedee3;--blue:#0865d6;--surface:#f5f5f7;--green:#287346;--red:#a52d2d;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);font-size:16px;line-height:1.5;background:#fff}
.search-filters .brand-filter{max-width:100%;min-width:0}.search-filters .brand-filter select{width:190px;max-width:100%;height:44px}.filter-feedback{display:flex;align-items:center;gap:12px 20px;flex-wrap:wrap;width:100%;font-size:14px;color:var(--muted)}.filter-feedback .text-button{min-height:36px}.brand-filter select:disabled{color:var(--muted);cursor:default}@media(max-width:700px){.search-filters .brand-filter{flex:1;min-width:190px}.search-filters .brand-filter select{flex:1;min-width:0}.filter-feedback{gap:8px 15px}}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button,a,summary{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #94bff6;outline-offset:3px}[hidden]{display:none!important}.skip-link{position:absolute;left:16px;top:-70px;background:#fff;padding:10px;z-index:5}.skip-link:focus{top:10px}
.site-header,.site-footer,main{width:min(1120px,calc(100% - 64px));margin-inline:auto}.site-header{height:86px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);gap:24px}.wordmark{font-weight:650;letter-spacing:-.6px;font-size:20px;color:var(--ink);white-space:nowrap}.wordmark span{font-weight:400;margin-left:5px;color:var(--muted)}nav{display:flex;gap:30px;align-items:center;font-size:14px}nav>a,.nav-tools>summary{color:var(--ink)}summary{cursor:pointer}.nav-tools{position:relative}.nav-tools>summary{list-style:none}.nav-tools>summary::-webkit-details-marker{display:none}.nav-tools>summary::after{content:"⌄";margin-left:6px;color:var(--muted)}.nav-menu{position:absolute;top:30px;right:-12px;min-width:210px;z-index:4;background:#fff;border:1px solid var(--line);border-radius:8px;padding:8px;box-shadow:0 8px 24px #0000000c}.nav-menu a{display:block;padding:10px 12px;color:var(--ink);border-radius:4px}.nav-menu a:hover{background:var(--surface);text-decoration:none}
.hero{padding:68px 0 26px}h1,h2,p{margin-top:0}h1{font-size:42px;letter-spacing:-1.3px;line-height:1.16;font-weight:650;margin-bottom:18px}h2{font-size:25px;line-height:1.25;font-weight:620;letter-spacing:-.5px;margin-bottom:10px}.intro{font-size:18px;line-height:1.6;max-width:740px;color:var(--muted);margin-bottom:34px}.search-form{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:25px 0 18px}.search-fields{display:grid;grid-template-columns:minmax(200px,2fr) minmax(135px,1.1fr) minmax(120px,.9fr) auto;gap:16px;align-items:start}.field{min-width:0}.field>label{display:block;font-size:13px;font-weight:550;margin-bottom:7px}.field input,.field select,.inline-field select,.sort-label select{display:block;width:100%;height:46px;border:1px solid #cfcfd5;border-radius:7px;background:#fff;color:var(--ink);padding:10px 12px;min-width:0}.field input::placeholder{color:#85858a}.primary-button{min-height:46px;padding:11px 18px;border:1px solid var(--blue);background:var(--blue);color:#fff;font-size:14px;font-weight:550;border-radius:7px;white-space:nowrap}.primary-button:hover:not(:disabled){background:#0055bf}.search-fields>.primary-button{margin-top:26px}.text-button{background:none;border:0;padding:0;color:var(--blue);font-size:14px}.text-button:hover{text-decoration:underline}.location-button{font-size:12px;margin-top:9px;min-height:22px;text-align:left}.search-options{margin-top:16px}.search-options>summary{font-size:13px;color:var(--muted);width:fit-content}.options-row{display:flex;gap:22px;align-items:center;flex-wrap:wrap;margin-top:18px}.inline-field{display:flex;align-items:center;gap:10px;font-size:13px}.inline-field select{width:85px;height:36px;padding:4px 8px}.check-label{display:flex;gap:8px;align-items:center;font-size:13px;width:fit-content;cursor:pointer}.check-label input{width:16px;height:16px;margin:0;accent-color:var(--blue)}.status{font-size:14px;color:var(--muted);margin:18px 0 0;min-height:22px;max-width:850px}.status.error{color:var(--red)}.muted,.field-note{color:var(--muted)}.field-note{font-size:12px;margin:8px 0 0}.section-intro{color:var(--muted);max-width:740px;margin-bottom:25px}.section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:25px}.section-heading p{margin-bottom:0}.sort-label{display:flex;align-items:center;gap:10px;white-space:nowrap;font-size:12px;color:var(--muted);padding-top:5px}.sort-label select{height:34px;width:130px;padding:4px 8px;font-size:12px}.results-section{padding:28px 0 12px}.results-meta{font-size:12px}.list-note{font-size:12px;color:var(--muted);margin:17px 0 18px}.results-labels,.station-row{display:grid;grid-template-columns:minmax(220px,2fr) minmax(90px,.75fr) minmax(110px,.9fr) minmax(85px,.7fr) minmax(130px,1fr);gap:16px;align-items:center}.results-labels{font-size:11px;letter-spacing:.1px;color:var(--muted);padding-bottom:10px;border-bottom:1px solid var(--line)}.station-row{padding:23px 0;border-bottom:1px solid var(--line)}.station-name{font-size:15px;font-weight:600;margin:0 0 4px}.station-address{font-size:12px;color:var(--muted);margin:0 0 5px}.opening-status{font-size:11px;color:var(--muted)}.opening-status.open{color:var(--green)}.station-price{font-size:18px;letter-spacing:-.35px;font-variant-numeric:tabular-nums}.station-total{font-size:17px;font-weight:550;font-variant-numeric:tabular-nums}.station-distance{font-size:13px;color:var(--muted)}.station-actions{display:flex;flex-direction:column;align-items:flex-start;gap:9px}.station-actions button{font-size:12px}.favorite-button{color:var(--muted)}.favorite-button[aria-pressed=true]{color:var(--ink)}.mobile-label{display:none}.empty-state{font-size:14px;color:var(--muted);padding:26px 0}
.tool-section{padding:38px 0;margin-top:28px;border-top:1px solid var(--line);scroll-margin-top:30px}.tool-fields{display:grid;grid-template-columns:1.1fr 1.5fr 1.5fr 1fr;gap:18px;margin-top:26px}.form-actions{display:flex;align-items:center;gap:18px;margin-top:22px}.form-actions p{font-size:12px;margin:0}.comparison-result{margin-top:24px;border-top:1px solid var(--line);padding-top:22px}.saving-title{font-size:25px;font-weight:600;letter-spacing:-.5px;margin-bottom:7px}.saving-subtitle{font-size:13px;color:var(--muted)}.comparison-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin:25px 0 0}.comparison-metrics dt{color:var(--muted);font-size:12px;margin-bottom:7px}.comparison-metrics dd{margin:0;font-size:17px;font-variant-numeric:tabular-nums}.comparison-method{font-size:12px;color:var(--muted);margin:22px 0 0}.calculator-section{margin-top:35px;padding-top:38px}.calculator-layout{display:grid;grid-template-columns:minmax(0,3fr) minmax(190px,1fr);gap:48px;align-items:start;margin-top:26px}.three-columns{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:0}.return-trip{margin-top:17px}.calculator-result{display:flex;flex-direction:column;align-items:flex-start;padding:5px 0 5px 30px;border-left:1px solid var(--line);gap:8px}.calculator-result>span{font-size:12px;color:var(--muted)}.calculator-result strong{font-size:26px;line-height:1.2;font-weight:600;letter-spacing:-.6px}.calculator-result strong.pending{font-size:17px;letter-spacing:-.2px}.calculator-result small{font-size:12px;color:var(--muted)}.faq-section{padding:35px 0 55px;border-top:1px solid var(--line);margin-top:30px;max-width:850px}.faq-section h2{margin-bottom:22px}.faq-section details{border-bottom:1px solid var(--line);padding:17px 0}.faq-section summary{font-size:15px;font-weight:500}.faq-section details p{font-size:14px;color:var(--muted);max-width:720px;padding:14px 0 0;margin:0}.site-footer{border-top:1px solid var(--line);padding:24px 0 36px;display:flex;justify-content:space-between;align-items:flex-start;gap:30px;font-size:12px;color:var(--muted)}.site-footer>span{white-space:nowrap;color:var(--ink)}.site-footer p{max-width:650px;text-align:right;margin:0}.site-footer a{color:inherit;text-decoration:underline;text-underline-offset:3px}
@media(max-width:1000px){.search-fields{grid-template-columns:minmax(200px,2fr) 1fr 1fr}.search-fields>.primary-button{grid-column:1/-1;margin-top:0;width:fit-content}.results-labels,.station-row{grid-template-columns:minmax(200px,2fr) .9fr 1fr .8fr 1fr;gap:12px}.tool-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.three-columns{grid-template-columns:repeat(3,minmax(0,1fr))}.calculator-layout{gap:25px;grid-template-columns:minmax(0,3fr) minmax(160px,1fr)}}
@media(max-width:700px){.site-header,.site-footer,main{width:calc(100% - 36px)}.site-header{height:74px;gap:14px}.wordmark{font-size:17px}.wordmark span{display:block;font-size:11px;letter-spacing:.1px;margin:-3px 0 0}nav{gap:18px;font-size:12px}.hero{padding:42px 0 15px}h1{font-size:34px;letter-spacing:-1px}h2{font-size:23px}.intro{font-size:16px;line-height:1.6;margin-bottom:26px}.search-fields{grid-template-columns:1fr 1fr;gap:17px 14px}.location-field{grid-column:1/-1}.search-fields>.primary-button{width:100%;grid-column:1/-1;margin-top:2px}.search-form{padding-top:20px}.search-options{margin-top:17px}.options-row{gap:18px}.status{font-size:13px}.section-heading{flex-wrap:wrap;gap:15px}.sort-label{padding-top:0}.results-labels{display:none}.list-note{margin-bottom:7px}.station-row{grid-template-columns:1fr 1fr 1fr;gap:16px 12px;padding:22px 0}.station-info{grid-column:1/3}.station-actions{grid-column:1/-1;flex-direction:row;align-items:center;gap:25px}.station-price{grid-column:1}.station-total{grid-column:2}.station-distance{grid-column:3}.mobile-label{display:block;font-size:10px;color:var(--muted);font-weight:400;letter-spacing:0;margin-bottom:5px}.station-info .opening-status{font-size:11px}.station-row>.station-info{grid-column:1/-1}.station-price{font-size:18px}.station-total{font-size:17px}.tool-section{padding:28px 0;margin-top:25px}.section-intro{font-size:14px}.tool-fields{gap:17px 14px}.form-actions{align-items:flex-start;flex-direction:column;gap:10px}.form-actions .primary-button{width:100%}.comparison-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.calculator-layout{grid-template-columns:1fr;gap:25px;margin-top:22px}.three-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.three-columns>.field:last-child{grid-column:1/-1;max-width:calc(50% - 7px)}.calculator-result{border-left:0;border-top:1px solid var(--line);padding:22px 0 0;gap:7px}.calculator-result strong{font-size:29px}.calculator-result strong.pending{font-size:17px}.faq-section{margin-top:18px;padding-bottom:35px}.faq-section summary{font-size:14px}.site-footer{flex-direction:column;gap:12px;padding:23px 0 30px}.site-footer p{text-align:left}.station-address{max-width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.example-controls{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:13px}.example-controls>span{font-size:12px;color:var(--muted)}.result-controls{display:flex;align-items:center;gap:20px}.result-controls>.text-button{font-size:12px}.results-meta.snapshot-notice{font-size:13px;color:var(--ink);font-weight:500;margin-top:12px}.map-section{padding:28px 0;border-top:1px solid var(--line);margin-top:20px}.map-section h2{font-size:22px}.map-section .muted{font-size:13px}.snapshot-comparison-note{font-size:13px;font-weight:550;margin-bottom:14px;color:var(--muted)}@media(max-width:700px){.result-controls{gap:18px;flex-wrap:wrap}.example-controls{gap:8px 16px}}
.site-header,.site-footer,main,.search-fields,.tool-fields,.calculator-layout,.station-row,.comparison-metrics{min-width:0}.station-row>*{min-width:0}.station-name,.station-address,.field-note,.status,.site-footer{overflow-wrap:anywhere}.footer-content{min-width:0;display:flex;flex-direction:column;gap:14px;align-items:flex-end}.footer-links{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px 20px;font-size:12px}.site-footer .footer-links a:last-child{display:inline}.primary-button{max-width:100%}@media(max-width:700px){.search-fields{grid-template-columns:minmax(0,1fr)}.location-field{grid-column:auto}.footer-content{align-items:flex-start}.footer-links{justify-content:flex-start;gap:10px 18px}}@media(max-width:420px){.site-header{height:auto;min-height:74px;flex-wrap:wrap;padding:15px 0;gap:12px}.site-header nav{gap:16px;min-width:0;flex-wrap:wrap}.tool-fields,.three-columns{grid-template-columns:minmax(0,1fr)}.three-columns>.field:last-child{max-width:none;grid-column:auto}.station-actions{flex-wrap:wrap;gap:12px 22px}.comparison-metrics{grid-template-columns:minmax(0,1fr)}.primary-button{white-space:normal}.calculator-result strong{overflow-wrap:anywhere}}
.price-summary{font-size:13px;color:var(--muted);line-height:1.65;margin:0 0 18px;max-width:950px}.results-section>.map-section{border:0;padding:0;margin:18px 0 25px}.map-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 10px}.map-toolbar p{font-size:12px;color:var(--muted);margin:0}.map-toolbar button{font-size:12px;white-space:nowrap}#station-map{height:370px;width:100%;min-width:0;border:1px solid var(--line);border-radius:7px;background:var(--surface);z-index:0;font-family:inherit}.map-attribution{font-size:10px}.map-section .leaflet-container{font-family:inherit}.price-marker{background:none;border:0}.price-pin{display:flex;align-items:center;justify-content:center;min-width:82px;height:32px;padding:4px 8px;border:1px solid #85858a;border-radius:6px;background:#fff;color:var(--ink);font-size:13px;font-weight:650;white-space:nowrap;box-shadow:0 1px 5px #0000001c;font-variant-numeric:tabular-nums}.lowest-price .price-pin{border-color:var(--ink);background:var(--ink);color:#fff}.price-marker.is-selected .price-pin{background:var(--blue);border-color:var(--blue);color:#fff}.station-row{transition:background-color .12s;cursor:pointer}.station-row.is-selected{background:#f1f6fd;box-shadow:-8px 0 #f1f6fd,8px 0 #f1f6fd}.station-row:focus-visible{outline:2px solid #94bff6;outline-offset:3px}.station-best{display:block;font-size:10px;color:var(--green);margin:1px 0 6px}.station-popup h3{font-size:15px;line-height:1.35;font-weight:600;margin:0 0 7px}.station-popup p{font-size:12px;margin:0 0 9px;color:var(--muted)}.station-popup .popup-price{font-size:14px;font-weight:550;color:var(--ink)}.station-popup .popup-date{font-size:11px}.popup-actions{display:flex;flex-direction:column;align-items:flex-start;gap:10px;margin-top:14px}.popup-actions button,.popup-actions a{font-size:12px}.leaflet-popup-content{min-width:200px}.leaflet-control-attribution{font-size:9px!important}.leaflet-bar a{color:var(--ink)}@media(max-width:700px){#station-map{height:330px}.map-toolbar{align-items:flex-start}.price-summary{font-size:12px}.map-toolbar p{font-size:11px}.station-row.is-selected{box-shadow:-5px 0 #f1f6fd,5px 0 #f1f6fd}}@media(prefers-reduced-motion:reduce){.station-row{transition:none}}
.initial-prices{padding:28px 0;border-top:1px solid var(--line);min-width:0}.initial-prices .price-table-wrap{width:100%;max-width:100%;min-width:0;overflow-x:auto;-webkit-overflow-scrolling:touch}.initial-prices table{width:100%;min-width:560px;border-collapse:collapse;font-size:14px}.initial-prices th,.initial-prices td{padding:12px 10px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums}.initial-prices th{font-size:12px;font-weight:550;color:var(--muted)}.initial-prices th:first-child,.initial-prices td:first-child{padding-left:0}.initial-prices small{display:block;font-size:12px;color:var(--muted);margin-top:4px}@media(max-width:700px){.initial-prices{padding:24px 0}.initial-prices table{font-size:13px}.initial-prices th,.initial-prices td{padding:10px 8px}}

.page-breadcrumbs{font-size:12px;gap:7px;flex-wrap:wrap;margin-top:22px;color:var(--muted)}.page-breadcrumbs+ .hero{padding-top:36px}.hero>.calculator-section{margin-top:0;padding-top:10px;border-top:0}.hero>.calculator-section h2{font-size:22px}

#station-map .leaflet-tile{border:0!important;outline:0!important;padding:0!important;box-shadow:none!important;max-width:none!important}

.place-picker{position:relative}.places-list{position:absolute;z-index:20;top:calc(100% + 5px);left:0;right:0;max-height:260px;overflow-y:auto;list-style:none;margin:0;padding:5px;background:#fff;border:1px solid var(--line);border-radius:7px;box-shadow:0 5px 16px #00000012}.place-option{padding:11px 10px;border-radius:3px;font-size:14px;line-height:1.4;cursor:pointer;overflow-wrap:anywhere}.place-option[aria-selected=true]{background:var(--surface);color:var(--ink)}#places-status:empty{display:none}.search-location{font-size:14px;color:var(--ink);margin:18px 0 0;overflow-wrap:anywhere}.search-location+.status{margin-top:8px}.site-header>nav>a:last-child{display:inline}
.search-filters{margin-top:20px;gap:16px 24px}.station-recommendation{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px 0;margin:20px 0 26px}.recommendation-label{font-size:13px;font-weight:550;color:var(--green);margin:0 0 14px}.recommendation-details{display:grid;grid-template-columns:minmax(0,2fr) minmax(140px,1fr) minmax(180px,1fr);gap:18px;align-items:start}.recommendation-info h3{font-size:20px;line-height:1.3;letter-spacing:-.35px;margin:0 0 7px;overflow-wrap:anywhere}.recommendation-distance{font-size:12px;color:var(--green);margin:6px 0 0}.recommendation-amount{display:flex;flex-direction:column;gap:4px}.recommendation-amount strong{font-size:23px;font-weight:600;letter-spacing:-.4px;font-variant-numeric:tabular-nums}.recommendation-amount span{font-size:12px;color:var(--muted)}.recommendation-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:20px}.recommendation-actions a{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.recommendation-actions .primary-button:hover{background:#0055bf}.recommendation-actions .text-button{min-height:44px}
.hero:has(+.map-workspace:not([hidden])){padding-top:36px;padding-bottom:22px}.map-workspace{display:grid;grid-template-columns:minmax(0,1fr);gap:28px;align-items:start;padding:5px 0 18px;min-width:0}.map-workspace:has(>.station-recommendation:not([hidden])){grid-template-columns:minmax(0,1.8fr) minmax(290px,1fr)}.map-workspace>.map-section{padding:0;margin:0;border:0;min-width:0}.map-workspace>.station-recommendation{padding:20px 0;margin:0;min-width:0}.map-workspace .recommendation-details{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px 14px}.map-workspace .recommendation-info{grid-column:1/-1}.map-workspace .recommendation-amount strong{font-size:21px}.map-toolbar h2{font-size:20px;margin-bottom:5px}.map-toolbar>div{min-width:0}.map-toolbar>button{flex-shrink:0}.map-toolbar>button:disabled{cursor:default;color:var(--muted);opacity:.65}.map-canvas{position:relative;min-width:0}.map-workspace #station-map{height:410px}.map-center-target{position:absolute;left:50%;top:50%;width:22px;height:22px;transform:translate(-50%,-50%);pointer-events:none;z-index:450;filter:drop-shadow(0 0 2px #fff)}.map-center-target::before,.map-center-target::after{content:"";position:absolute;background:var(--ink);box-shadow:0 0 0 1px #fff}.map-center-target::before{width:2px;height:22px;left:10px;top:0}.map-center-target::after{width:22px;height:2px;left:0;top:10px}.map-search-actions{display:flex;gap:15px 20px;align-items:center;flex-wrap:wrap;margin-top:14px}.map-search-actions p{font-size:12px;color:var(--muted);margin:0;max-width:390px}.map-search-actions .primary-button{font-size:13px;min-height:42px}
@media(max-width:900px){.map-workspace:has(>.station-recommendation:not([hidden])){grid-template-columns:minmax(0,1fr)}.map-workspace>.station-recommendation{margin-top:0}.map-workspace .recommendation-details{grid-template-columns:minmax(0,2fr) minmax(130px,1fr) minmax(160px,1fr)}.map-workspace .recommendation-info{grid-column:auto}}
@media(max-width:700px){.hero:has(+.map-workspace:not([hidden])){padding-top:28px;padding-bottom:18px}.map-workspace{gap:20px}.map-workspace #station-map{height:340px}.map-toolbar{gap:12px}.map-toolbar h2{font-size:19px}.map-toolbar>button{white-space:normal;max-width:105px;text-align:right}.map-search-actions .primary-button{width:100%}.map-search-actions{gap:10px}.map-workspace .recommendation-details{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.map-workspace .recommendation-info{grid-column:1/-1}}
.search-shortcuts{display:flex;flex-wrap:wrap;gap:12px 28px;font-size:14px;padding:13px 0 24px;border-bottom:1px solid var(--line);margin-bottom:7px}.location-dialog{width:min(480px,calc(100% - 32px));max-height:calc(100% - 40px);overflow:auto;border:1px solid var(--line);border-radius:12px;padding:28px;color:var(--ink);background:#fff;box-shadow:0 18px 70px #00000026}.location-dialog::backdrop{background:#0006}.location-dialog-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:14px}.location-dialog-heading h2{font-size:25px;line-height:1.2;margin:0;max-width:300px}.location-dialog-heading button{min-height:30px;flex-shrink:0}.location-dialog>p{font-size:14px;color:var(--muted);margin:0 0 22px}.location-dialog .location-field{width:100%}.location-dialog .location-button{font-size:14px;margin-top:16px;min-height:30px}.location-dialog .places-list{position:static;margin-top:7px;max-height:210px;box-shadow:none}.location-dialog #dialog-location-slot>.primary-button{margin-top:15px}.location-dialog>#dialog-location-submit{width:100%;margin-top:22px}.location-dialog>#location-dialog-status{font-size:13px;margin:15px 0 0;min-height:0}.location-dialog>#location-dialog-status:empty{display:none}.location-dialog #places-status{font-size:13px}.location-dialog .status.error{color:var(--red)}@media(max-width:700px){.search-shortcuts{gap:12px 22px;font-size:13px}.location-dialog{padding:23px}.location-dialog-heading h2{font-size:24px}}
.route-panel{grid-column:1/-1;border-top:1px solid var(--line);padding-top:22px;min-width:0}.route-panel h3,.location-help h3{font-size:19px;line-height:1.3;margin:0}.route-summary{font-size:21px;font-weight:550;margin:14px 0}.route-actions{display:flex;flex-wrap:wrap;gap:14px 24px;font-size:13px;margin:18px 0}.route-directions{padding-left:23px;max-width:850px;max-height:320px;overflow:auto;margin-bottom:0}.route-directions li{font-size:14px;padding:8px 10px;border-bottom:1px solid var(--line)}.route-directions small{display:block;color:var(--muted);font-size:12px;margin-top:4px}.location-help{border:1px solid var(--line);border-radius:7px;padding:18px;margin-top:18px;max-width:720px;background:var(--surface)}.location-help .section-heading{gap:15px}.location-help h3{font-size:16px}.location-help p,.location-help li{font-size:13px}.location-help p{margin:12px 0 8px}.location-help ol{padding-left:20px;margin:10px 0 15px}.location-help li+li{margin-top:7px}.location-help .text-button{font-size:13px}
@media(max-width:700px){.search-filters{gap:15px 22px}.recommendation-details{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px 14px}.recommendation-info{grid-column:1/-1}.recommendation-info h3{font-size:19px}.recommendation-amount strong{font-size:21px}.recommendation-label{font-size:12px}.recommendation-actions{gap:18px}}
@media(max-width:1000px){.site-header{height:auto;min-height:86px;padding:18px 0;flex-wrap:wrap;gap:14px}.site-header>nav{width:100%;flex-wrap:wrap;gap:12px 22px;font-size:13px}.site-header .nav-tools{margin-left:auto}}
@media(max-width:700px){.site-header{min-height:74px;padding:16px 0}.site-header>nav{font-size:12px;gap:10px 18px}.search-location{font-size:13px}.place-option{font-size:13px;padding:12px 10px}}

@media(min-width:900px){.map-workspace.has-results{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(280px,1fr);gap:28px;align-items:start}.map-workspace.has-results>#map-section{min-width:0}.map-workspace.has-results>.station-recommendation{min-width:0}}
.station-map .leaflet-tile{border:0!important;border-radius:0!important;box-shadow:none!important;outline:0!important;max-width:none!important;max-height:none!important;margin:0!important;padding:0!important}.station-map .leaflet-container{background:#e6ebea}

/* A comparison should first show where both journeys begin and end. */
#compare-result .comparison-origin{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:baseline;margin:0 0 24px;font-size:17px;line-height:1.5}
#compare-result .comparison-origin>span{color:var(--muted);font-size:15px}
#compare-result .comparison-origin strong{font-weight:650;overflow-wrap:anywhere}
#compare-result .comparison-destinations{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 32px;margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid var(--line)}
#compare-result .comparison-station{min-width:0}
#compare-result .comparison-station-label{font-size:14px;color:var(--muted);line-height:1.4;margin:0 0 7px}
#compare-result .comparison-station.is-selected .comparison-station-label{color:var(--blue);font-weight:600}
#compare-result .comparison-station-name{font-size:21px;line-height:1.35;font-weight:650;letter-spacing:-.25px;margin:0 0 7px;overflow-wrap:anywhere}
#compare-result .comparison-station-address{font-size:17px;line-height:1.55;margin:0;color:var(--ink);overflow-wrap:anywhere}
#compare-result .comparison-station-address span{display:block}
#compare-result .comparison-price-time{font-size:14px;line-height:1.5;color:var(--muted);margin:12px 0 0}
#compare-result .comparison-method{font-size:14px;line-height:1.65}
#compare-result .comparison-metrics dt{font-size:14px;line-height:1.5}
#compare-result .comparison-metrics dd{font-size:19px;line-height:1.4}
@media(max-width:680px){
  #compare-result .comparison-origin{display:block;margin-bottom:20px}
  #compare-result .comparison-origin>span{display:block;margin-bottom:4px}
  #compare-result .comparison-origin strong{display:block;font-size:19px;line-height:1.45}
  #compare-result .comparison-destinations{grid-template-columns:minmax(0,1fr);gap:20px}
  #compare-result .comparison-station-name{font-size:21px}
  #compare-result .comparison-station-address{font-size:17px}
  .site-header .nav-tools{position:relative;margin-left:0;flex-basis:auto}
  .site-header .nav-tools .nav-menu{left:auto;right:0;min-width:190px;width:max-content;max-width:calc(100vw - 40px);box-sizing:border-box;overflow-x:hidden}
  .site-header .nav-tools .nav-menu a{white-space:normal;overflow-wrap:anywhere}
}

/* Keep the map in the same column while prices or nearby stations refresh. */
#map-workspace>.local-price-insight{grid-column:1/-1;min-width:0;order:4}
#map-workspace>#map-section{grid-column:1;grid-row:auto;order:1}
#map-workspace>#station-recommendation{order:2}
#map-workspace>#route-panel{order:3}
@media(min-width:901px){
  #map-workspace.has-results{grid-template-columns:minmax(0,1.8fr) minmax(280px,1fr)}
  #map-workspace.has-results>#station-recommendation{grid-column:2}
}
.mobile-menu-link{display:none!important}
.price-cluster .price-pin{width:104px;height:48px;min-width:104px;display:flex;flex-direction:column;gap:1px;border-radius:8px;border:2px solid #64748b;line-height:1.25}
.price-cluster .price-pin small{font-size:10px;font-weight:500;color:var(--muted)}
.price-cluster.is-selected .price-pin small{color:#fff}
.cluster-stations{display:flex;flex-direction:column;gap:3px;max-height:250px;overflow:auto}
.cluster-stations button{padding:9px 0;line-height:1.4;text-align:left}
@media(max-width:700px){
  body .site-header{height:auto;min-height:0;padding:12px 0 8px;gap:5px;flex-wrap:wrap}
  body .site-header .wordmark{font-size:19px;line-height:1.35}
  body .site-header .wordmark span{display:inline;font-size:inherit;letter-spacing:inherit;margin:0 0 0 5px}
  body .site-header>nav{width:100%;font-size:14.5px;line-height:1.35;display:flex;flex-wrap:nowrap;justify-content:space-between;gap:8px;min-height:44px}
  body .site-header>nav>.nav-fuel{display:none}
  body .site-header>nav>a,body .site-header .nav-tools>summary{display:inline-flex;align-items:center;font-size:14.5px;min-height:44px;padding:6px 0;white-space:nowrap}
  body .site-header .nav-tools{flex-basis:auto;margin-left:0}
  body .site-header .nav-tools .nav-menu{top:44px;left:auto;right:0;min-width:210px;max-width:calc(100vw - 36px);z-index:900}
  body .site-header .mobile-menu-link{display:block!important}
  #map-workspace>#station-recommendation{grid-column:1}
  .recommendation-actions{gap:12px 20px}
  .recommendation-actions .text-button,.popup-actions .text-button{min-height:38px}
}

/* Station types retain the existing quiet search controls. */
.station-type-filters{flex-basis:100%;min-width:0}
.station-type-filters>summary{width:fit-content;font-size:14px;min-height:38px;display:list-item;cursor:pointer;padding:8px 0}
.station-type-options{display:flex;align-items:center;flex-wrap:wrap;gap:14px 24px;padding:8px 0}
.station-type-options .inline-field select{width:135px;min-height:44px}
.station-type-options .check-label,.station-type-options .text-button{min-height:44px}
.station-type-filters .field-note{max-width:72ch;margin-top:4px}
.station-type-label{font-size:12px;line-height:1.5;color:var(--muted);margin:5px 0}
@media(max-width:600px){.station-type-options{align-items:flex-start;flex-direction:column;gap:5px}.station-type-options .inline-field{flex-wrap:wrap}.station-type-filters>summary{min-height:44px}.station-type-filters .field-note{font-size:13px}}

@media(max-width:600px){.station-type-options select{font-size:16px}.station-type-options .check-label,.station-type-options .inline-field{font-size:14px}}

.station-type-options #card-filter{width:135px}

/* Native permission controls keep their browser-owned recovery flow. */
geolocation.native-location{font-size:15px;color:#fff;background-color:#0865d6;border:1px solid #0865d6;border-radius:7px;margin-top:9px;min-height:44px;max-width:100%}
.location-help{background:#fff;padding:16px 0;border:0;border-top:1px solid var(--line);border-radius:0}
.location-help #location-help-note{font-size:14px;line-height:1.5;margin:12px 0 16px}
.location-help-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px 20px}
.location-help-actions geolocation.native-location{margin-top:0}
.location-help-actions .text-button{font-size:14px;min-height:44px}
#location-device-help{font-size:13px;margin-top:14px;color:var(--muted)}
#location-device-help p{font-size:13px;line-height:1.5;margin:8px 0 0}


/* Keep the map close to the main search. */
.search-fields {
  grid-template-columns: minmax(0, 1fr) minmax(120px, 150px) auto;
  gap: 10px;
  align-items: end;
}
.search-fields>.primary-button { grid-column: auto; width: auto; margin: 0; min-height: 44px; }
.search-fields :is(input, select) { min-height: 44px; }
.search-form>.location-button,
.search-form>geolocation.native-location { margin: 4px 0 0; min-height: 44px; font-size: 14px; }
.search-form>geolocation.native-location { padding: 0 4px; background-color: transparent; border-color: transparent; color: var(--blue); }
.map-toolbar>button:disabled { display: none; }
.map-search-actions { margin-top: 6px; }
.map-search-actions>#map-search-button { min-height: 44px; }
.map-section>.station-type-filters { border-top: 1px solid var(--line); }
.map-section .search-filters { margin: 6px 0; }
.map-section .search-filters :is(.inline-field, .check-label) { min-height: 44px; }
.search-filters #liters { width: 82px; min-height: 44px; }

.home-finder #vergleich { padding: 24px 0 6px; }
.home-finder #page-title { font-size: clamp(26px, 4vw, 36px); letter-spacing: -.035em; margin-bottom: 14px; hyphens: none; text-wrap: balance; }
.home-finder .search-form { border: 0; padding: 0; }
.home-finder #search-status { margin-top: 6px; }
.home-finder #search-status:empty { display: none; }
.home-finder .map-toolbar { align-items: end; margin-bottom: 8px; }
.home-finder .map-workspace:not(.has-results) #map-caption { display: none; }
.home-finder .map-toolbar h2 { margin-bottom: 0; }
.home-finder .map-workspace.has-results #map-caption { margin-top: 4px; }

@media (min-width: 780px) {
  body.home-finder .site-header { flex-flow: row nowrap; align-items: center; padding-block: 12px; }
  body.home-finder .site-header>nav { width: auto; }
}
.home-finder .map-workspace #station-map { height: clamp(300px, calc(100svh - 325px), 540px); }

@media (max-width: 550px) {
  .search-fields { grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr); }
  .search-fields>.location-field { grid-column: 1 / -1; }
  .search-fields :is(input, select), .search-filters #liters { font-size: 16px; }
  body.home-finder .site-header { padding-block: 8px 2px; }
  .home-finder #vergleich { padding-top: 14px; }
  .home-finder #page-title { font-size: clamp(22px, 6.2vw, 28px); margin-bottom: 10px; }
  .home-finder .map-workspace #station-map { height: clamp(300px, calc(100svh - 390px), 480px); }
}
@media (max-width: 360px) {
  .home-finder .search-fields label[for="fuel"] {
    position: absolute; clip-path: inset(50%); width: 1px; height: 1px; overflow: hidden;
  }
  .home-finder #page-title { letter-spacing: -.04em; }
}
@media (min-width: 551px) and (max-width: 950px) and (max-height: 450px) {
  body.home-finder .site-header { flex-flow: row nowrap; align-items: center; min-height: 52px; padding-block: 4px; gap: 18px; }
  body.home-finder .site-header>nav { width: auto; gap: 12px; }
  .home-finder main { display: grid; grid-template-columns: minmax(195px, 3fr) minmax(0, 4fr); column-gap: 16px; align-items: start; }
  .home-finder main>* { grid-column: 1 / -1; }
  .home-finder #vergleich { grid-column: 1; padding-top: 14px; }
  .home-finder #page-title { font-size: 23px; margin-bottom: 10px; }
  .home-finder #map-workspace { grid-column: 2; grid-template-columns: minmax(0, 1fr); padding-top: 14px; }
  .home-finder #map-workspace>#station-recommendation { grid-column: 1; }
  .home-finder .search-fields { grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr); }
  .home-finder .search-fields>.location-field { grid-column: 1 / -1; }
  .home-finder .map-workspace #station-map { height: max(220px, calc(100svh - 100px)); }
}