:root{--brand-700:#0b6b4f;--brand-800:#085640;--brand-100:#d3eadf;--brand-50:#eaf5f0;--ink-900:#16212e;--ink-700:#3f4d5c;--ink-500:#5b6b7b;--line:#dfe5ea;--canvas:#f6f8fa;--surface:#fff;--price-high:#a8321f;--notice-bg:#fff4d6;--notice-bd:#f0dca0;--notice-fg:#7a4b00;--ad-line:#cfd7de;--ad-a:#f0f3f5;--ad-b:#f8fafb;--badge-lo-bg:#d3eadf;--badge-lo-fg:#063f2e;--badge-mid-bg:#eef1f4;--badge-mid-fg:#3f4d5c;--badge-hi-bg:#fbe6e2;--badge-hi-fg:#8a2616;--menu-shadow:0 4px 16px rgba(22,33,46,.10);--ring:0 0 0 3px rgba(11,107,79,.30);--r-field:8px;--r-card:12px;--r-pill:999px}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font:400 16px/26px var(--font-inter),system-ui,-apple-system,Segoe UI,sans-serif;color:var(--ink-900);background:var(--canvas)}button,input,select{font-family:inherit}a{color:var(--brand-700)}a:hover{color:var(--brand-800)}.wrap{max-width:1120px;margin:0 auto;padding:0 16px}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}:focus-visible{outline:2px solid var(--brand-700);outline-offset:2px}input:focus-visible,select:focus-visible{outline:none;border-color:var(--brand-700);box-shadow:var(--ring)}h1{font-size:clamp(1.5rem,4.2vw,2rem);line-height:1.25;letter-spacing:-.01em;margin:8px 0 12px}h1,h2{font-weight:700}h2{font-size:1.25rem;line-height:28px;margin:40px 0 12px}h3{font-size:1rem;line-height:24px;font-weight:700;margin:0}p{margin:0 0 12px}.lead{font-size:1rem;line-height:26px;color:var(--ink-700)}.sub{font-size:14px;margin:0 0 16px}.muted,.sub{color:var(--ink-500);line-height:20px}.muted{font-size:13px}.label{font-size:12px;line-height:16px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-700)}.err{color:var(--price-high);margin:8px 0;font-size:14px}b,strong{font-weight:700}.num{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}header.top{background:var(--surface);border-bottom:1px solid var(--line);position:-webkit-sticky;position:sticky;top:0;z-index:1100}header.top .wrap{display:flex;align-items:center;justify-content:space-between;height:56px}.logo{font-size:16px;font-weight:700;color:var(--ink-900);text-decoration:none}.logo span,header.top nav a{color:var(--brand-700)}header.top nav a{margin-left:20px;text-decoration:none;font-size:14px;font-weight:500}header.top nav a:hover{color:var(--brand-800)}main{padding:24px 0 56px;overflow-x:clip}footer{border-top:1px solid var(--line);background:var(--surface);padding:24px 0;color:var(--ink-500);font-size:13px;line-height:22px}footer p{margin:0}button{min-height:44px;padding:0 20px;border:1px solid transparent;border-radius:var(--r-field);background:var(--brand-700);color:#fff;font-size:14px;font-weight:600;cursor:pointer}button:hover{background:var(--brand-800)}button.ghost{background:var(--surface);color:var(--brand-700);border-color:var(--brand-700)}button.ghost:hover{background:var(--brand-50)}button.ghost:disabled,button:disabled{background:var(--canvas);color:var(--ink-500);border-color:var(--line);cursor:not-allowed}input,select{height:44px;padding:0 12px;border:1px solid var(--line);border-radius:var(--r-field);background:var(--surface);color:var(--ink-900);font-size:16px}.search{display:flex;flex-wrap:wrap;gap:12px;margin:16px 0}.search input,.search select{flex:1 1 240px;min-width:0}.search .err{flex-basis:100%;margin:0}.field{display:flex;flex-direction:column;gap:6px;min-width:0}.field label{font-size:13px;line-height:20px;color:var(--ink-700)}.field input,.field select{width:100%}.badge{display:inline-flex;align-items:center;height:24px;padding:0 10px;border-radius:var(--r-pill);font-size:12px;font-weight:600;white-space:nowrap}.badge-lo{background:var(--badge-lo-bg);color:var(--badge-lo-fg)}.badge-mid{background:var(--badge-mid-bg);color:var(--badge-mid-fg)}.badge-hi{background:var(--badge-hi-bg);color:var(--badge-hi-fg)}td .badge{height:20px;padding:0 8px;font-size:11px;margin-left:6px;vertical-align:middle}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);padding:24px;margin:16px 0}.card.sim{display:flex;flex-direction:column;gap:20px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));grid-gap:16px;gap:16px}.result{font-size:16px;line-height:24px;margin:0}.result .accent{color:var(--brand-700)}.result .muted{font-size:14px}.chapeau{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);padding:24px;margin:16px 0}.chapeau p{margin:0;font-size:16px;line-height:26px}.chapeau .good{color:var(--brand-700)}.demo,.notice{background:var(--notice-bg);border:1px solid var(--notice-bd);border-radius:var(--r-card);padding:16px 20px;font-size:14px;line-height:20px;color:var(--notice-fg);margin:12px 0}.ad{min-height:140px;border:1px dashed var(--ad-line);border-radius:var(--r-card);background:repeating-linear-gradient(135deg,var(--ad-a) 0 10px,var(--ad-b) 10px 20px);margin:24px 0;display:flex;align-items:center;justify-content:center;color:var(--ink-500);font-size:12px}.tablewrap{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);overflow-x:auto;margin:12px 0}table{width:100%;min-width:560px;border-collapse:collapse;font-size:14px;line-height:20px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}th{background:var(--brand-50);text-align:left;padding:12px 16px;font-size:12px;line-height:16px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-700)}tbody th{background:none;font-size:14px;line-height:20px;font-weight:700;letter-spacing:0;text-transform:none;color:var(--ink-900)}tbody th,td{padding:14px 16px;border-top:1px solid var(--line)}td.best{font-weight:700;color:var(--brand-700)}td.price{font-weight:700;white-space:nowrap}details{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);padding:14px 18px;margin:8px 0}summary{cursor:pointer;font-size:16px;line-height:24px;font-weight:700}details p{margin:10px 0 0;font-size:14px;line-height:22px;color:var(--ink-700)}.crumbs{font-size:13px;line-height:20px}.crumbs,.crumbs a{color:var(--ink-500)}.pills{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.pills a{padding:6px 14px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-pill);text-decoration:none;font-size:14px;font-weight:500}.pills a:hover{border-color:var(--brand-700)}.tabs{display:flex;gap:8px;overflow-x:auto;padding:2px 0 4px;margin-top:16px}.tab{display:inline-flex;align-items:center;min-height:36px;padding:0 14px;border-radius:var(--r-pill);border:1px solid var(--line);background:var(--surface);text-decoration:none;font-weight:600;font-size:14px;white-space:nowrap;color:var(--ink-700)}a.tab:hover{color:var(--brand-700)}.tab.on,a.tab:hover{border-color:var(--brand-700)}.tab.on{background:var(--brand-700);color:#fff}.hero{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);grid-gap:32px;gap:32px;align-items:center;margin:-24px 0 8px;padding:32px 0}.hero:before{content:"";position:absolute;z-index:-1;inset:0 -100vmax;background:var(--brand-50);border-bottom:1px solid var(--line)}.hero h1{font-size:clamp(1.625rem,3.4vw,2.125rem);line-height:1.2;margin-top:0}.hero .lead{margin-bottom:16px}.searchbar{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 12px}.searchbar input{flex:1 1 200px;min-width:0}.locate{width:100%}.hero-map{position:relative}.hero-map .map{height:420px}.area{position:absolute;top:12px;left:50%;transform:translateX(-50%);z-index:500;box-shadow:var(--menu-shadow);white-space:nowrap}.around{scroll-margin-top:72px}.pagehead{margin-bottom:8px}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px;gap:12px;margin:16px 0}.stat{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);padding:16px 20px;display:flex;flex-direction:column;min-width:0}.stat span{font-size:12px;line-height:16px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-700)}.stat b{font-size:1.5rem;line-height:32px;margin:6px 0 2px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.stat small{font-size:13px;line-height:20px;color:var(--ink-500);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stat-best{background:var(--brand-50);border-color:var(--brand-100)}.stat-best b{color:var(--brand-700)}.explorer-bar{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;align-items:center;margin-bottom:12px}.chips{display:flex;gap:8px;overflow-x:auto;max-width:100%;padding:2px 0 4px}.chip{min-height:36px;padding:0 14px;color:var(--ink-700);border:1px solid var(--line);border-radius:var(--r-pill);white-space:nowrap}.chip,.chip:hover{background:var(--surface)}.chip:hover{border-color:var(--brand-700);color:var(--brand-700)}.chip.on,.chip.on:hover{background:var(--brand-700);border-color:var(--brand-700);color:#fff}.seg{display:inline-flex;border:1px solid var(--line);border-radius:var(--r-field);overflow:hidden}.seg,.seg button{background:var(--surface)}.seg button{min-height:36px;color:var(--ink-700);border:0;border-radius:0;padding:0 14px}.seg button.on,.seg button:hover{background:var(--brand-50)}.seg button.on{color:var(--brand-700)}.explorer-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);grid-gap:16px;gap:16px;align-items:start}.explorer-map{position:-webkit-sticky;position:sticky;top:72px;order:2}.explorer-map .map{height:520px}.explorer[aria-busy=true] .stations{opacity:.5}.map{width:100%;border-radius:var(--r-card);border:1px solid var(--line);background:#e8eeeb;z-index:0}.map-loading{background:linear-gradient(90deg,#e8eeeb,#f2f5f3,#e8eeeb);background-size:200% 100%;animation:shimmer 1.4s infinite}@keyframes shimmer{to{background-position:-200% 0}}.legend{display:flex;gap:6px 16px;flex-wrap:wrap;align-items:center;font-size:13px;line-height:20px;color:var(--ink-500);margin:8px 0 0}.legend span{display:inline-flex;align-items:center;gap:6px}.dot{display:inline-block;width:10px;height:10px;border-radius:50%;border:1px solid transparent}.dot.lo{background:var(--brand-700)}.dot.mid{background:var(--surface);border-color:var(--ink-500)}.dot.hi{background:var(--price-high)}.stations{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.st{display:grid;grid-template-columns:24px minmax(0,1fr) auto;grid-gap:12px;gap:12px;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);padding:12px 16px;scroll-margin-top:80px}.st.on{border-color:var(--brand-700);box-shadow:var(--ring)}.rank{font-size:14px;font-weight:700;color:var(--ink-500);text-align:center}.st-main{display:flex;flex-direction:column;min-width:0;font-size:14px;line-height:20px}.st-main strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.st-main .muted{font-size:13px}.st-side{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.st-price{font-size:16px;line-height:24px;font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap}.st-price.lo{color:var(--brand-700)}.st-price.hi{color:var(--price-high)}.go{font-size:13px;line-height:20px;font-weight:600;text-decoration:none;white-space:nowrap}.go:after{content:" ↗"}.empty{padding:16px;background:var(--surface);border-radius:var(--r-card);border:1px dashed var(--line);color:var(--ink-500)}.more{margin-top:12px}.pinwrap{background:none;border:0}.pin{bottom:6px;transform:translateX(-50%);padding:3px 8px;border-radius:var(--r-field);font-size:12px;line-height:16px;font-weight:700;white-space:nowrap;box-shadow:var(--menu-shadow);border:2px solid #fff;cursor:pointer;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;transition:transform .12s;background:var(--pin-bg)}.pin,.pin:after{position:absolute;left:50%}.pin:after{content:"";bottom:-7px;margin-left:-5px;border:5px solid transparent;border-top:5px solid var(--pin-bg);border-bottom:0}.pin.pin-lo{--pin-bg:var(--brand-700);color:#fff}.pin.pin-mid{--pin-bg:var(--surface);color:var(--ink-900);border-color:var(--ink-500)}.pin.pin-hi{--pin-bg:var(--price-high);color:#fff}.pin.pin-city{--pin-bg:var(--ink-900);color:#fff}.pin-active,.pin:hover{transform:translateX(-50%) scale(1.15);z-index:2}.range{margin:8px 0 16px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);padding:20px 24px 16px}.range-bar{position:relative;height:12px;border-radius:var(--r-pill);background:linear-gradient(90deg,var(--brand-700),#c9d2d9 55%,var(--price-high))}.range-avg{position:absolute;top:-5px;width:4px;height:22px;margin-left:-2px;background:var(--ink-900);border-radius:2px;box-shadow:0 0 0 2px #fff}.range-legend{display:flex;justify-content:space-between;gap:8px;margin-top:12px;font-size:13px;line-height:20px;color:var(--ink-500)}.range-legend b{color:var(--ink-900)}.fuelgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));grid-gap:12px;gap:12px}.fg{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);padding:14px 16px;color:var(--ink-900)}.fg-name{font-size:12px;line-height:16px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-700)}.fg b{font-size:1.25rem;line-height:28px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.citylist{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-gap:10px;gap:10px}.citylist a{display:block;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);padding:12px 14px;text-decoration:none;color:var(--ink-900)}.citylist a:hover{border-color:var(--brand-700)}.citylist b{font-size:14px;line-height:20px}.citylist small{display:block;font-size:12px;line-height:16px;color:var(--ink-500)}.citylist small b{color:var(--brand-700);font-size:12px}@media (max-width:820px){.hero{grid-template-columns:1fr;gap:20px;padding:24px 0}.hero-map .map{height:300px}.explorer-grid{grid-template-columns:1fr}.explorer-map{position:static;order:0}.explorer-map .map{height:300px}.stats{grid-template-columns:1fr 1fr}.stat-best{grid-column:1/-1}.card,.chapeau{padding:16px}header.top nav a{margin-left:14px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important;scroll-behavior:auto!important}}@font-face{font-family:inter;src:url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");font-display:swap;font-weight:100 900}@font-face{font-family:inter Fallback;src:local("Arial");ascent-override:89.79%;descent-override:22.36%;line-gap-override:0.00%;size-adjust:107.89%}.__className_a918ff{font-family:inter,inter Fallback}.__variable_a918ff{--font-inter:"inter","inter Fallback"}