:root{color-scheme:light;--ink:#142019;--muted:#5f6e64;--green:#12372a;--green-2:#1e6848;--lime:#dff36b;--cream:#f5f7f2;--card:#fff;--line:#dbe2da;--danger:#9d2b2b;--shadow:0 16px 45px rgba(18,55,42,.11);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);line-height:1.45;overflow-x:hidden}button,input,select{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:var(--green-2);text-underline-offset:3px}.skip-link{position:fixed;left:1rem;top:-5rem;z-index:9999;background:#fff;color:#111;padding:.75rem 1rem;border-radius:.5rem}.skip-link:focus{top:1rem}.site-header{max-width:1440px;margin:auto;min-height:78px;padding:12px clamp(16px,4vw,56px);display:flex;align-items:center;justify-content:space-between;gap:24px}.brand-wrap{display:flex;align-items:center;gap:12px}.brand-wrap img{border-radius:14px}.brand-wrap h1{font-size:clamp(1rem,2vw,1.35rem);margin:0;line-height:1.1}.eyebrow{margin:0 0 3px;text-transform:uppercase;letter-spacing:.13em;font-size:.68rem;font-weight:800;color:var(--green-2)}nav{display:flex;gap:clamp(12px,2vw,28px);font-weight:700;font-size:.9rem}nav a{text-decoration:none;color:var(--ink)}main{width:min(1360px,calc(100% - 32px));margin:0 auto 64px}.hero{background:var(--green);color:#fff;border-radius:30px;padding:clamp(24px,5vw,64px);display:flex;justify-content:space-between;align-items:end;gap:30px;min-height:245px;box-shadow:var(--shadow);background-image:radial-gradient(circle at 84% 12%,rgba(223,243,107,.2),transparent 30%)}.hero .eyebrow{color:var(--lime)}.hero h2{font-size:clamp(2.1rem,5.5vw,4.8rem);line-height:.98;letter-spacing:-.045em;margin:0;max-width:720px}.hero p:not(.eyebrow){max-width:660px;color:#d9e6df;font-size:clamp(1rem,2vw,1.18rem);margin:18px 0 0}.freshness{background:rgba(255,255,255,.1);padding:12px 15px;border:1px solid rgba(255,255,255,.2);border-radius:999px;font-size:.84rem;white-space:nowrap}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--lime);margin-right:8px}.freshness.stale .status-dot{background:#f2bf4b}.finder-panel{background:var(--card);border:1px solid var(--line);border-radius:24px;margin:-22px clamp(10px,3vw,38px) 28px;position:relative;padding:clamp(18px,3vw,30px);box-shadow:var(--shadow)}label,legend{font-weight:750;font-size:.83rem}fieldset{border:0;padding:0;margin:0;min-width:0}.search-row{display:grid;grid-template-columns:minmax(150px,1fr) auto auto;gap:10px;margin-top:8px}.search-row input,select{height:48px;border:1px solid #bdc9bf;border-radius:12px;background:#fff;color:var(--ink);padding:0 13px;min-width:0}.search-row input:focus,select:focus{outline:3px solid rgba(30,104,72,.22);border-color:var(--green-2)}button{min-height:44px;border-radius:12px;border:0;font-weight:800;padding:0 17px}.primary{background:var(--lime);color:#10251b}.secondary{background:#e8eee9;color:var(--green)}.field-hint{margin:8px 0 0;color:var(--muted);font-size:.78rem}.filters{margin-top:23px;padding-top:20px;border-top:1px solid var(--line);display:grid;grid-template-columns:minmax(360px,1fr) 170px 170px auto;gap:14px;align-items:end}.filters label:not(.saved-control){display:grid;gap:7px}.segmented{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:7px;padding:4px;background:#edf1ed;border-radius:14px}.segmented button,.view-toggle button{background:transparent;color:var(--muted);padding:7px 10px;min-height:42px}.segmented button span{display:block;font-size:.63rem;font-weight:600}.segmented button[aria-pressed=true],.view-toggle button[aria-pressed=true]{background:#fff;color:var(--green);box-shadow:0 2px 10px rgba(20,32,25,.1)}.saved-control{height:48px;display:flex;gap:8px;align-items:center;padding:0 4px}.saved-control input{width:19px;height:19px;accent-color:var(--green)}.results-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin:28px 4px 15px}.results-head h2{font-size:clamp(1.55rem,3vw,2.4rem);letter-spacing:-.035em;margin:0}.results-head p:last-child{color:var(--muted);margin:5px 0 0}.view-toggle{background:#e7ece8;padding:4px;border-radius:14px;display:flex}.notice{border:1px solid #e5c678;background:#fff9e8;padding:13px 15px;border-radius:12px;margin-bottom:14px}.notice.error{border-color:#dca7a7;background:#fff1f1;color:#711}.hidden{display:none!important}.loading-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.loading-grid div{height:180px;border-radius:20px;background:linear-gradient(100deg,#e8ede9 20%,#f6f8f5 35%,#e8ede9 50%);background-size:300% 100%;animation:shimmer 1.4s infinite}@keyframes shimmer{to{background-position:-100% 0}}.results-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(350px,.85fr);gap:18px;align-items:start}.map-wrap{position:sticky;top:12px;background:#fff;border:1px solid var(--line);border-radius:22px;overflow:hidden}.map-wrap #map{height:min(72vh,720px);min-height:480px;background:#e2e9e2}.map-credit{font-size:.66rem;margin:0;padding:4px 10px;color:var(--muted);text-align:right}.station-list{display:grid;gap:10px}.station-card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:17px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;box-shadow:0 5px 16px rgba(18,55,42,.05);transition:transform .15s,border-color .15s}.station-card:hover{transform:translateY(-1px);border-color:#a9bcae}.station-card h3{font-size:1.03rem;margin:0;overflow-wrap:anywhere}.station-brand{color:var(--green-2);font-size:.76rem;text-transform:capitalize;font-weight:800;letter-spacing:.05em;margin:0 0 4px}.station-meta{color:var(--muted);font-size:.8rem;margin:7px 0 0}.price{font-size:1.55rem;line-height:1;font-weight:900;color:var(--green);white-space:nowrap;text-align:right}.price small{font-size:.68rem;display:block;color:var(--muted);font-weight:700;margin-top:7px}.card-actions{grid-column:1/-1;display:flex;gap:8px}.card-actions button{flex:1;background:#edf1ed;color:var(--green);min-height:40px}.card-actions .save{flex:0 0 44px;padding:0;font-size:1.2rem}.card-actions .save[aria-pressed=true]{background:#fff5c8;color:#6d5200}.empty{background:#fff;border:1px dashed #9bad9f;border-radius:18px;padding:40px 22px;text-align:center;color:var(--muted)}.load-more{display:block;margin:22px auto 0;background:var(--green);color:#fff}.leaflet-popup-content-wrapper{border-radius:14px}.map-price-marker{background:var(--green);border:2px solid #fff;border-radius:999px;color:#fff;font-weight:900;padding:4px 7px;box-shadow:0 2px 7px #0004;white-space:nowrap}.map-price-marker.stale{background:#6b736d}dialog{border:0;border-radius:24px;padding:0;width:min(680px,calc(100% - 24px));max-height:min(88vh,900px);box-shadow:0 30px 100px #10251b55;background:#fff;color:var(--ink)}dialog::backdrop{background:rgba(13,29,21,.58);backdrop-filter:blur(3px)}#dialog-content{padding:clamp(22px,5vw,38px);overflow:auto;max-height:88vh}.dialog-close{position:absolute;right:12px;top:12px;width:42px;padding:0;font-size:1.65rem;background:#eef2ee}.dialog-hero{padding-right:45px}.dialog-hero h2{font-size:clamp(1.5rem,5vw,2.5rem);line-height:1.05;margin:4px 0 8px}.dialog-address{color:var(--muted)}.price-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:22px 0}.price-tile{background:#f1f4f0;border-radius:14px;padding:13px 9px;text-align:center}.price-tile strong{display:block;font-size:1.2rem;margin-top:4px}.price-tile span{font-size:.7rem;color:var(--muted)}.detail-section{border-top:1px solid var(--line);padding-top:18px;margin-top:18px}.detail-section h3{margin:0 0 10px}.detail-actions{display:flex;flex-wrap:wrap;gap:8px}.detail-actions a,.detail-actions button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 15px;border-radius:12px;background:var(--green);color:#fff;text-decoration:none;font-weight:800}.history-controls{display:flex;gap:6px;overflow:auto;padding-bottom:5px}.history-controls button{min-height:36px;padding:0 12px;white-space:nowrap;background:#edf1ed}.history-controls button[aria-pressed=true]{background:var(--green);color:#fff}.chart-wrap{height:230px;margin-top:12px;background:#f6f8f5;border-radius:14px;padding:10px}.chart-wrap svg{display:block;width:100%;height:100%;overflow:visible}.chart-label{font-size:10px;fill:#667268}.chart-line{fill:none;stroke:var(--green-2);stroke-width:3;vector-effect:non-scaling-stroke}.chart-area{fill:rgba(30,104,72,.12)}.history-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:10px}.history-stats span{background:#edf1ed;border-radius:10px;padding:8px;text-align:center;font-size:.68rem}.history-stats strong{display:block;font-size:.9rem}.offline-banner{background:#fff0cf;border-color:#dfbd72}footer{border-top:1px solid var(--line);padding:25px max(16px,calc((100% - 1360px)/2));display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:.8rem}footer p{margin:0}footer div{display:flex;gap:18px}.link-button{padding:0;min-height:auto;background:transparent;color:var(--green-2);text-decoration:underline}.noscript{padding:20px;text-align:center;background:#fee}
@media(max-width:900px){.filters{grid-template-columns:1fr 1fr}.filters fieldset{grid-column:1/-1}.saved-control{justify-self:start}.results-layout{grid-template-columns:1fr}.map-wrap{position:relative;top:0}.map-wrap #map{height:52vh;min-height:360px}.station-list{grid-template-columns:repeat(2,minmax(0,1fr))}.results-layout.list-view .map-wrap{display:none}.results-layout.map-view .station-list{display:none}.results-layout.map-view{display:block}}
@media(min-width:901px){.view-toggle{display:none}}
@media(max-width:620px){main{width:min(100% - 20px,1360px)}.site-header{align-items:flex-start}.site-header nav a:nth-child(-n+2){display:none}.hero{border-radius:22px;min-height:230px;display:block;padding:26px 20px 48px}.freshness{display:inline-block;margin-top:24px;white-space:normal}.finder-panel{margin:-28px 7px 24px;padding:16px;border-radius:18px}.search-row{grid-template-columns:1fr 1fr}.search-row input{grid-column:1/-1}.search-row button{padding:0 8px}.filters{grid-template-columns:1fr}.filters fieldset{grid-column:auto}.segmented button{padding:6px 2px}.filters label{min-width:0}.results-head{align-items:center}.station-list{grid-template-columns:1fr}.map-wrap #map{height:52vh;min-height:330px}.price-grid{grid-template-columns:repeat(2,1fr)}.history-stats{grid-template-columns:repeat(2,1fr)}footer{display:block}footer div{margin-top:12px}}
@media(max-width:340px){.site-header{padding-inline:10px}.brand-wrap img{width:40px;height:40px}.hero h2{font-size:1.95rem}.segmented button span{display:none}.results-head{display:block}.view-toggle{margin-top:12px;width:max-content}.card-actions{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
@media(prefers-color-scheme:dark){:root{color-scheme:dark;--ink:#edf4ef;--muted:#aab7ae;--cream:#101712;--card:#17221b;--line:#34433a;--green:#9de0b6;--green-2:#8ad3a6;--lime:#dff36b;--shadow:0 16px 45px #0005}.hero{--green:#12372a}.finder-panel,.map-wrap,.station-card,dialog{background:var(--card)}.search-row input,select,.segmented button[aria-pressed=true],.view-toggle button[aria-pressed=true]{background:#202c24;color:var(--ink)}.segmented,.view-toggle,.secondary,.card-actions button,.price-tile,.detail-section .history-controls button,.history-stats span{background:#253229}.loading-grid div{background:#253229}.leaflet-layer,.leaflet-control-zoom-in,.leaflet-control-zoom-out,.leaflet-control-attribution{filter:brightness(.85) contrast(1.1)}.notice{color:#211800}.dialog-close{background:#2a392e;color:#fff}}

/* Fuel-specific accents remain deliberately limited to interactive and data-emphasis roles. */
:root{--accent:#17643f;--accent-button:#0d5b38;--accent-text:#0d5132;--accent-soft:#e4f2e9;--accent-focus:#17643f;--accent-area:rgba(23,100,63,.14);--accent-glow:rgba(81,190,128,.2);--on-accent:#fff}
html[data-fuel-theme="diesel"]{--accent:#245f91;--accent-button:#174c78;--accent-text:#123f65;--accent-soft:#e4eef7;--accent-focus:#245f91;--accent-area:rgba(36,95,145,.14);--accent-glow:rgba(89,156,210,.2)}
html[data-fuel-theme="premium_petrol"]{--accent:#7548a8;--accent-button:#62358f;--accent-text:#552b80;--accent-soft:#f0e8f8;--accent-focus:#7548a8;--accent-area:rgba(117,72,168,.14);--accent-glow:rgba(164,117,214,.2)}
html[data-fuel-theme="premium_diesel"]{--accent:#a95409;--accent-button:#8a4305;--accent-text:#7b3900;--accent-soft:#fff0dc;--accent-focus:#a95409;--accent-area:rgba(169,84,9,.14);--accent-glow:rgba(230,143,62,.2)}
.hero{background-color:#20342d;background-image:radial-gradient(circle at 84% 12%,var(--accent-glow),transparent 32%)}
a,.eyebrow,.station-brand,.link-button{color:var(--accent-text)}
.primary,.load-more,.detail-actions a,.detail-actions button,.history-controls button[aria-pressed=true]{background:var(--accent-button);color:var(--on-accent)}
.segmented button[aria-pressed=true]{background:var(--accent-button);color:var(--on-accent);box-shadow:0 2px 10px rgba(20,32,25,.16)}
.segmented .fuel-name{display:block;font-size:.76rem;font-weight:850;line-height:1.12}
.segmented .fuel-code{display:block;margin-top:3px;font-size:.59rem;font-weight:650;line-height:1;opacity:1;letter-spacing:.04em}.segmented button:not([aria-pressed=true]){color:#425149}.segmented button[aria-pressed=true] .fuel-code{color:#fff}
.view-toggle button[aria-pressed=true]{color:var(--accent-text)}
.saved-control input{accent-color:var(--accent-button)}
.search-row input:focus-visible,select:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid var(--accent-focus);outline-offset:3px;border-color:var(--accent-focus)}
.status-dot{background:var(--accent)}
.loading-grid div{background:linear-gradient(100deg,#e8ede9 20%,var(--accent-soft) 35%,#e8ede9 50%);background-size:300% 100%}
.price{color:var(--accent-text)}
.price small{line-height:1.1}.price small strong{display:block;font-size:.73rem;font-weight:800}.price small span{display:block;margin-top:2px;font-size:.59rem;font-weight:600;opacity:.78;letter-spacing:.04em}
.card-actions button{color:var(--accent-text)}
.station-card:hover{border-color:var(--accent)}
.map-price-marker{background:var(--accent-button)}
.leaflet-popup-content .popup-price{color:var(--accent-text);font-size:1rem;font-weight:900}.leaflet-popup-content .popup-fuel-name{font-size:.84rem;font-weight:800}.leaflet-popup-content .popup-fuel-code{color:var(--muted);font-size:.68rem}.leaflet-popup-content button{margin-top:7px;background:var(--accent-button);color:var(--on-accent)}
.summary-fuel{display:inline-flex;align-items:baseline;gap:5px}.summary-fuel strong{color:var(--ink);font-size:.86rem}.summary-fuel small{color:var(--muted);font-size:.68rem;font-weight:650}
.price-tile{position:relative;border:2px solid transparent}.price-tile .tile-fuel-name{display:block;color:var(--ink);font-size:.76rem;font-weight:800;line-height:1.15}.price-tile .tile-fuel-code{display:block;margin-top:3px;color:var(--muted);font-size:.64rem;font-weight:600}.price-tile.selected-fuel{border-color:var(--accent)}.price-tile.selected-fuel strong{color:var(--accent-text)}
.history-fuel-label{display:flex;align-items:baseline;gap:7px;margin:-4px 0 10px}.history-fuel-label strong{font-size:.94rem}.history-fuel-label span{color:var(--muted);font-size:.7rem;font-weight:650}
.chart-line{stroke:var(--accent)}.chart-area{fill:var(--accent-area)}
@media(prefers-color-scheme:dark){html[data-fuel-theme="petrol"]{--accent-text:#82dca8;--accent-soft:#213c2d}html[data-fuel-theme="diesel"]{--accent-text:#91c9f3;--accent-soft:#20364a}html[data-fuel-theme="premium_petrol"]{--accent-text:#c9a8ed;--accent-soft:#39284a}html[data-fuel-theme="premium_diesel"]{--accent-text:#ffc276;--accent-soft:#493322}.loading-grid div{background:linear-gradient(100deg,#253229 20%,var(--accent-soft) 35%,#253229 50%);background-size:300% 100%}.price-tile .tile-fuel-name,.summary-fuel strong{color:var(--ink)}.segmented button:not([aria-pressed=true]){color:#c3cec6}}