:root{
  color-scheme:light;
  --paper:#f5f0e5;
  --paper-deep:#eae1cf;
  --card:#fffdf7;
  --ink:#16272a;
  --ink-soft:#35504f;
  --muted:#6e7971;
  --line:rgba(22,39,42,.16);
  --line-strong:rgba(22,39,42,.7);
  --teal:#55c2b1;
  --teal-deep:#187e73;
  --yellow:#f7b844;
  --coral:#ef7053;
  --blue:#315b72;
  --shadow:0 18px 50px rgba(38,52,48,.1);
  --ease:cubic-bezier(.2,.7,.2,1);
  font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  color:var(--ink);background:var(--paper);
}
*{box-sizing:border-box}
html{min-width:320px;scroll-behavior:smooth;scroll-padding-top:20px}
body{margin:0;min-width:320px;background:radial-gradient(ellipse at 78% 0%,rgba(85,194,177,.1),transparent 30%),radial-gradient(ellipse at 9% 19%,rgba(247,184,68,.12),transparent 29%),var(--paper);color:var(--ink)}
button,input,select{font:inherit;color:inherit}
button{cursor:pointer}
a{color:inherit}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--coral);outline-offset:3px}
.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:fixed;left:12px;top:12px;z-index:2000;padding:12px 16px;border:2px solid var(--ink);border-radius:8px;background:var(--card);transform:translateY(-160%);transition:transform .2s var(--ease)}
.skip-link:focus{transform:translateY(0)}
.site-header{width:min(1380px,calc(100% - 64px));height:76px;margin:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}
.brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none;font-size:13px;font-weight:650;letter-spacing:.015em}
.brand-mark{width:34px;height:34px;display:grid;place-items:center;border:1.5px solid var(--ink);border-radius:11px;background:var(--yellow);box-shadow:3px 3px 0 var(--ink)}
.brand-mark svg{width:23px;height:23px;fill:none;stroke:var(--ink);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.brand-slash{padding:0 6px;color:#85918a}.brand b{font-weight:850}
.back-link{display:inline-flex;align-items:center;gap:9px;padding:9px 12px;border:1px solid var(--line);border-radius:100px;background:rgba(255,253,247,.55);font-size:12px;font-weight:730;text-decoration:none;transition:background .2s,border-color .2s}
.back-link:hover{border-color:var(--ink);background:var(--card)}
.back-link span{font-size:16px}
.page-shell{width:min(1380px,calc(100% - 64px));margin:0 auto}
.intro{min-height:474px;padding:62px 1.5% 42px;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(370px,.9fr);align-items:center;gap:4%}
.intro-copy{max-width:680px;position:relative;z-index:1}
.eyebrow{display:flex;align-items:center;gap:16px;margin:0 0 24px;color:var(--muted);font-size:10px;font-weight:850;letter-spacing:.16em;text-transform:uppercase}
.edition-mark{padding:8px 11px;border:1px solid rgba(22,39,42,.24);border-radius:3px;background:rgba(255,253,247,.5);color:var(--ink-soft)}
.live-indicator{display:inline-flex;align-items:center;gap:8px;letter-spacing:.07em;text-transform:none;font-size:11px;font-weight:700}
.live-indicator i{width:8px;height:8px;border-radius:50%;background:var(--teal-deep);box-shadow:0 0 0 4px rgba(85,194,177,.2)}
.live-indicator.is-stale i{background:var(--coral);box-shadow:0 0 0 4px rgba(239,112,83,.16)}
.intro h1{margin:0;color:var(--ink);font-size:clamp(54px,7.2vw,98px);font-weight:850;line-height:.91;letter-spacing:-.077em}
.intro h1 em{color:var(--teal-deep);font-style:normal}
.intro-lead{max-width:590px;margin:24px 0 0;color:#4f625c;font-size:clamp(15px,1.4vw,18px);line-height:1.72;letter-spacing:-.012em}
.intro-stats{display:flex;align-items:center;gap:22px;margin-top:27px}
.stat-number{display:flex;align-items:center;gap:12px}
.stat-number strong{font-size:32px;line-height:1;letter-spacing:-.07em}.stat-number span,.stat-note{color:var(--muted);font-size:11px;line-height:1.5}
.stat-divider{width:1px;height:34px;background:var(--line)}
.stat-note{max-width:280px;display:flex;align-items:flex-start;gap:9px}
.stat-spark{display:grid;place-items:center;flex:0 0 22px;height:22px;border-radius:50%;background:var(--yellow);color:var(--ink);font-size:13px;font-weight:900}
.intro-art{position:relative;min-height:358px;display:grid;place-items:center;isolation:isolate}
.intro-art::before{position:absolute;content:"";inset:12% 8%;border:1px solid rgba(22,39,42,.16);border-radius:50%;transform:rotate(-13deg);z-index:-1}
.intro-art::after{position:absolute;content:"";inset:20% 2%;border:1px dashed rgba(22,39,42,.19);border-radius:50%;transform:rotate(22deg);z-index:-1}
.art-orbit{position:absolute;border:1px solid rgba(22,39,42,.16);border-radius:50%;z-index:-1}
.orbit-one{width:310px;height:310px;transform:rotate(36deg) scaleY(.74)}.orbit-two{width:248px;height:336px;transform:rotate(-27deg) scaleX(.8)}
.art-pump{position:relative;width:min(238px,55%);height:auto;filter:drop-shadow(10px 15px 0 rgba(22,39,42,.11));transform:rotate(-5deg)}
.pump-shadow{fill:#b7c7bb}.pump-body{fill:#f7b844;stroke:#16272a;stroke-width:5;stroke-linejoin:round}.pump-panel{fill:#fffaf0;stroke:#16272a;stroke-width:3}.pump-screen{fill:#193538}.art-pump text{font:900 23px ui-monospace,monospace;fill:#c4f3d9}.pump-line{fill:none;stroke:#16272a;stroke-width:7;stroke-linecap:round;stroke-linejoin:round}.pump-nozzle{fill:#ef7053;stroke:#16272a;stroke-width:4;stroke-linejoin:round}.pump-base{fill:#16272a}.pump-badge{fill:#ef7053;stroke:#16272a;stroke-width:4}.art-pump .pump-badge-text{font:900 28px Georgia,serif;fill:#fffaf0}
.art-sticker{position:absolute;padding:8px 11px;border:1.5px solid var(--ink);background:var(--card);font:800 9px/1.1 ui-monospace,monospace;letter-spacing:.15em;box-shadow:3px 3px 0 var(--ink);transform:rotate(-7deg)}
.sticker-top{top:40px;left:12%}.sticker-bottom{bottom:33px;right:7%;background:var(--teal);transform:rotate(5deg)}
.art-star{position:absolute;font-size:25px;color:var(--coral)}.star-one{top:62px;right:13%;transform:rotate(14deg)}.star-two{bottom:80px;left:11%;color:var(--teal-deep);font-size:17px}
.explorer{border:1.5px solid var(--ink);border-radius:15px;background:#f9f6ed;box-shadow:8px 9px 0 rgba(22,39,42,.9);overflow:hidden}
.toolbar{min-height:96px;padding:16px 21px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line);background:rgba(255,253,247,.75)}
.fuel-selector{display:flex;align-items:center;gap:6px;flex:0 0 auto}
.fuel-button{min-width:85px;min-height:60px;padding:6px 10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:1px solid transparent;border-radius:9px;background:transparent;color:var(--muted);font-size:10px;font-weight:680;transition:background .18s,color .18s,border-color .18s,transform .18s}
.fuel-button:hover{border-color:var(--line);background:#fff}.fuel-button.is-active{border-color:var(--ink);background:var(--ink);color:#fffaf0;box-shadow:3px 3px 0 rgba(22,39,42,.25);transform:translateY(-1px)}
.fuel-grade{min-width:37px;height:25px;padding:3px 5px;display:grid;place-items:center;border:1px solid currentColor;border-radius:5px;background:var(--yellow);color:var(--ink);font:850 13px/1 ui-monospace,SFMono-Regular,Menlo,monospace}
.fuel-grade-diesel{background:#a9c9d7}.fuel-grade-gas{background:#b1dfd4;font-size:10px}
.toolbar-actions{min-width:0;display:flex;align-items:center;justify-content:flex-end;gap:9px}
.search-box{width:min(215px,17vw);height:40px;padding:0 11px;display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:8px;background:#fffdf7}
.search-box svg{flex:0 0 17px;width:17px;height:17px;fill:none;stroke:#687a72;stroke-width:1.8;stroke-linecap:round}
.search-box input{width:100%;min-width:0;border:0;outline:0;background:transparent;font-size:12px}.search-box input::placeholder{color:#8b958f}
.region-select select{height:40px;max-width:154px;padding:0 27px 0 10px;border:1px solid var(--line);border-radius:8px;background:#fffdf7;font-size:11px;font-weight:720}
.view-toggle{display:none;align-items:center;padding:3px;border:1px solid var(--line);border-radius:9px;background:var(--paper-deep)}
.view-toggle button{min-height:33px;padding:0 9px;display:flex;align-items:center;gap:6px;border:0;border-radius:7px;background:transparent;color:var(--muted);font-size:11px;font-weight:750}
.view-toggle button.is-active{background:var(--ink);color:#fffaf0}
.view-toggle svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.fuel-context{min-height:73px;padding:13px 22px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line)}
.fuel-context>div:first-child{display:grid;grid-template-columns:auto auto;align-items:baseline;column-gap:10px;row-gap:2px}.fuel-context-kicker,.section-kicker{margin:0;color:#78847c;font:800 9px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.15em}
.fuel-context-kicker{grid-column:1/-1}.fuel-context strong{font-size:18px;letter-spacing:-.035em}.fuel-context>div:first-child>span:last-child{font-size:11px;color:var(--muted)}
.context-right{display:flex;align-items:center;gap:14px}.context-right>span{color:var(--muted);font-size:11px;font-weight:690}
.refresh-button{min-height:34px;padding:0 11px;display:flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:7px;background:#fffdf7;font-size:10px;font-weight:760;transition:border-color .2s,background .2s}
.refresh-button:hover{border-color:var(--ink);background:#fff}.refresh-button:disabled{opacity:.58;cursor:wait}.refresh-button svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.atlas-layout{display:grid;grid-template-columns:minmax(0,1.42fr) minmax(325px,.74fr);min-height:710px}
.map-panel{min-width:0;padding:21px 22px 15px;border-right:1px solid var(--line);display:flex;flex-direction:column}
.panel-heading{min-height:47px;margin-bottom:13px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.panel-heading h2{margin:4px 0 0;font-size:20px;line-height:1.1;letter-spacing:-.045em}
.map-legend{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:10px;font-weight:670}
.map-legend i{width:9px;height:9px;border:1.5px solid var(--ink);border-radius:50%;background:var(--yellow)}
.map-frame{position:relative;min-height:470px;flex:1;overflow:hidden;border:1px solid rgba(22,39,42,.32);border-radius:10px;background:#dce8e0}
.map-canvas{position:absolute;inset:0;z-index:0;background:linear-gradient(132deg,#e4eee8,#cbdcd5)}
.map-credit-note{position:absolute;z-index:400;left:12px;bottom:10px;padding:5px 8px;border:1px solid rgba(22,39,42,.15);border-radius:4px;background:rgba(255,253,247,.9);color:#4b625a;font-size:9px;font-weight:700;pointer-events:none}
.map-stamp{position:absolute;z-index:400;right:12px;top:12px;width:45px;height:45px;display:grid;place-content:center;border:1.5px solid var(--ink);border-radius:50%;background:var(--yellow);text-align:center;line-height:.86;pointer-events:none;transform:rotate(8deg)}
.map-stamp span{font:800 8px ui-monospace,monospace;letter-spacing:.08em}.map-stamp b{font-size:17px;letter-spacing:-.07em}
.map-error{position:absolute;z-index:500;inset:0;display:flex;align-items:center;justify-content:center;gap:14px;padding:26px;background:rgba(245,240,229,.95);text-align:left}
.map-error[hidden]{display:none}.map-error-icon{width:39px;height:39px;flex:0 0 39px;display:grid;place-items:center;border-radius:50%;background:var(--coral);color:#fff;font-weight:900;font-size:21px}
.map-error strong{font-size:15px}.map-error p{max-width:340px;margin:5px 0 12px;color:#5d6d65;font-size:12px;line-height:1.5}
.map-error button{padding:8px 11px;border:1px solid var(--ink);border-radius:5px;background:var(--ink);color:#fffaf0;font-size:11px;font-weight:750}
.map-footer{min-height:38px;display:flex;align-items:center;gap:8px;color:var(--muted);font-size:9px;font-weight:680}
.map-footer>a{margin-left:auto;color:var(--ink-soft);text-underline-offset:3px}
.footer-dot{width:8px;height:8px;display:inline-block;border:1px solid var(--ink);border-radius:50%;vertical-align:-1px}.dot-low{background:var(--teal)}.dot-high{background:var(--coral)}
.scale-line{width:58px;height:5px;border-radius:5px;background:linear-gradient(90deg,var(--teal),var(--yellow),var(--coral))}
.results-panel{min-width:0;padding:21px 19px 15px;display:flex;flex-direction:column;overflow:hidden}
.results-heading{margin-bottom:11px}.sort-button{width:33px;height:33px;display:grid;place-items:center;border:1px solid var(--line);border-radius:7px;background:var(--card);font-size:17px;font-weight:800}
.sort-button:hover{border-color:var(--ink);background:#fff}
.selected-country{min-height:132px;margin-bottom:12px;padding:14px;border:1px solid rgba(22,39,42,.38);border-radius:9px;background:var(--ink);color:#fffaf0;box-shadow:4px 4px 0 rgba(22,39,42,.14)}
.detail-empty{min-height:101px;display:flex;align-items:center;gap:12px}.detail-pin{width:38px;height:38px;display:grid;place-items:center;flex:0 0 38px;border-radius:50%;background:var(--yellow);color:var(--ink);font-size:21px}
.detail-empty p{margin:0;color:#d3ded6;font-size:11px;line-height:1.55}.detail-empty strong{color:#fff;font-size:14px}
.selected-data{display:grid;grid-template-columns:1fr auto;gap:7px 12px;align-items:center}
.selected-name{display:flex;align-items:center;gap:8px;color:#d5e1d8;font-size:11px;font-weight:760;letter-spacing:.04em;text-transform:uppercase}
.selected-code{padding:3px 5px;border:1px solid rgba(255,250,240,.3);border-radius:3px;color:#c8d4cc;font:750 9px ui-monospace,monospace}
.selected-price{grid-column:1/-1;display:flex;align-items:baseline;gap:7px;margin-top:1px}.selected-price strong{color:var(--yellow);font-size:34px;line-height:1;letter-spacing:-.065em}.selected-price span{color:#c7d3cb;font-size:11px}
.selected-extra{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:8px;color:#c2d2ca;font-size:10px}
.selected-extra a{color:#8ce1d2;text-underline-offset:3px;font-weight:740}
.selected-source{grid-column:1/-1;padding-top:8px;border-top:1px solid rgba(255,255,255,.18);display:flex;flex-direction:column;gap:4px;color:#c2d2ca;font-size:10px;line-height:1.4}
.selected-source a{width:max-content;color:#8ce1d2;text-underline-offset:3px}
.source-chip{width:max-content;max-width:100%;padding:4px 7px;display:inline-flex;align-items:center;gap:5px;border:1px solid rgba(140,225,210,.38);border-radius:999px;background:rgba(85,194,177,.13);color:#a7eddf;font-size:8px;font-weight:780;letter-spacing:.02em;white-space:nowrap}
.source-chip i{width:6px;height:6px;border-radius:50%;background:#79d7c5;box-shadow:0 0 0 2px rgba(121,215,197,.16)}
.source-chip.is-stale{border-color:rgba(255,219,107,.4);background:rgba(255,219,107,.12);color:#ffe4a0}
.source-chip.is-stale i{background:#ffcb58;box-shadow:0 0 0 2px rgba(255,203,88,.16)}
.thin-sample{padding:8px 9px;border-radius:5px;background:rgba(239,112,83,.18);color:#ffd3c6;font-size:10px;line-height:1.45}
.list-caption{margin:0 0 5px;padding:0 1px;display:flex;justify-content:space-between;gap:8px;color:var(--muted);font-size:9px;font-weight:680}
.country-list{min-height:80px;max-height:384px;margin:0;padding:0 3px 0 0;overflow:auto;list-style:none;scrollbar-color:rgba(22,39,42,.3) transparent;scrollbar-width:thin}
.country-list li{margin:0;padding:0}
.country-row{width:100%;min-height:55px;padding:7px 8px;display:grid;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:8px;border:0;border-bottom:1px solid rgba(22,39,42,.1);border-radius:5px;background:transparent;text-align:left;transition:background .15s}
.country-row:hover,.country-row.is-selected{background:rgba(85,194,177,.14)}.country-row.is-selected{box-shadow:inset 3px 0 var(--teal-deep)}
.row-rank{color:#89948d;font:700 9px ui-monospace,monospace;text-align:center}
.row-place{min-width:0;display:grid;gap:3px}.row-place strong{overflow:hidden;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.row-place small{color:var(--muted);font-size:9px}
.row-price{display:grid;justify-items:end;gap:3px}.row-price strong{font-size:14px;letter-spacing:-.035em;font-variant-numeric:tabular-nums}.row-price small{color:var(--muted);font-size:8px}
.row-symbol{width:20px;height:20px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;background:var(--teal);color:var(--ink);font-size:9px;font-weight:850}
.empty-state{margin:14px 2px;padding:16px;border:1px dashed rgba(22,39,42,.3);border-radius:8px;color:var(--muted);font-size:12px;line-height:1.55}
.no-data-details{margin-top:13px;border-top:1px solid var(--line);color:var(--muted)}
.no-data-details summary{padding:10px 2px;display:flex;justify-content:space-between;gap:12px;cursor:pointer;color:var(--ink-soft);font-size:10px;font-weight:750;list-style:none}.no-data-details summary::-webkit-details-marker{display:none}
.no-data-details summary span:last-child{font-size:15px}.no-data-details[open] summary span:last-child{transform:rotate(45deg)}
.no-data-details ul{max-height:120px;margin:0;padding:0 0 5px;display:flex;flex-wrap:wrap;gap:5px;overflow:auto;list-style:none}
.no-data-details li{padding:0;border:1px solid var(--line);border-radius:4px;background:rgba(255,253,247,.8);font-size:9px}
.no-data-details li button{padding:5px 7px;border:0;border-radius:4px;background:transparent;color:inherit;font-size:inherit;cursor:pointer}
.no-data-details p{margin:1px 0 0;color:#78847c;font-size:9px;line-height:1.45}
.data-status{min-height:33px;margin:0;padding:9px 22px;border-top:1px solid var(--line);color:var(--muted);font-size:10px}
.data-status[data-kind="error"]{color:#a9432e}.data-status[data-kind="success"]{color:#17675d}
.method-card{margin:35px 0 26px;padding:23px 27px;display:grid;grid-template-columns:43px 1fr;gap:18px;border:1px solid var(--line);border-radius:12px;background:rgba(255,253,247,.65)}
.method-icon{width:39px;height:39px;display:grid;place-items:center;border:1px solid var(--ink);border-radius:50%;background:var(--yellow);box-shadow:2px 2px 0 var(--ink);font-family:Georgia,serif;font-size:22px;font-weight:800}
.method-card h2{margin:5px 0 10px;font-size:21px;letter-spacing:-.04em}.method-card p:not(.section-kicker){max-width:100ch;margin:7px 0;color:#576761;font-size:12px;line-height:1.72}
.site-footer{padding:8px 1% 26px;border-top:1px solid var(--line)}
.footer-top{min-height:46px;display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--muted);font-size:10px}.footer-brand{display:inline-flex;align-items:center;gap:8px;color:var(--ink);font-size:12px;font-weight:820}.footer-brand i{color:var(--muted);font-size:10px;font-style:normal;font-weight:560}.brand-mark.small{width:21px;height:21px;border-radius:6px;box-shadow:1px 1px 0 var(--ink);font-size:13px}
.credits{display:flex;flex-wrap:wrap;gap:8px 18px;color:var(--muted);font-size:9px}.credits a{color:var(--ink-soft);text-underline-offset:3px}
.disclaimer{margin:11px 0 0;color:#89928b;font-size:9px;line-height:1.5}

/* Leaflet styling: readable value markers and a complete keyboard list remains available. */
.leaflet-container{font:inherit;color:var(--ink);background:#dce8e0}
.leaflet-control-attribution{font-size:9px!important;background:rgba(255,253,247,.9)!important;color:#334640!important}
.leaflet-control-attribution a{color:#174d55!important}
.leaflet-control-zoom{border:1px solid rgba(22,39,42,.25)!important;box-shadow:0 2px 8px rgba(22,39,42,.12)!important}
.leaflet-control-zoom a{color:var(--ink)!important;background:#fffdf7!important}
.price-marker-wrap{display:grid;place-items:center;background:transparent;border:0}
.price-marker{min-width:60px;height:32px;padding:0 8px;display:grid;place-items:center;border:1.5px solid var(--ink);border-radius:17px;background:var(--marker-color,#f7b844);color:#16272a;box-shadow:0 2px 0 rgba(22,39,42,.85),0 4px 9px rgba(22,39,42,.2);font:850 11px/1 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:nowrap;transition:transform .14s,border-color .14s}
.leaflet-marker-icon:focus .price-marker,.leaflet-marker-icon:hover .price-marker{transform:translateY(-2px) scale(1.06);border-width:2px}
.cluster-marker{width:42px;height:42px;display:grid;place-items:center;border:2px solid var(--ink);border-radius:50%;background:#fffdf7;color:var(--ink);box-shadow:0 2px 0 var(--ink);font-size:12px;font-weight:850}
.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:#fffdf7;color:var(--ink)}.leaflet-popup-content-wrapper{border:1px solid var(--ink);border-radius:7px;box-shadow:0 5px 20px rgba(22,39,42,.2)}.leaflet-popup-content{margin:10px 12px;font-size:11px;line-height:1.5}.leaflet-popup-content strong{font-size:12px}

@media(max-width:1150px){
  .site-header,.page-shell{width:min(100% - 40px,1380px)}
  .intro{grid-template-columns:minmax(0,1.2fr) minmax(290px,.8fr);min-height:420px;padding-top:48px}
  .intro h1{font-size:clamp(56px,7.2vw,84px)}
  .toolbar{align-items:flex-start;flex-direction:column}
  .toolbar-actions{width:100%;justify-content:space-between}
  .search-box{width:min(300px,42vw)}
  .atlas-layout{grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr)}
}
@media(max-width:820px){
  .intro{grid-template-columns:1fr minmax(220px,.7fr);gap:1%;padding-right:0;padding-left:0}
  .intro h1{font-size:clamp(52px,8vw,72px)}.intro-art{min-height:300px}.art-pump{width:min(210px,65%)}
  .atlas-layout{grid-template-columns:minmax(0,1fr) minmax(270px,.76fr)}
  .map-panel{padding:16px 13px 12px}.results-panel{padding:16px 12px 12px}
  .map-frame{min-height:430px}.map-footer{font-size:8px;gap:5px}.map-footer>a{font-size:8px}
  .fuel-button{min-width:73px}
}
@media(max-width:680px){
  .site-header,.page-shell{width:calc(100% - 28px)}.site-header{height:62px;padding-top:env(safe-area-inset-top)}.brand{gap:8px;font-size:11px}.brand-mark{width:30px;height:30px}.back-link{padding:8px 10px;font-size:10px}
  .intro{min-height:0;padding:38px 1px 30px;grid-template-columns:minmax(0,1fr) 120px;align-items:start;gap:2px}
  .eyebrow{flex-wrap:wrap;gap:9px;margin-bottom:18px;font-size:8px}.edition-mark{padding:7px 8px}.live-indicator{font-size:9px}
  .intro h1{font-size:clamp(45px,11.4vw,66px)}.intro-lead{margin-top:17px;max-width:48ch;font-size:14px;line-height:1.62}
  .intro-stats{margin-top:18px;gap:12px}.stat-number strong{font-size:27px}.stat-number span,.stat-note{font-size:9px}.stat-note{max-width:155px;gap:6px}.stat-divider{height:30px}.stat-spark{flex-basis:18px;height:18px;font-size:11px}
  .intro-art{min-height:176px;margin:18px -15px 0 -20px;overflow:hidden}.intro-art::before{inset:19% -22%}.intro-art::after{inset:28% -28%}.orbit-one{width:160px;height:160px}.orbit-two{width:140px;height:183px}.art-pump{width:103px;transform:rotate(-5deg) translateY(2px)}
  .art-sticker{padding:5px 6px;font-size:6px;box-shadow:2px 2px 0 var(--ink)}.sticker-top{top:2px;left:2%}.sticker-bottom{bottom:0;right:-5%}.art-star{font-size:15px}.star-one{top:26px;right:0}.star-two{bottom:24px;left:1%;font-size:12px}
  .explorer{border-radius:11px;box-shadow:4px 5px 0 var(--ink)}
  .toolbar{min-height:auto;padding:12px 10px 10px;gap:10px}
  .fuel-selector{width:100%;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:2px}
  .fuel-button{min-width:0;min-height:54px;padding:4px 2px;font-size:8px;gap:3px}.fuel-grade{min-width:34px;height:23px;font-size:11px}.fuel-grade-gas{font-size:9px}
  .toolbar-actions{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px}.search-box{width:100%;height:37px;grid-column:1;grid-row:1}.region-select{grid-column:2;grid-row:1}.region-select select{max-width:135px;height:37px;padding-left:7px;font-size:9px}.view-toggle{display:flex;grid-column:1/-1;grid-row:2;justify-self:stretch}.view-toggle button{flex:1;justify-content:center}
  .fuel-context{min-height:62px;padding:10px 12px}.fuel-context>div:first-child{column-gap:7px}.fuel-context strong{font-size:15px}.fuel-context>div:first-child>span:last-child{font-size:9px}.fuel-context-kicker{font-size:8px}
  .context-right{gap:7px}.context-right>span{display:none}.refresh-button{min-height:31px;padding:0 8px;font-size:9px}.refresh-button svg{width:13px;height:13px}
  .atlas-layout{min-height:0;display:flex;flex-direction:column}.atlas-layout[data-view="map"] .map-panel{display:flex}.atlas-layout[data-view="map"] .results-panel{display:flex}.atlas-layout[data-view="map"] .results-heading,.atlas-layout[data-view="map"] .list-caption,.atlas-layout[data-view="map"] .country-list,.atlas-layout[data-view="map"] .empty-state,.atlas-layout[data-view="map"] .no-data-details{display:none}
  .atlas-layout[data-view="list"] .map-panel{display:none}.atlas-layout[data-view="list"] .results-panel{display:flex}
  .map-panel{padding:13px 10px 10px;border-right:0;border-bottom:1px solid var(--line)}.panel-heading{min-height:38px;margin-bottom:8px}.panel-heading h2{font-size:16px}.section-kicker{font-size:8px}.map-legend{font-size:8px}.map-frame{min-height:clamp(330px,112vw,455px);height:clamp(330px,112vw,455px);flex:none;border-radius:7px}
  .map-stamp{right:8px;top:8px;width:37px;height:37px}.map-stamp b{font-size:14px}.map-credit-note{bottom:7px;left:7px;font-size:8px;padding:4px 6px}.map-footer{min-height:31px;gap:4px;font-size:7px}.scale-line{width:34px;height:4px}.map-footer>a{font-size:7px}
  .results-panel{padding:13px 11px}.selected-country{min-height:105px;margin:0;padding:11px}.detail-empty{min-height:80px}.detail-pin{width:33px;height:33px;flex-basis:33px;font-size:18px}.detail-empty p{font-size:10px}.detail-empty strong{font-size:13px}.selected-price strong{font-size:29px}.selected-extra,.selected-source{font-size:9px}
  .results-heading{margin-bottom:10px}.results-heading h2{font-size:18px}.country-list{max-height:none;min-height:50px}.country-row{min-height:57px}.no-data-details{margin-top:11px}
  .data-status{padding:8px 12px;font-size:9px;min-height:29px}
  .method-card{margin:23px 0 18px;padding:15px 13px;grid-template-columns:30px 1fr;gap:12px}.method-icon{width:29px;height:29px;font-size:17px}.method-card h2{font-size:18px}.method-card p:not(.section-kicker){font-size:11px;line-height:1.65}
  .footer-top{align-items:flex-start;flex-direction:column;padding:8px 0}.credits{display:grid;gap:6px}.disclaimer{font-size:8px}
}
@media(max-width:380px){
  .intro{grid-template-columns:minmax(0,1fr) 93px}.intro h1{font-size:43px}.intro-art{min-height:150px;margin-right:-18px}.art-pump{width:89px}.intro-stats{gap:8px}.stat-note{max-width:136px}.region-select select{max-width:118px}.fuel-button{font-size:7px}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}