/* Existing brand tokens: sky is action, green remains a price signal. */
[hidden]{display:none!important}
.station-explorer{margin-top:2rem;scroll-margin-top:1rem}
.station-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;padding:1rem;background:var(--panel,#F0F2F5);border:1px solid var(--line);border-radius:18px;margin:1rem 0}
.station-controls label,.city-finder label{display:flex;flex-direction:column;gap:.35rem;font-weight:700;font-size:.85rem}
.station-controls select,.station-controls input,.city-finder input{font:inherit;font-weight:500;color:var(--ink);background:var(--bg,#fff);border:1px solid var(--ink-3,#636870);border-radius:10px;min-height:44px;padding:.6rem;min-width:0;width:100%}
.station-controls .address-filter{grid-column:span 2}
.filter-reset{font:inherit;min-height:44px;border:1px solid var(--line);border-radius:10px;color:var(--ink);background:var(--bg,#fff);align-self:end;padding:.6rem;cursor:pointer}
.station-controls :focus-visible,.city-finder :focus-visible,.azs-scroll:focus-visible{outline:3px solid var(--blue-dark,#0071BA);outline-offset:3px}
.explorer-result{font-size:.9rem;font-weight:700;margin:1rem 0}
.explorer-empty{padding:1.3rem;border:1px dashed var(--ink-3);border-radius:12px}
.station-explorer .azs{width:100%}
.station-explorer .azs th:first-child{min-width:190px}
.station-explorer .azs td{white-space:nowrap;font-variant-numeric:tabular-nums;font-weight:700}
.station-explorer .azs tr.is-best td{color:var(--green-text,#007A48)}
.station-explorer .azs .map-search{display:inline-flex;align-items:center;min-height:44px;font-size:.78rem;color:var(--blue-dark,#0071BA)}
.station-explorer caption{text-align:left;font-size:.8rem;padding:.6rem;color:var(--ink-2)}
.fuel-links{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0}
.fuel-links a{display:inline-flex;align-items:center;min-height:44px;padding:.55rem .85rem;border:1px solid var(--line);border-radius:999px;text-decoration:none;font-weight:700;font-size:.85rem;color:var(--blue-dark,#0071BA)}
.fuel-links a:hover{background:var(--panel,#F0F2F5)}
.price-history{margin:2.5rem 0;padding-top:1rem;border-top:1px solid var(--line)}
.price-history svg{display:block;width:100%;height:auto;max-height:180px;color:var(--blue-dark,#0071BA);margin-top:1rem}
.price-history summary{cursor:pointer;min-height:44px;padding:.6rem 0;font-weight:700}
.city-finder{margin:1rem 0;max-width:32rem}
.city-finder p{font-size:.85rem;margin:.4rem 0}
@media(max-width:520px){.station-controls{grid-template-columns:1fr 1fr;padding:.8rem}.station-controls .address-filter{grid-column:auto}.filter-reset{grid-column:1/-1}.station-explorer .azs th,.station-explorer .azs td{padding:.55rem}.fuel-links a{font-size:.8rem}.station-explorer .azs th:first-child{min-width:150px}}

.explorer-app{display:flex;align-items:center;gap:1rem;margin:1.2rem 0;padding:1.2rem;background:rgba(0,175,236,.08);border:1px solid rgba(0,113,186,.24);border-radius:20px}
.explorer-app img{width:72px;height:auto;flex:none}
.explorer-app h3{font-size:1rem;margin:0 0 .4rem;color:var(--ink-strong)}
.explorer-app p{font-size:.88rem;margin:0;color:var(--ink-2)}
.explorer-app .cta{font-size:.82rem;margin-top:.8rem;min-height:44px}
.show-stations{display:block;width:100%;margin:.7rem 0}
@media(max-width:520px){.explorer-app{padding:1rem;gap:.75rem;align-items:flex-start}.explorer-app img{width:44px}.explorer-app .cta{padding:.7rem .9rem;font-size:.78rem}.explorer-app h3{font-size:.95rem}}
.explorer-app .app-platform{font-size:.72rem;margin-top:.5rem}