:root{color-scheme:dark;--bg:#07111f;--panel:#0d1b2e;--card:#10233a;--line:#29425d;--text:#eef6ff;--muted:#9fb1c5;--green:#46e6ad}*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--bg);color:var(--text);font:15px system-ui}header{height:72px;padding:10px 20px;background:#0b192a}h1{margin:0}main{display:grid;grid-template-columns:430px minmax(0,1fr);height:calc(100vh - 72px)}aside{overflow:auto;padding:15px;background:var(--panel)}form{display:grid;grid-template-columns:1fr 1fr;gap:10px}.postcode,#locate{grid-column:1/-1}.postcode{display:grid;grid-template-columns:1fr auto;gap:8px}input,select,button{padding:11px;border:1px solid var(--line);border-radius:10px;background:#091726;color:var(--text)}button{cursor:pointer;background:var(--green);color:#052016;font-weight:700}#locate{background:#173b45;color:#aef5de}.check{color:var(--muted)}.station{width:100%;margin-top:10px;display:flex;justify-content:space-between;gap:12px;text-align:left;background:var(--card);color:var(--text)}.station small{display:block;color:var(--muted)}.badge{display:inline-block;padding:2px 8px;margin:5px 4px 0 0;border-radius:999px;font-size:11px}.e10{background:#1c7ed6}.e5{background:#2b8a3e}.diesel{background:#e67700}.selected{text-align:right;min-width:90px}.selected b{display:block;color:var(--green);font-size:28px}.selected small{display:block}.fuel-table{width:100%}.fuel-table td:last-child{text-align:right;font-weight:bold}#map{height:100%;min-height:450px;background:#132238}.maplibregl-map{z-index:1}.maplibregl-popup-content{color:#10233a}.maplibregl-popup-close-button{padding:3px 8px;background:transparent;color:#10233a}.maplibregl-ctrl button{border-radius:0;padding:0}.maplibregl-ctrl-attrib{color:#333}@media(max-width:900px){main{display:block;height:auto}aside{height:50vh}#map{height:50vh}}

.map-panel{position:relative;min-width:0;height:100%}#map-message{position:absolute;z-index:2;top:8px;left:8px;right:52px;margin:0;padding:10px 12px;border-radius:8px;background:#0d1b2e;color:#eef6ff;overflow-wrap:anywhere;box-shadow:0 2px 8px #0006}#map-message[hidden]{display:none}@media(max-width:900px){.map-panel{height:50vh}}

body{display:flex;flex-direction:column}header{height:auto;flex-shrink:0;padding:12px 20px}main{flex:1;min-height:0;height:auto}.header-details{display:flex;align-items:center;gap:14px;margin-top:8px;flex-wrap:wrap}.donate-button{display:inline-flex;align-items:center;justify-content:center;background:#ffc439;color:#173b6b;border-radius:999px;padding:9px 18px;font-weight:750;text-decoration:none;white-space:nowrap}.donate-button:hover{background:#ffd15c}.donate-button:focus-visible{outline:3px solid #fff;outline-offset:3px}.donate-button[aria-disabled="true"]{opacity:.6;cursor:default}@media(max-width:900px){body{display:block}h1{font-size:clamp(20px,5vw,30px)}main{height:auto}}