:root{--color-asphalt-950:#0c1210;--color-asphalt-900:#101715;--color-asphalt-800:#18211f;--color-asphalt-700:#22302d;--color-asphalt-400:#7b8a86;--color-asphalt-100:#e6ecea;--color-petrol-400:#4cc1ca;--color-petrol-600:#0e7c86;--color-cheap:#52b788;--color-pricey:#e07a6b;--font-display:"Saira SemiCondensed", system-ui, sans-serif;--font-body:system-ui, -apple-system, "Segoe UI", sans-serif;--content-width:960px}*{box-sizing:border-box}html{color-scheme:dark}html,body{margin:0;padding:0}body{background:var(--color-asphalt-950);min-height:100vh;color:var(--color-asphalt-100);font-family:var(--font-body);flex-direction:column;line-height:1.55;display:flex}h1,h2,h3{font-family:var(--font-display);margin:0 0 .5em;font-weight:600;line-height:1.2}h1{font-size:2rem}h2{font-size:1.4rem}h3{font-size:1.1rem}p{color:var(--color-asphalt-100);margin:0 0 1em}a{color:var(--color-petrol-400)}a:hover{color:var(--color-petrol-600)}.price-pill{font-variant-numeric:tabular-nums}.container{width:100%;max-width:var(--content-width);margin:0 auto;padding:0 1.25rem}.site-header{border-bottom:1px solid var(--color-asphalt-700);background:var(--color-asphalt-900)}.site-header .container{justify-content:space-between;align-items:center;gap:1rem;padding-top:1rem;padding-bottom:1rem;display:flex}.brand{font-family:var(--font-display);color:var(--color-asphalt-100);font-size:1.3rem;font-weight:600;text-decoration:none}.site-header nav{gap:1.25rem;display:flex}.site-header nav a{color:var(--color-asphalt-400);font-size:.95rem;text-decoration:none}.site-header nav a:hover{color:var(--color-petrol-400)}main{flex:1}main>.container{padding-top:2.5rem;padding-bottom:3.5rem}.site-footer{border-top:1px solid var(--color-asphalt-700);background:var(--color-asphalt-900);margin-top:auto}.site-footer .container{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding-top:1.5rem;padding-bottom:1.5rem;display:flex}.site-footer p{color:var(--color-asphalt-400);margin:0;font-size:.85rem}.site-footer nav{gap:1rem;display:flex}.site-footer nav a{color:var(--color-asphalt-400);font-size:.85rem;text-decoration:none}.site-footer nav a:hover{color:var(--color-petrol-400)}.hero{text-align:center;padding:2rem 0 3rem}.hero h1{max-width:780px;margin:0 auto .75rem;font-size:2.4rem}.hero p.lede{color:var(--color-asphalt-400);max-width:620px;margin:0 auto 2rem;font-size:1.1rem}.store-badges{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-bottom:.5rem;display:flex}.store-badge{font-family:var(--font-body);border:1px solid var(--color-asphalt-700);background:var(--color-asphalt-800);color:var(--color-asphalt-400);cursor:default;border-radius:999px;padding:.65rem 1.25rem;font-size:.95rem}.value-props{grid-template-columns:repeat(3,1fr);gap:1.25rem;margin-top:3rem;display:grid}.value-prop{background:var(--color-asphalt-900);border:1px solid var(--color-asphalt-700);border-radius:12px;padding:1.5rem}.value-prop h3{color:var(--color-petrol-400);margin-bottom:.4em}.value-prop p{color:var(--color-asphalt-400);margin:0;font-size:.95rem}@media (width<=720px){.hero h1{font-size:1.8rem}.value-props{grid-template-columns:1fr}}.card-list{flex-direction:column;gap:.75rem;margin:0;padding:0;list-style:none;display:flex}.card-list li{border:1px solid var(--color-asphalt-700);background:var(--color-asphalt-900);border-radius:10px}.card-list a{color:inherit;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.25rem;text-decoration:none;display:flex}.card-list a:hover{color:var(--color-petrol-400)}.card-list .meta{color:var(--color-asphalt-400);font-size:.85rem}.card-list .prices{white-space:nowrap;gap:1rem;font-size:.9rem;display:flex}.card-list .excerpt{color:var(--color-asphalt-400);margin-top:.25rem;font-size:.9rem}.card-list .stack{flex-direction:column;gap:.2rem;display:flex}.empty-state{border:1px dashed var(--color-asphalt-700);text-align:center;color:var(--color-asphalt-400);border-radius:10px;padding:2rem}.avg-row{flex-wrap:wrap;gap:1.5rem;margin-bottom:2rem;display:flex}.avg-stat{background:var(--color-asphalt-900);border:1px solid var(--color-asphalt-700);border-radius:10px;min-width:130px;padding:.85rem 1.25rem}.avg-stat .label{color:var(--color-asphalt-400);margin-bottom:.25rem;font-size:.8rem;display:block}.avg-stat .value{font-size:1.25rem;font-weight:600}.updated-at{color:var(--color-asphalt-400);margin-bottom:1.5rem;font-size:.85rem}.station-table{border-collapse:collapse;width:100%;margin-bottom:2rem}.station-table th,.station-table td{text-align:left;border-bottom:1px solid var(--color-asphalt-700);padding:.6rem .75rem;font-size:.9rem}.station-table th{color:var(--color-asphalt-400);text-transform:uppercase;letter-spacing:.03em;font-size:.8rem;font-weight:500}.station-table td.num,.station-table th.num{text-align:right}.station-table tbody tr:hover{background:var(--color-asphalt-900)}.attribution-note{color:var(--color-asphalt-400);margin-top:1.5rem;font-size:.85rem}.article-body h1{font-size:1.5rem}.article-body h2{margin-top:1.5em;font-size:1.2rem}.article-body ul{color:var(--color-asphalt-100);padding-left:1.25rem}.article-meta{color:var(--color-asphalt-400);margin-bottom:2rem;font-size:.85rem}.adsense-slot{min-height:90px;margin:2rem 0}.station-status{color:var(--color-asphalt-400)}.station-meta{color:var(--color-asphalt-400);margin:0 0 .25em}.station-badge{border-radius:999px;margin-bottom:1.5rem;padding:.2rem .6rem;font-size:.8rem;font-weight:600;display:inline-block}.station-badge--open{background:color-mix(in srgb, var(--color-cheap) 20%, transparent);color:var(--color-cheap)}.station-badge--closed{background:color-mix(in srgb, var(--color-pricey) 20%, transparent);color:var(--color-pricey)}.station-price-list{grid-template-columns:repeat(3,1fr);gap:1rem;margin:0 0 2rem;display:grid}.station-price-list dt{color:var(--color-asphalt-400);margin-bottom:.25rem;font-size:.8rem}.station-price-list dd{margin:0;font-size:1.25rem;font-weight:600}.station-cta{flex-direction:column;align-items:flex-start;gap:.75rem;margin-bottom:1.5rem;display:flex}.btn-primary{background:var(--color-petrol-600);color:var(--color-asphalt-100);border-radius:8px;padding:.75rem 1.5rem;font-weight:600;text-decoration:none;display:inline-block}.btn-primary:hover{background:var(--color-petrol-400);color:var(--color-asphalt-950)}@media (width<=560px){.station-price-list{grid-template-columns:1fr}}.legal-content h2{margin-top:1.5em}.legal-content p,.legal-content li{color:var(--color-asphalt-400)}.legal-content .provisional-notice{color:var(--color-pricey);border:1px solid var(--color-pricey);border-radius:8px;padding:.75rem 1rem;font-weight:600}
