*{box-sizing:border-box}body{margin:0;background:#f7f8f5;color:#1c3028;font-family:Arial,Helvetica,sans-serif;font-size:16px}header{height:44px;display:flex;align-items:center;gap:30px;padding:0 36px;border-bottom:1px solid #dfe5de;background:white}.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:29px;letter-spacing:-1.2px;color:inherit;text-decoration:none}.logo{background:#d8fa57;border-radius:12px;width:41px;height:42px;text-align:center;font-size:34px;line-height:42px}.brand-dot{color:#76963c}.header-copy{font-size:14px;color:#64746c;margin-left:auto}.demo{font-size:12px;letter-spacing:1px;border:1px solid #d9dfd5;padding:9px 13px;border-radius:6px}main{display:grid;grid-template-columns:410px 1fr;height:calc(100dvh - 44px);min-height:640px}aside{padding:32px 26px 20px;overflow-y:auto;background:#fff;z-index:2}.eyebrow{font-size:12px;font-weight:700;letter-spacing:1.8px;color:#647652}h1{font-size:42px;letter-spacing:-1.8px;line-height:1.07;margin:14px 0}p{color:#66736c;line-height:1.5}.intro p{margin:0 0 28px;font-size:15px}.search-label,legend{font-size:14px;font-weight:600;display:block;margin-bottom:9px}input[type=search]{width:100%;font-size:15px;padding:14px 16px;border:1px solid #dce2db;border-radius:9px;background:#f8faf6;color:#21372d}fieldset{border:0;margin:23px 0;padding:0}.fuel-options{display:flex;gap:5px;background:#f0f3ed;padding:5px;border-radius:10px}.fuel-options label{flex:1;position:relative;text-align:center;cursor:pointer}.fuel-options input{position:absolute;opacity:0}.fuel-options span{display:block;padding:10px 8px;font-size:14px;border-radius:7px}.fuel-options input:checked+span{background:#203c2e;color:#fff;box-shadow:0 2px 5px #18352122}.fuel-options input:focus-visible+span{outline:3px solid #658f08}.price-filter label{display:flex;justify-content:space-between;font-size:14px}.price-filter strong{font-size:14px}input[type=range]{width:100%;accent-color:#3b6039;margin:15px 0 23px}.results-heading{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #e7ebe4;padding-top:19px}.results-heading h2{font-size:16px;margin:0}.results-heading span{font-size:12px;color:#657266}#status{font-size:14px}.station-list{display:grid;gap:10px}.station{width:100%;text-align:left;border:1px solid #e1e7dc;background:white;padding:16px;border-radius:11px;cursor:pointer;color:inherit;display:grid;grid-template-columns:1fr auto;gap:7px}.station:hover,.station.selected{border-color:#749652;background:#f7faef}.station.best{background:#f4f9e9;border-color:#d8e9ba}.station strong{font-size:15px}.station .address{font-size:13px;color:#6c796f}.station .price{font-size:24px;font-weight:700;letter-spacing:-.7px;grid-column:2;grid-row:1/3}.station .price small{font-size:12px;color:#73806d;font-weight:400;display:block;text-align:right;letter-spacing:0}.best-tag{font-size:11px;letter-spacing:.6px;font-weight:700;color:#4e7024;grid-column:1/-1}.disclosure{margin-top:24px;padding-top:18px;border-top:1px solid #e3e7df;font-size:13px}.disclosure p{margin:5px 0}.map-wrap{position:relative;min-width:0;background:#e8eee5}#map{height:100%;width:100%;z-index:0}.map-top{position:absolute;top:24px;left:24px;right:24px;display:flex;justify-content:space-between;gap:12px;pointer-events:none}.area,#reset{background:#fff;border-radius:9px;box-shadow:0 3px 15px #243e2420;padding:14px 18px;font-size:14px;pointer-events:auto}.area{font-weight:700}.area small{display:block;font-size:12px;font-weight:400;color:#647266;margin-top:4px}button{font:inherit}#reset{border:1px solid #d8dfd2;cursor:pointer;align-self:flex-start;color:#29442e}.map-bottom{position:absolute;bottom:30px;left:24px;right:64px;background:#fff;padding:13px 16px;border-radius:8px;display:flex;align-items:center;gap:9px;font-size:12px;box-shadow:0 3px 15px #243e2415}.legend-dot{width:10px;height:10px;border-radius:50%;background:#4f731f}.map-note{margin-left:auto;color:#6d776e}.price-marker{background:white;border:2px solid #29472f;border-radius:18px;color:#263c2a;text-align:center;font:bold 14px Arial;line-height:30px;box-shadow:0 3px 8px #1b322d33}.price-marker.lowest{background:#d8fa57;border-color:#405f20}.leaflet-popup-content{font:14px/1.5 Arial}.leaflet-popup-content strong{font-size:17px}.leaflet-popup-content a{color:#325819}.leaflet-control-zoom{margin-bottom:90px!important}a:focus-visible,button:focus-visible{outline:3px solid #6d951b;outline-offset:3px}@media(min-width:1500px){main{grid-template-columns:440px 1fr}aside{padding:36px}}@media(max-width:760px){header{height:36px;padding:0 18px;gap:10px}.header-copy{display:none}.demo{margin-left:auto;font-size:10px}main{height:auto;min-height:0;display:flex;flex-direction:column}.map-wrap{height:48dvh;min-height:330px;order:-1}aside{overflow:visible;padding:25px 20px}h1{font-size:34px}.intro{margin-bottom:20px}.intro p{margin-bottom:18px}.map-top{top:12px;left:12px;right:12px}.area,#reset{padding:10px 12px}.map-bottom{left:12px;right:12px;bottom:25px}.map-note{display:none}}

.station-name{display:flex;align-items:center;gap:9px;min-width:0}.pump-logo{display:block;width:30px;height:30px;flex-shrink:0;background:#eaf0dc;border-radius:7px;padding:4px}.station .address{grid-column:1}.update-details{grid-column:1/-1;display:grid;gap:4px;border-top:1px solid #dfe6d6;padding-top:10px;margin-top:4px;font-size:12px;line-height:1.4;color:#5e6d60}.update-details>span:first-child{font-weight:600}.pin-content{display:flex;align-items:center;justify-content:center;gap:4px;height:100%;position:relative}.pin-content .pump-logo{width:22px;height:22px;padding:2px;background:transparent}.best-tag{color:#6b5311}.station-name strong{overflow-wrap:anywhere}

.brand-icon{position:relative;display:inline-block;width:64px;height:64px;flex:0 0 64px;background:#fff;border:1px solid #d8dfd2;border-radius:10px;overflow:hidden;box-shadow:0 2px 6px #243e2420}
.brand-logo{position:absolute;inset:0;width:64px;height:64px;object-fit:contain;padding:5px 7px 19px;background:white}
.brand-fallback{display:flex;align-items:center;justify-content:center;height:46px;font-size:18px;font-weight:800;color:#203c2e}.brand-fallback[hidden]{display:none}
.age-badge{position:absolute;bottom:0;left:0;right:0;display:block;height:19px;line-height:19px;background:#203c2e;color:white;font-size:12px;font-weight:700;text-align:center;letter-spacing:.2px}
.brand-marker{background:transparent;border:0}.brand-marker .pin-content{display:flex;flex-direction:column;gap:3px;height:auto}.pin-price{display:block;background:#fff;border:1px solid #29472f;border-radius:8px;line-height:21px;min-width:76px;text-align:center;font-size:14px;font-weight:700;color:#203c2e;box-shadow:0 2px 6px #243e2420}.brand-marker.lowest .pin-price{background:#d8fa57}
.station-name{gap:10px}.station-name strong{font-size:14px}.station .price{align-self:center;font-size:22px}

#station-panel[hidden]{display:none}main.panel-closed{grid-template-columns:minmax(0,1fr)}.panel-button{border:1px solid #d8dfd2;border-radius:9px;padding:11px 14px;background:white;color:#29442e;cursor:pointer;font-size:14px}#close-panel{display:block;margin:0 0 18px auto}.map-top .panel-button{pointer-events:auto;align-self:flex-start;box-shadow:0 3px 15px #243e2420}.map-top .area{margin-right:auto}.map-top{flex-wrap:wrap}@media(max-width:760px){main.panel-closed .map-wrap{height:calc(100dvh - 36px)}.map-top{gap:8px}.map-top .panel-button{padding:10px 12px}.map-top .area{order:3;flex-basis:100%;max-width:160px}}

header .brand{font-size:23px;gap:7px}header .logo{width:29px;height:29px;line-height:29px;font-size:24px;border-radius:8px}header .demo{padding:5px 9px}@media(max-width:760px){header .brand{font-size:20px}header .logo{width:25px;height:25px;line-height:25px;font-size:21px}header .demo{padding:4px 6px}}

.account-menu{position:relative;margin-left:auto;font-size:13px;z-index:1000}.account-menu summary{cursor:pointer;white-space:nowrap;padding:6px 10px;border:1px solid #d8dfd2;border-radius:6px;list-style:none}.account-menu nav{position:absolute;right:0;top:calc(100% + 6px);min-width:170px;padding:6px;background:white;border:1px solid #d8dfd2;border-radius:8px;box-shadow:0 6px 20px #203c2e22}.account-menu nav button{display:block;width:100%;text-align:left;border:0;background:white;padding:10px;border-radius:5px;color:#203c2e;cursor:pointer}.account-menu nav button:hover{background:#f4f9e9}.account-menu nav button[hidden]{display:none}.form-dialog{width:min(440px,calc(100vw - 28px));max-height:90dvh;border:1px solid #d8dfd2;border-radius:14px;padding:24px;color:#203c2e;background:white;box-shadow:0 8px 40px #203c2e33}.form-dialog::backdrop{background:#14261fcc}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.dialog-heading h2{margin:0;font-size:22px}.dialog-close{border:0;background:transparent;font-size:26px;cursor:pointer;color:inherit}.form-dialog label{display:block;font-size:14px;font-weight:600;margin:14px 0}.form-dialog input,.form-dialog select{display:block;width:100%;margin-top:6px;padding:10px;border:1px solid #d8dfd2;border-radius:7px;font:inherit;color:inherit;background:#f8faf6}.form-dialog p{font-size:14px}.form-dialog button[type=submit]{background:#203c2e;color:white;border:0;border-radius:7px;padding:11px 16px;cursor:pointer}.form-actions{display:flex;gap:10px;flex-wrap:wrap}#resend-code{border:1px solid #d8dfd2;background:white;color:#203c2e;border-radius:7px;padding:10px;cursor:pointer}button:disabled{opacity:.55;cursor:wait}.form-dialog [role=status]:empty{display:none}@media(max-width:760px){header{gap:7px;padding:0 10px}header .brand{font-size:18px}header .demo{display:none}.account-menu summary{padding:4px 8px}}