:root{--accent:#287b78}:root[data-theme="dark"]{--accent:#6db9b3}.fuel-home-search form{position:relative}.fuel-home-search .cs-results{text-align:left}.fuel-home .lede{margin:1rem auto 0}.fuel-home .footer-disclaimer{display:none}#fuel-map{width:100%;height:100%}.fuel-card-text{padding:.8rem 1rem 1rem;margin:0}.fuel-filters{display:flex;align-items:end;flex-wrap:wrap;gap:.65rem}.fuel-filters label,.fuel-calculator label{display:flex;flex-direction:column;gap:.25rem;font-size:.8rem;color:var(--ink-soft)}.fuel-filters select,.fuel-calculator input{border:0;border-radius:10px;padding:.6rem .7rem;background:var(--surface);color:var(--ink);font:inherit;box-shadow:var(--neu-inset-xs)}.fuel-filters button{border:0;border-radius:999px;padding:.6rem 1rem;background:var(--accent);color:#fff;font:inherit;cursor:pointer}.fuel-calculator{display:flex;align-items:end;gap:1.5rem;flex-wrap:wrap;padding:1rem}.fuel-calculator input{width:7rem}.fuel-pagination{display:flex;justify-content:center;gap:1.5rem;margin:0 0 1rem}.fuel-index{list-style:none;margin:0;padding:1rem;display:flex;flex-wrap:wrap;gap:.5rem 1.2rem}.fuel-index small{color:var(--ink-soft)}.fuel-notice{padding:.7rem 1rem;border-radius:12px;box-shadow:var(--neu-inset-xs);color:var(--ink-soft)}.fac-name,.fac-meta{display:block}@media(max-height:750px){body.fuel-home{max-height:none;overflow:auto}body.fuel-home main{padding-top:4rem} }
.share-button{background:var(--accent);color:var(--bg)}
.share-button:hover{background:color-mix(in srgb,var(--accent) 85%,#000)}
.fuel-location-status{position:fixed;right:1rem;bottom:5rem;z-index:100;max-width:20rem;padding:.7rem 1rem;border-radius:12px;background:var(--surface);box-shadow:var(--neu-elev-sm);font-size:.85rem}.fuel-location-status[hidden]{display:none}
.fuel-filters .fuel-open-filter{flex-direction:row;align-items:center;gap:.4rem;min-height:2.5rem}.fuel-station-selector{display:flex;align-items:end;gap:.65rem;padding:.75rem 1rem}.fuel-station-selector label{display:flex;flex-direction:column;gap:.25rem;font-size:.8rem;color:var(--ink-soft)}.fuel-station-selector select{border:0;border-radius:10px;padding:.6rem .7rem;background:var(--surface);color:var(--ink);font:inherit;box-shadow:var(--neu-inset-xs)}.fuel-station-selector button{border:0;border-radius:999px;padding:.6rem 1rem;background:var(--accent);color:#fff;font:inherit;cursor:pointer}


.fuel-pump-icon{color:var(--accent);flex-shrink:0}
.fuel-filters label:has(>select),.fuel-station-selector label:has(>select){position:relative}
.fuel-filters select,.fuel-station-selector select{appearance:none;-webkit-appearance:none;min-height:2.7rem;padding:.65rem 2.35rem .65rem 1rem;border-radius:999px;box-shadow:var(--neu-elev-xs);cursor:pointer}
.fuel-filters label:has(>select)::after,.fuel-station-selector label:has(>select)::after{content:"";position:absolute;right:.9rem;bottom:.95rem;width:.85rem;height:.85rem;pointer-events:none;background:var(--ink-soft);mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") center/contain no-repeat}
.fuel-filters select:focus-visible,.fuel-station-selector select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.fuel-filters select option,.fuel-station-selector select option{color:var(--ink);background:var(--surface)}

#fuel-map .leaflet-tile-pane{filter:grayscale(1) invert(1)}
:root[data-theme="dark"] #fuel-map .leaflet-tile-pane{filter:grayscale(1)}
.fuel-summary{font-size:.88rem;color:var(--ink-soft);margin:-1rem 0 1rem}