@font-face{font-family:"Bricolage Grotesque";font-style:normal;font-weight:400 700;font-stretch:90% 100%;font-display:swap;src:url("/assets/fonts/bricolage-latin.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Bricolage Fallback";src:local("Arial Bold"),local("Arial-BoldMT"),local("Helvetica Neue Bold"),local("Arial");font-weight:400 700;size-adjust:112%;ascent-override:83%;descent-override:24%;line-gap-override:0%}@font-face{font-family:"Bricolage Grotesque";font-style:normal;font-weight:400 700;font-stretch:90% 100%;font-display:swap;src:url("/assets/fonts/bricolage-latin-ext.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}:root{color-scheme:light dark;--radius-hairline:2px;--radius-tiny:4px;--radius-small:8px;--radius-medium:12px;--radius-card:16px;--radius-large:22px;--squircle-ratio:0.22;--gap-1:4px;--gap-2:8px;--gap-3:12px;--gap-4:16px;--gap-5:20px;--gap-6:24px;--reading-width:700px;--dashboard-width:1100px;--sidebar-width:400px;--header-height:56px;--header-height-site:66px;--page-width:1120px;--narrow-width:720px;--accent:#0a5bd3;--accent-soft:rgba(10,91,211,0.1);--accent-text:#0a5bd3;--accent-fill:#0a5bd3;--bg-grouped:#f2f2f7;--bg-card:#ffffff;--bg-elevated:#ffffff;--bg-fill:rgba(118,118,128,0.12);--bg-fill-strong:rgba(118,118,128,0.2);--label:#000000;--label-secondary:rgba(60,60,67,0.8);--label-tertiary:rgba(60,60,67,0.76);--separator:rgba(60,60,67,0.18);--shadow-card:0 1px 3px rgba(0,0,0,0.06),0 6px 20px rgba(0,0,0,0.04);--shadow-pin:0 2px 6px rgba(0,0,0,0.28);--green:#248a3d;--green-text:#1a7431;--red:#d70015;--red-text:#b8000e;--green-badge:#166b2c;--orange:#c93400;--orange-text:#a52b00;--yellow:#ffcc00;--teal:#0071a4;--blue:#007aff;--brown:#7f6545;--purple:#8944ab;--gray:#8e8e93;--fuel-gazole:#0071a4;--fuel-sp95:#248a3d;--fuel-sp98:#007aff;--fuel-e10:#c93400;--fuel-e85:#7f6545;--fuel-gplc:#8944ab;--eu-b7-bg:#ffcc00;--eu-b7-fg:#000000;--eu-e5-bg:#115723;--eu-e5-fg:#ffffff;--eu-e10-bg:#34c759;--eu-e10-fg:#06280f;--eu-e85-bg:#87cbf0;--eu-e85-fg:#06323a;--eu-lpg-bg:#30b0c7;--eu-lpg-fg:#04222a;--font-text:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-display:"Bricolage Grotesque","Bricolage Fallback",var(--font-text);--font-rounded:ui-rounded,"SF Pro Rounded","Segoe UI Variable Display",var(--font-text);--ease:cubic-bezier(0.32,0.72,0,1)}:root[data-theme="light"]{color-scheme:light}:root[data-theme="dark"]{color-scheme:dark}@media (prefers-color-scheme:dark){:root:where(:not([data-theme="light"])){--accent:#3d8bff;--accent-soft:rgba(61,139,255,0.16);--accent-text:#5c9dff;--accent-fill:#1f6fe8;--bg-grouped:#000000;--bg-card:#1c1c1e;--bg-elevated:#2c2c2e;--bg-fill:rgba(120,120,128,0.24);--bg-fill-strong:rgba(120,120,128,0.36);--label:#ffffff;--label-secondary:rgba(235,235,245,0.6);--label-tertiary:rgba(235,235,245,0.58);--separator:rgba(84,84,88,0.5);--shadow-card:none;--shadow-pin:0 2px 8px rgba(0,0,0,0.6);--green:#30d158;--green-text:#30d158;--red:#ff453a;--red-text:#ff7a72;--green-badge:#30d158;--orange:#ff9f0a;--orange-text:#ff9f0a;--yellow:#ffd60a;--teal:#40c8e0;--blue:#0a84ff;--brown:#ac8e68;--purple:#bf5af2;--gray:#98989d;--fuel-gazole:#40c8e0;--fuel-sp95:#30d158;--fuel-sp98:#0a84ff;--fuel-e10:#ff9f0a;--fuel-e85:#ac8e68;--fuel-gplc:#bf5af2}}:root:where([data-theme="dark"]){--accent:#3d8bff;--accent-soft:rgba(61,139,255,0.16);--accent-text:#5c9dff;--accent-fill:#1f6fe8;--bg-grouped:#000000;--bg-card:#1c1c1e;--bg-elevated:#2c2c2e;--bg-fill:rgba(120,120,128,0.24);--bg-fill-strong:rgba(120,120,128,0.36);--label:#ffffff;--label-secondary:rgba(235,235,245,0.6);--label-tertiary:rgba(235,235,245,0.58);--separator:rgba(84,84,88,0.5);--shadow-card:none;--shadow-pin:0 2px 8px rgba(0,0,0,0.6);--green:#30d158;--green-text:#30d158;--red:#ff453a;--red-text:#ff7a72;--green-badge:#30d158;--orange:#ff9f0a;--orange-text:#ff9f0a;--yellow:#ffd60a;--teal:#40c8e0;--blue:#0a84ff;--brown:#ac8e68;--purple:#bf5af2;--gray:#98989d;--fuel-gazole:#40c8e0;--fuel-sp95:#30d158;--fuel-sp98:#0a84ff;--fuel-e10:#ff9f0a;--fuel-e85:#ac8e68;--fuel-gplc:#bf5af2}*,*::before,*::after{box-sizing:border-box}html{height:100%}body{min-height:100%}body{margin:0;font-family:var(--font-text);font-size:15px;line-height:1.45;color:var(--label);background:var(--bg-grouped);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button{font:inherit;color:inherit;cursor:pointer}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-tiny)}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.numeric{font-family:var(--font-rounded);font-variant-numeric:tabular-nums;font-weight:700}.site-header{position:sticky;top:0;z-index:40;background:color-mix(in srgb,var(--bg-card) 84%,transparent);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid var(--separator)}.site-header-inner{display:flex;align-items:center;gap:var(--gap-5);position:relative;height:var(--header-height-site);max-width:var(--page-width);margin:0 auto;padding:0 max(var(--gap-5),env(safe-area-inset-right)) 0 max(var(--gap-5),env(safe-area-inset-left))}.site-header.is-compact .site-header-inner{height:var(--header-height);max-width:none;padding:0 var(--gap-4)}.brand{display:flex;align-items:center;gap:var(--gap-2);font-family:var(--font-display);font-weight:700;font-size:18px;font-stretch:90%;letter-spacing:-0.02em;color:var(--label)}.brand:hover{text-decoration:none}.brand-text{display:inline-flex;align-items:center;gap:6px}.brand-mark{display:grid;place-items:center;width:32px;height:32px;flex:none;border-radius:calc(32px * var(--squircle-ratio));background:linear-gradient(150deg,color-mix(in srgb,var(--accent) 72%,white),var(--accent));color:#fff}.flag{display:inline-flex;gap:3px}.flag span{width:10px;height:4px;border-radius:var(--radius-hairline);border:0.5px solid rgba(0,0,0,0.08)}.flag span:nth-child(1){background:#0055a4}.flag span:nth-child(2){background:#ffffff;border-color:rgba(0,0,0,0.28)}.flag span:nth-child(3){background:#ef4135}.header-nav{display:flex;align-items:center;gap:var(--gap-5);margin-left:auto;font-size:14px;font-weight:500}.header-nav a{position:relative;padding:4px 0;color:var(--label-secondary)}.header-nav a:hover{color:var(--label);text-decoration:none}.header-nav a[aria-current="page"]{color:var(--label)}.header-nav a[aria-current="page"]::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;border-radius:var(--radius-hairline);background:var(--accent)}.nav-menu{position:relative}.nav-menu>summary{display:flex;align-items:center;gap:4px;padding:4px 0;color:var(--label-secondary);cursor:pointer;list-style:none;user-select:none}.nav-menu>summary::-webkit-details-marker{display:none}.nav-menu>summary:hover{color:var(--label)}.nav-menu>summary svg{width:12px;height:12px;transform:rotate(90deg);transition:transform var(--dur-fast) var(--ease-out-quint)}.nav-menu[open]>summary svg{transform:rotate(-90deg)}.nav-menu[open]>summary,.nav-menu[data-current="true"]>summary{color:var(--label)}.nav-menu[data-current="true"]>summary::after{content:"";position:absolute;left:0;right:16px;bottom:-2px;height:2px;border-radius:var(--radius-hairline);background:var(--accent)}.nav-menu>ul{position:absolute;top:calc(100% + 10px);left:50%;z-index:30;min-width:190px;margin:0;padding:6px;transform:translateX(-50%);list-style:none;border:1px solid var(--separator);border-radius:var(--radius-card);background:var(--bg-card);box-shadow:0 12px 32px rgb(0 0 0 / 22%)}.nav-menu>ul a{display:block;padding:7px 10px;border-radius:var(--radius-small);color:var(--label);font-weight:500;white-space:nowrap}.nav-menu>ul a:hover,.nav-menu>ul a:focus-visible{background:var(--bg-fill);text-decoration:none}.nav-menu>ul a[aria-current="page"]{color:var(--accent-text);font-weight:600}.nav-menu>ul a[aria-current="page"]::after{content:none}.article-wrap{max-width:760px}.article-hero{margin:var(--gap-4) 0 var(--gap-5)}.article-kicker{display:flex;align-items:center;gap:6px;margin:0 0 var(--gap-2);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:0.06em;color:var(--accent-text)}.article-kicker svg{width:13px;height:13px}.article-hero h1{margin:0;font-family:var(--font-display);font-size:clamp(28px,4.4vw,40px);line-height:1.15;letter-spacing:-0.02em}.article-chapo{margin:var(--gap-3) 0 0;font-size:clamp(17px,2.1vw,19px);line-height:1.55;color:var(--label-secondary)}.article-meta{margin:var(--gap-3) 0 0;font-size:13px;color:var(--label-tertiary)}.article{font-size:17px;line-height:1.72;color:var(--label)}.article>p{margin:0 0 var(--gap-4);max-width:68ch}.article h2{margin:var(--gap-5) 0 var(--gap-3);font-family:var(--font-display);font-size:clamp(21px,2.8vw,26px);line-height:1.25;letter-spacing:-0.01em}.article h2:first-child{margin-top:0}.article ul{margin:0 0 var(--gap-4);padding-left:1.15em;max-width:68ch}.article li{margin-bottom:var(--gap-2)}.article strong{font-weight:600}.article a{color:var(--accent-text);text-decoration-thickness:1px;text-underline-offset:2px}.article-note{margin:0 0 var(--gap-4);padding:var(--gap-3) var(--gap-4);border-left:3px solid var(--accent);border-radius:0 var(--radius-small) var(--radius-small) 0;background:var(--bg-fill);font-size:16px;line-height:1.62;color:var(--label-secondary)}.article-chiffres{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr));gap:var(--gap-3);margin:0 0 var(--gap-4);padding:var(--gap-4);border:1px solid var(--separator);border-radius:var(--radius-card);background:var(--bg-card)}.article-chiffre-label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:0.05em;color:var(--label-tertiary)}.article-chiffre{margin:4px 0 2px;font-family:var(--font-display);font-size:clamp(24px,3.4vw,30px);font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-0.02em}.article-chiffre.is-cheap{color:var(--green-text)}.article-chiffre.is-expensive{color:var(--red)}.article-chiffre-note{font-size:12px;color:var(--label-tertiary)}.article .table-scroll{margin-bottom:var(--gap-4)}.trajet-form{display:grid;gap:var(--gap-3);margin-bottom:var(--gap-3)}.trajet-champs{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--gap-3)}.trajet-reglages{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--gap-3)}.trajet-champ{display:grid;gap:5px;margin:0;min-width:0}.trajet-champ label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:0.05em;color:var(--label-tertiary)}.trajet-champ input,.trajet-champ select{width:100%;height:44px;padding:0 12px;border:1px solid var(--separator);border-radius:var(--radius-small);background:var(--bg-fill);color:var(--label);font-family:inherit;font-size:16px;-webkit-appearance:none;appearance:none}.trajet-champ select{padding-right:32px;background-image:linear-gradient(45deg,transparent 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,transparent 50%);background-position:calc(100% - 17px) 20px,calc(100% - 12px) 20px;background-size:5px 5px,5px 5px;background-repeat:no-repeat}.trajet-champ input:focus-visible,.trajet-champ select:focus-visible{border-color:var(--accent);outline:none}.trajet-champ-etroit{flex:0 0 130px}.trajet-envoi{margin:0}.trajet-envoi .button{height:44px}.trajet-erreur{display:flex;align-items:flex-start;gap:8px;margin:0;padding:var(--gap-3);border-left:3px solid var(--orange);border-radius:0 var(--radius-small) var(--radius-small) 0;background:var(--bg-fill);font-size:14px;line-height:1.55;color:var(--label-secondary)}.trajet-erreur svg{flex:none;margin-top:2px;color:var(--orange-text)}.parcours{margin:0;padding:0;list-style:none}.parcours-etape{display:grid;grid-template-columns:62px minmax(0,1fr);align-items:center;gap:var(--gap-3)}.parcours-jalon{position:relative;align-self:stretch;display:grid;place-items:center}.parcours-jalon::before{content:"";position:absolute;top:0;bottom:0;right:-1px;width:1px;background:var(--separator)}.parcours-etape:first-child .parcours-jalon::before{top:50%}.parcours-etape:last-child .parcours-jalon::before{bottom:50%}.parcours-km{position:relative;z-index:1;padding:2px 0;font-family:var(--font-rounded);font-size:12px;font-variant-numeric:tabular-nums;font-weight:600;color:var(--label-tertiary);white-space:nowrap}.parcours-lien{display:flex;align-items:center;gap:var(--gap-3);padding:9px 0;color:inherit}.parcours-lien:hover{text-decoration:none}.parcours-lien:hover .city-name strong{color:var(--accent-text)}.parcours-etape + .parcours-etape .parcours-lien{border-top:1px solid var(--separator)}.parcours-etape.is-moins-chere .parcours-km{color:var(--green-text)}.parcours-etape.is-moins-chere .city-name strong::after{content:" · la moins chère";font-size:12px;font-weight:600;color:var(--green-text)}.fiches{display:grid;grid-template-columns:repeat(auto-fit,minmax(184px,1fr));gap:var(--gap-3);margin:0 0 var(--gap-3);padding:0;list-style:none}.fiche{display:grid;gap:3px;padding:var(--gap-3) var(--gap-4);border:1px solid var(--separator);border-radius:var(--radius-card);background:var(--bg-fill)}.fiche-tete{display:flex;align-items:center;gap:7px;margin-bottom:2px;font-size:14px;font-weight:600}.fiche-tete a{color:inherit}.fiche-tete a:hover{color:var(--accent-text)}.fiche-valeur{font-family:var(--font-display);font-size:27px;font-weight:700;font-variant-numeric:tabular-nums;line-height:1.08;letter-spacing:-0.025em}.fiche.is-hausse .fiche-valeur{color:var(--red)}.fiche.is-baisse .fiche-valeur{color:var(--green-text)}.fiche.is-stable .fiche-valeur{color:var(--label-secondary)}.fiche.is-alerte .fiche-valeur{color:var(--orange-text,var(--orange))}.fiche.is-calme .fiche-valeur{color:var(--label-secondary)}.fiche-unite{font-family:var(--font-text);font-size:13px;font-weight:600;color:var(--label-tertiary)}.fiche-detail{font-size:13px;font-variant-numeric:tabular-nums;color:var(--label-secondary)}.fiche-note{font-size:12px;color:var(--label-tertiary)}.fiche.is-courante{border-color:var(--accent);background:var(--bg-card)}.guides-hero{margin:var(--gap-4) 0 var(--gap-5);max-width:62ch}.guides-hero h1{margin:0;font-family:var(--font-display);font-size:clamp(30px,5vw,44px);line-height:1.1;letter-spacing:-0.025em}.guides-hero-chapo{margin:var(--gap-3) 0 0;font-size:clamp(16px,2vw,18px);line-height:1.6;color:var(--label-secondary)}.guides-hero-meta{margin:var(--gap-3) 0 0;font-size:13px;color:var(--label-tertiary)}.guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--gap-4);margin:0;padding:0;list-style:none}@media (max-width:720px){.guide-grid{grid-template-columns:1fr}}.guide-card{display:flex;flex-direction:column;height:100%;overflow:hidden;border:1px solid var(--separator);border-radius:var(--radius-card);background:var(--bg-card);color:inherit;transition:border-color var(--dur-fast) linear,transform var(--dur-fast) var(--ease-out-quint)}.guide-card:hover,.guide-card:focus-visible{border-color:var(--teinte,var(--accent));text-decoration:none;transform:translateY(-2px)}.guide-card::before{content:"";display:block;height:3px;background:var(--teinte,var(--accent))}.guide-card-pastille{display:grid;place-items:center;width:22px;height:22px;flex:none;border-radius:var(--radius-hairline);color:#fff}.guide-card-pastille svg{width:13px;height:13px}.guide-card-corps{display:flex;flex-direction:column;gap:6px;padding:var(--gap-4)}.guide-card-meta{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:0.05em;color:var(--label-tertiary)}.guide-card-titre{font-family:var(--font-display);font-size:19px;font-weight:700;line-height:1.28;letter-spacing:-0.01em}.guide-card-chapo{font-size:14px;line-height:1.55;color:var(--label-secondary)}.guide-card-lire{display:flex;align-items:center;gap:4px;margin-top:auto;padding-top:var(--gap-3);font-size:13px;font-weight:600;color:var(--teinte,var(--accent));color:color-mix(in srgb,var(--teinte,var(--accent)) 84%,var(--label))}.guide-card-lire svg{width:13px;height:13px}.guide-puce{width:10px;height:34px;flex:none;border-radius:var(--radius-hairline)}.guide-list{margin:0;padding:0;list-style:none}.guide-list li + li{border-top:1px solid var(--separator)}.guide-link{display:flex;align-items:center;gap:var(--gap-3);padding:var(--gap-3) 0;color:inherit}.guide-link:hover{text-decoration:none}.guide-link:hover .guide-text strong{color:var(--accent-text)}.guide-link .icon-badge{display:grid;place-items:center;width:34px;height:34px;flex:none;border-radius:var(--radius-small)}.guide-text{display:grid;gap:2px;min-width:0}.guide-text strong{font-size:15px;font-weight:600;line-height:1.35}.guide-resume{font-size:13px;line-height:1.45;color:var(--label-secondary)}.guide-duree{margin-left:auto;flex:none;font-size:12px;font-weight:600;color:var(--label-tertiary);white-space:nowrap}.nav-drawer{display:none;flex:none}.nav-drawer>summary{display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--separator);border-radius:var(--radius-large);background:var(--bg-fill);color:var(--label);cursor:pointer;list-style:none;transition:background-color var(--dur-fast) linear,border-color var(--dur-fast) linear}.nav-drawer>summary:hover,.nav-drawer>summary:focus-visible{border-color:var(--accent);background:var(--bg-card)}.nav-drawer>summary::-webkit-details-marker{display:none}.nav-drawer>summary>span{grid-area:1 / 1;display:grid;place-items:center}.nav-drawer>summary svg{display:block;width:19px;height:19px}.nav-drawer .nav-drawer-close{visibility:hidden}.nav-drawer[open] .nav-drawer-open{visibility:hidden}.nav-drawer[open] .nav-drawer-close{visibility:visible}.nav-drawer-panel{position:absolute;top:calc(100% + 10px);left:0;right:0;z-index:30;max-height:min(72vh,560px);max-height:min(72dvh,560px);overflow-y:auto;padding:var(--gap-3);border:1px solid var(--separator);border-radius:var(--radius-card);background:var(--bg-card);box-shadow:0 16px 40px rgb(0 0 0 / 26%);overscroll-behavior:contain}.nav-drawer-panel ul{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:2px 8px}.nav-drawer-titre{margin:var(--gap-3) 0 4px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:0.06em;color:var(--label-tertiary)}.nav-drawer-titre:first-child{margin-top:0}.nav-drawer-panel ul{margin:0;padding:0;list-style:none}.nav-drawer-panel a{display:block;padding:8px 10px;border-radius:var(--radius-small);color:var(--label);font-size:15px;font-weight:500}.nav-drawer-panel a:hover,.nav-drawer-panel a:focus-visible{background:var(--bg-fill);text-decoration:none}.nav-drawer-panel a[aria-current="page"]{color:var(--accent-text);font-weight:600}.nav-drawer-lien{display:block;padding:8px 10px;border-radius:var(--radius-small);font-size:15px;font-weight:600}.header-cta{flex:none}@media (max-width:900px){.header-nav{display:none}.nav-drawer{display:block}.header-cta{margin-left:auto}}@media (max-width:620px){.site-header-inner{gap:var(--gap-3);padding:0 var(--gap-3)}.brand{font-size:16px}}.app-shell{display:grid;grid-template-columns:var(--sidebar-width) 1fr;height:calc(100vh - var(--header-height));height:calc(100dvh - var(--header-height));overflow:hidden}body.map-page{height:100%;overflow:hidden;overscroll-behavior:none}.panel{display:flex;flex-direction:column;min-height:0;background:var(--bg-grouped);border-right:1px solid var(--separator)}.map-pane{position:relative;min-height:0}#map{position:absolute;inset:0}.controls{display:flex;flex-direction:column;gap:var(--gap-3);padding:var(--gap-3) max(var(--gap-4),env(safe-area-inset-right)) var(--gap-3) max(var(--gap-4),env(safe-area-inset-left));background:var(--bg-card);border-bottom:1px solid var(--separator)}.search-field{position:relative;display:flex;align-items:center;gap:var(--gap-2);padding:0 var(--gap-3);height:38px;background:var(--bg-fill);border-radius:var(--radius-medium)}.search-field svg{flex:none;width:15px;height:15px;color:var(--label-secondary)}.search-field input{flex:1;min-width:0;border:0;background:transparent;font:inherit;color:var(--label);outline:none}.search-field input::placeholder{color:var(--label-secondary)}.search-clear{display:none;border:0;padding:0;background:transparent;color:var(--label-tertiary);font-size:16px;line-height:1}.search-field.has-value .search-clear{display:block}.suggestions{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:30;margin:0;padding:var(--gap-1);list-style:none;background:var(--bg-elevated);border:1px solid var(--separator);border-radius:var(--radius-medium);box-shadow:0 10px 30px rgba(0,0,0,0.18);max-height:280px;overflow-y:auto}.suggestions:empty{display:none}.suggestions li button{display:block;width:100%;padding:8px 10px;border:0;border-radius:var(--radius-small);background:transparent;text-align:left;font-size:14px}.suggestions li button:hover,.suggestions li button[aria-selected="true"]{background:var(--bg-fill)}.suggestions .suggestion-context{display:block;font-size:12px;color:var(--label-secondary)}.fuel-picker{display:flex;gap:var(--gap-2);overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;padding-bottom:2px}.fuel-picker::-webkit-scrollbar{display:none}.fuel-chip{display:inline-flex;align-items:center;gap:6px;flex:none;padding:6px 12px 6px 6px;border:1px solid var(--separator);border-radius:var(--radius-large);background:var(--bg-card);font-size:13px;font-weight:600;color:var(--label-secondary);transition:background 0.18s var(--ease),color 0.18s var(--ease),border-color 0.18s var(--ease)}.fuel-chip[aria-pressed="true"]{background:var(--accent-fill);border-color:var(--accent-fill);color:#fff}.toolbar{display:flex;align-items:center;gap:var(--gap-2);flex-wrap:wrap}.pill{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;border:1px solid var(--separator);border-radius:var(--radius-large);background:var(--bg-card);font-size:13px;font-weight:500;color:var(--label);white-space:nowrap}.pill svg{width:13px;height:13px}.pill[aria-pressed="true"],.pill.is-active{background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 40%,transparent);color:var(--accent-text)}.pill select{border:0;background:transparent;font:inherit;color:inherit;outline:none;cursor:pointer}.filters{display:grid;gap:var(--gap-3);padding:var(--gap-3);border:1px solid var(--separator);border-radius:var(--radius-medium);background:var(--bg-card)}.filters[hidden]{display:none}.filters fieldset{margin:0;padding:0;border:0}.filters legend{padding:0 0 6px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:0.04em;color:var(--label-secondary)}.checkbox-row{display:flex;flex-wrap:wrap;gap:var(--gap-2)}.checkbox-row label{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border:1px solid var(--separator);border-radius:var(--radius-large);font-size:13px;cursor:pointer}.checkbox-row input{accent-color:var(--accent)}.checkbox-row label:has(input:checked){background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 40%,transparent);color:var(--accent-text)}.list-header{display:flex;align-items:baseline;justify-content:space-between;gap:var(--gap-2);padding:var(--gap-3) max(var(--gap-4),env(safe-area-inset-right)) var(--gap-2) max(var(--gap-4),env(safe-area-inset-left));font-size:13px;font-weight:600;color:var(--label-secondary)}.list-header .updated{font-weight:400;font-size:12px;color:var(--label-tertiary)}.list-header .updated.is-stale{color:var(--orange-text);font-weight:500}.station-list{flex:1;min-height:0;overflow-y:auto;margin:0;padding:0 max(var(--gap-3),env(safe-area-inset-right)) var(--gap-6) max(var(--gap-3),env(safe-area-inset-left));list-style:none;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.station-card{display:grid;grid-template-columns:44px 1fr auto;gap:var(--gap-3);align-items:start;width:100%;padding:var(--gap-3);margin-bottom:var(--gap-2);border:1px solid transparent;border-radius:var(--radius-card);background:var(--bg-card);box-shadow:var(--shadow-card);text-align:left;color:inherit;transition:transform 0.15s var(--ease),border-color 0.15s var(--ease)}.station-card:hover{border-color:color-mix(in srgb,var(--accent) 35%,transparent);text-decoration:none}.station-card:active{transform:scale(0.99)}.station-card.is-selected{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.station-identity{min-width:0}.station-name{margin:0;font-size:15px;font-weight:600;letter-spacing:-0.01em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.station-address{display:block;margin:2px 0 0;font-size:13px;color:var(--label-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.station-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:5px;font-size:11px;color:var(--label-tertiary)}.station-price{display:flex;flex-direction:column;align-items:flex-end;gap:4px;min-width:84px}.price-value{font-family:var(--font-rounded);font-variant-numeric:tabular-nums;font-size:19px;font-weight:700;letter-spacing:-0.02em;white-space:nowrap}.price-value.is-cheap{color:var(--green-text)}.price-value.is-expensive{color:var(--red)}.price-value.is-normal{color:var(--label)}.price-delta{font-family:var(--font-rounded);font-variant-numeric:tabular-nums;font-size:11px;font-weight:700;padding:2px 6px;border-radius:var(--radius-large);color:#fff}.price-delta.is-cheap{background:var(--green-text)}.price-delta.is-expensive{background:var(--red)}.price-delta.is-normal{background:var(--gray)}.price-unavailable{font-size:13px;font-weight:600;text-align:right}.price-unavailable.is-outage{color:var(--orange-text)}.price-unavailable.is-missing{color:var(--label-tertiary)}.brand-badge{display:grid;place-items:center;align-content:center;flex:none;width:44px;height:44px;border-radius:calc(44px * var(--squircle-ratio));overflow:hidden;font-family:var(--font-rounded);font-weight:900;line-height:1.05;text-align:center;color:#fff;background:linear-gradient(135deg,color-mix(in srgb,var(--blue) 72%,transparent),var(--blue))}.brand-badge.is-highway{background:linear-gradient(135deg,color-mix(in srgb,var(--orange) 72%,transparent),var(--orange))}.brand-badge.has-outline{box-shadow:inset 0 0 0 1px rgba(128,128,128,0.35)}.brand-badge-text{display:block;width:100%;height:100%;font-family:var(--font-rounded);overflow:visible}.brand-badge-text .line1{fill:currentColor;font-weight:900}.brand-badge-text .line2{fill:currentColor;font-weight:600}.brand-badge .generic-icon{width:26%;height:26%}.brand-badge .generic-label{display:block;font-size:16%;font-weight:700;opacity:0.9}.fuel-badge{display:inline-grid;place-items:center;width:22px;height:22px;flex:none;font-family:var(--font-rounded);font-size:8px;font-weight:700;border-radius:50%}@supports (text-box-trim:trim-both){.fuel-badge{display:inline-block;align-content:center;text-align:center;text-box-trim:trim-both;text-box-edge:cap alphabetic}}.fuel-badge[data-fuel="gazole"]{border-radius:calc(22px * var(--squircle-ratio));background:var(--eu-b7-bg);color:var(--eu-b7-fg)}.fuel-badge[data-fuel="sp95"],.fuel-badge[data-fuel="sp98"]{background:var(--eu-e5-bg);color:var(--eu-e5-fg)}.fuel-badge[data-fuel="e10"]{background:var(--eu-e10-bg);color:var(--eu-e10-fg)}.fuel-badge[data-fuel="e85"]{background:var(--eu-e85-bg);color:var(--eu-e85-fg)}.fuel-badge[data-fuel="gplc"]{background:var(--eu-lpg-bg);color:var(--eu-lpg-fg);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);font-size:7px}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 7px;border-radius:var(--radius-large);font-size:11px;font-weight:600;white-space:nowrap}.badge svg{width:10px;height:10px}.badge.is-fresh{color:var(--green-badge);background:color-mix(in srgb,var(--green) 12%,transparent)}.badge.is-needs-check{color:var(--orange-text);background:color-mix(in srgb,var(--orange) 14%,transparent)}.badge.is-outdated{color:var(--red-text);background:color-mix(in srgb,var(--red) 12%,transparent)}.badge.is-open{color:var(--green-text);background:color-mix(in srgb,var(--green) 12%,transparent)}.badge.is-closed{color:var(--label-secondary);background:var(--bg-fill)}.badge.is-neutral{color:var(--label-secondary);background:var(--bg-fill)}.empty-state{padding:var(--gap-6) var(--gap-4);text-align:center;color:var(--label-secondary)}.empty-state h2{margin:0 0 6px;font-size:16px;color:var(--label)}.empty-state p{margin:0 0 var(--gap-4);font-size:14px}.skeleton-card{display:grid;grid-template-columns:44px 1fr 70px;gap:var(--gap-3);padding:var(--gap-3);margin-bottom:var(--gap-2);border-radius:var(--radius-card);background:var(--bg-card)}.skeleton-block{border-radius:var(--radius-tiny);background:linear-gradient(90deg,var(--bg-fill) 25%,var(--bg-fill-strong) 37%,var(--bg-fill) 63%);background-size:400% 100%;animation:shimmer 1.4s ease infinite}@keyframes shimmer{from{background-position:100% 0}to{background-position:0 0}}@media (prefers-reduced-motion:reduce){.skeleton-block{animation:none}*{scroll-behavior:auto !important}}.maplibregl-popup-content{padding:0;border-radius:var(--radius-card);background:var(--bg-card);color:var(--label);box-shadow:var(--elev-3);overflow:hidden}.maplibregl-popup-anchor-bottom .maplibregl-popup-tip,.maplibregl-popup-anchor-bottom-left .maplibregl-popup-tip,.maplibregl-popup-anchor-bottom-right .maplibregl-popup-tip{border-top-color:var(--bg-card)}.maplibregl-popup-anchor-top .maplibregl-popup-tip,.maplibregl-popup-anchor-top-left .maplibregl-popup-tip,.maplibregl-popup-anchor-top-right .maplibregl-popup-tip{border-bottom-color:var(--bg-card)}.maplibregl-popup-anchor-left .maplibregl-popup-tip{border-right-color:var(--bg-card)}.maplibregl-popup-anchor-right .maplibregl-popup-tip{border-left-color:var(--bg-card)}.maplibregl-popup-close-button{top:4px;right:4px;width:28px;height:28px;display:grid;place-items:center;padding:0;border-radius:50%;color:var(--label-secondary);font-size:17px;line-height:1;transition:background-color var(--dur-fast) linear,color var(--dur-fast) linear}.maplibregl-popup-close-button:hover{background:var(--bg-fill);color:var(--label)}.maplibregl-popup-close-button:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.map-overlay{position:absolute;z-index:10;pointer-events:none}.map-overlay>*{pointer-events:auto}.map-status{top:var(--gap-3);left:50%;transform:translateX(-50%);display:flex;gap:var(--gap-2);max-width:min(90%,520px)}.map-toast{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:var(--radius-large);background:color-mix(in srgb,var(--bg-card) 88%,transparent);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--separator);box-shadow:0 4px 16px rgba(0,0,0,0.12);font-size:13px;font-weight:600}.map-toast.is-error{color:var(--red)}.map-actions{right:var(--gap-3);bottom:calc(var(--gap-3) + env(safe-area-inset-bottom));display:grid;gap:var(--gap-2);justify-items:end}.map-button{display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--separator);border-radius:var(--radius-medium);background:var(--bg-card);color:var(--label);box-shadow:0 2px 10px rgba(0,0,0,0.14)}.map-button svg{width:18px;height:18px}.map-button.is-active{color:var(--accent)}.map-legend{padding:var(--gap-3);border-radius:var(--radius-medium);background:color-mix(in srgb,var(--bg-card) 92%,transparent);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--separator);font-size:12px;box-shadow:0 4px 16px rgba(0,0,0,0.12);max-width:220px}.map-legend[hidden]{display:none}.map-legend h3{margin:0 0 6px;font-size:12px;text-transform:uppercase;letter-spacing:0.04em;color:var(--label-secondary)}.map-legend ul{margin:0;padding:0;list-style:none;display:grid;gap:5px}.map-legend li{display:flex;align-items:center;gap:8px}.legend-swatch{width:14px;height:14px;border-radius:var(--radius-tiny);flex:none}.pin-popup{width:272px}.pin-popup-head{display:flex;align-items:flex-start;gap:10px;padding:12px 12px 10px}.pin-popup-head .brand-badge{width:40px;height:40px;border-radius:calc(40px * var(--squircle-ratio))}.pin-popup-identity{display:grid;gap:2px;min-width:0}.pin-popup-name{font-size:14px;font-weight:600;line-height:1.25;overflow-wrap:anywhere}.pin-popup-address{font-size:12px;line-height:1.35;color:var(--label-secondary);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden}.pin-popup-meta{display:flex;flex-wrap:wrap;align-items:center;gap:5px;margin-top:3px;font-size:11px;color:var(--label-tertiary)}.pin-popup-focus{display:flex;align-items:center;gap:8px;margin:0 12px;padding:9px 10px;border-radius:var(--radius-medium);background:var(--bg-fill)}.pin-popup-focus-name{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:600}.pin-popup-focus-value{margin-left:auto;font-family:var(--font-rounded);font-variant-numeric:tabular-nums;font-size:17px;font-weight:700;letter-spacing:-0.01em}.pin-popup-focus-value.is-cheap{color:var(--green-text)}.pin-popup-focus-value.is-expensive{color:var(--red)}.pin-popup-focus-value.is-missing{font-size:13px;font-weight:600;color:var(--label-secondary)}.pin-popup-prices{display:grid;grid-template-columns:1fr 1fr;gap:6px 16px;padding:10px 12px 0}.pin-popup-price{display:flex;align-items:center;gap:5px;font-size:11.5px;color:var(--label-secondary);white-space:nowrap}.pin-popup-price strong{margin-left:auto;font-family:var(--font-rounded);font-variant-numeric:tabular-nums;font-size:12px;color:var(--label)}.pin-popup-actions{display:flex;gap:8px;padding:12px}.pin-popup-action{flex:1;min-height:36px;display:inline-flex;align-items:center;justify-content:center;padding:0 10px;border:1px solid var(--separator);border-radius:var(--radius-medium);font-size:13px;font-weight:600;color:var(--label);transition:border-color var(--dur-fast) linear,filter var(--dur-fast) linear}.pin-popup-action.is-primary{border-color:transparent;background:var(--accent-fill);color:#fff}.pin-popup-action:hover{text-decoration:none;filter:brightness(1.06)}.pin-popup-action:not(.is-primary):hover{border-color:var(--accent);color:var(--accent-text)}.detail-page{min-height:calc(100vh - var(--header-height-site));min-height:calc(100dvh - var(--header-height-site));background:var(--bg-grouped)}.detail-wrap{max-width:var(--dashboard-width);margin:0 auto;padding:var(--gap-5) max(var(--gap-4),env(safe-area-inset-right)) calc(var(--gap-6) + env(safe-area-inset-bottom)) max(var(--gap-4),env(safe-area-inset-left))}.breadcrumb{margin-bottom:var(--gap-4);font-size:13px;color:var(--label-secondary)}.breadcrumb ol{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0;padding:0;list-style:none}.breadcrumb li{display:inline-flex;align-items:center}.breadcrumb li + li::before{content:"›";margin-right:6px;color:var(--label-tertiary)}.detail-hero{display:flex;gap:var(--gap-4);align-items:flex-start;margin-bottom:var(--gap-4)}.detail-hero .brand-badge{width:54px;height:54px;border-radius:calc(54px * var(--squircle-ratio));box-shadow:0 2px 8px rgba(0,0,0,0.16)}.detail-hero h1{margin:0;font-family:var(--font-display);font-size:clamp(26px,3.6vw,34px);font-weight:700;line-height:1.15;letter-spacing:-0.022em}.detail-hero .detail-address{margin:4px 0 8px;font-size:14px;color:var(--label-secondary)}.hero-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:var(--gap-2);margin:var(--gap-3) 0}.hero-price .amount{font-family:var(--font-rounded);font-variant-numeric:tabular-nums;font-size:clamp(38px,9vw,46px);font-weight:700;line-height:1;letter-spacing:-0.03em}.hero-price .unit{font-size:18px;font-weight:500;color:var(--label-secondary)}.verdict{display:flex;gap:var(--gap-3);padding:var(--gap-3);border-radius:var(--radius-medium);font-size:13px}.verdict p{margin:0;color:var(--label-secondary)}.verdict .verdict-title{margin:0 0 2px;font-size:14px;font-weight:600;color:var(--label)}.verdict .verdict-icon{display:grid;place-items:center;width:28px;height:28px;flex:none;border-radius:50%}.verdict.is-good{background:color-mix(in srgb,var(--green) 8%,transparent)}.verdict.is-good h2,.verdict.is-good .verdict-icon{color:var(--green-text)}.verdict.is-good .verdict-icon{background:color-mix(in srgb,var(--green) 16%,transparent)}.verdict.is-warn{background:color-mix(in srgb,var(--orange) 8%,transparent)}.verdict.is-warn h2,.verdict.is-warn .verdict-icon{color:var(--orange-text)}.verdict.is-warn .verdict-icon{background:color-mix(in srgb,var(--orange) 16%,transparent)}.verdict.is-bad{background:color-mix(in srgb,var(--red) 8%,transparent)}.verdict.is-bad h2,.verdict.is-bad .verdict-icon{color:var(--red)}.verdict.is-bad .verdict-icon{background:color-mix(in srgb,var(--red) 16%,transparent)}.verdict.is-neutral{background:var(--bg-fill)}.verdict.is-neutral .verdict-icon{background:var(--bg-fill-strong);color:var(--label-secondary)}.detail-grid{columns:2;column-gap:var(--gap-4)}.detail-grid>.card{break-inside:avoid;page-break-inside:avoid;margin-bottom:var(--gap-4)}.detail-grid>.card:last-child{margin-bottom:0}@media (max-width:900px){.detail-grid{columns:1}}.card{padding:var(--gap-4);border:1px solid var(--separator);border-radius:var(--radius-card);background:var(--bg-card);box-shadow:var(--shadow-card)}.card + .card{margin-top:var(--gap-4)}.card-header{display:flex;align-items:center;gap:var(--gap-2);margin:0 0 var(--gap-3);font-family:var(--font-display);font-size:16px;font-weight:700;font-stretch:92%;letter-spacing:-0.012em;line-height:1.3}.card-header h2{margin:0;font:inherit;letter-spacing:inherit}.card-header .icon-badge{display:grid;place-items:center;width:28px;height:28px;border-radius:var(--radius-small);background:color-mix(in srgb,var(--teinte,var(--accent)) 15%,transparent);color:var(--teinte,var(--accent))}.card-header .icon-badge svg{width:14px;height:14px}.card-header .fuel-badge{flex:none;font-size:10px}.card-header .fuel-badge[data-fuel="gplc"]{font-size:8px}.card-header .price-focus-badges{flex:none}.city-link>.fuel-badge{flex:none}.rupture-list{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:4px}.metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--gap-3);margin:var(--gap-4) 0}.metric-tile{padding:var(--gap-3);border-radius:var(--radius-medium);background:var(--bg-card);box-shadow:var(--shadow-card)}.metric-tile .metric-label{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--label-secondary)}.metric-tile .metric-label svg{width:12px;height:12px}.metric-tile .metric-value{display:block;margin-top:4px;font-family:var(--font-rounded);font-variant-numeric:tabular-nums;font-size:20px;font-weight:700;letter-spacing:-0.02em}.metric-tile .metric-caption{display:block;margin-top:2px;font-size:11px;color:var(--label-tertiary)}.fuel-rows{display:grid}.fuel-row{display:flex;align-items:center;gap:var(--gap-3);padding:10px 0}.fuel-row + .fuel-row{border-top:1px solid var(--separator)}.fuel-row .fuel-name{font-size:14px}.fuel-row.is-tracked .fuel-name{font-weight:600;color:var(--accent-text)}.fuel-row .fuel-price{margin-left:auto;font-family:var(--font-rounded);font-variant-numeric:tabular-nums;font-size:15px;font-weight:600}.fuel-row.is-unavailable .fuel-badge{filter:grayscale(0.8)}.fuel-row.is-unavailable .fuel-name{color:var(--label-secondary)}.attribute-row{display:flex;gap:var(--gap-3);padding:10px 0;font-size:14px}.attribute-row + .attribute-row{border-top:1px solid var(--separator)}.attribute-row .attribute-label{color:var(--label-secondary);min-width:120px}.attribute-row .attribute-value{margin-left:auto;text-align:right;font-weight:500}.chip-row{display:flex;flex-wrap:wrap;gap:var(--gap-2);margin:0;padding:0;list-style:none}.chip{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:var(--radius-large);background:var(--bg-fill);font-size:12px;font-weight:500;color:var(--label-secondary)}.chip svg{width:12px;height:12px}#detail-map{height:220px;border-radius:var(--radius-medium);overflow:hidden}.maplibregl-ctrl-group button{width:40px;height:40px}.maplibregl-ctrl-group button + button{border-top:1px solid var(--separator)}#history-chart{width:100%;height:160px}#history-chart:has(.chart-empty){height:auto}.chart-empty{font-size:13px;color:var(--label-secondary)}.action-bar{position:sticky;bottom:0;z-index:20;display:flex;gap:var(--gap-2);padding:var(--gap-3) var(--gap-4) calc(var(--gap-3) + env(safe-area-inset-bottom));background:color-mix(in srgb,var(--bg-card) 88%,transparent);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--separator)}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 18px;border:1px solid var(--separator);border-radius:var(--radius-medium);background:var(--bg-card);font-size:15px;font-weight:600;color:var(--label)}.button svg{width:16px;height:16px}.button:hover{text-decoration:none}.button.is-primary{flex:1;border-color:transparent;background:var(--accent-fill);color:#fff}.disclaimer{margin-top:var(--gap-4);padding:var(--gap-3);border-radius:var(--radius-medium);background:var(--bg-fill);font-size:12px;color:var(--label-secondary)}.disclaimer a,.note a,.article-meta a,.prose a,.faq p a,.metric-caption a,.price-panel-note a{text-decoration:underline;text-underline-offset:2px}.ad-slot{position:relative;margin-block:var(--gap-3);padding-inline:var(--gap-4);padding-top:14px;min-height:104px;display:flex;align-items:center;justify-content:center;overflow:hidden}.ad-slot[data-empty="true"]{display:none}@media (max-width:780px){.ad-slot-article{min-height:404px}}.ad-slot[data-empty="true"] + .card{margin-top:var(--gap-4)}.ad-slot-panel{display:none;flex:none;min-height:0;margin-block:var(--gap-4) var(--gap-3)}@media (min-width:781px) and (min-height:820px){.ad-slot-panel{display:flex}}.ad-slot::before{content:"Publicité";position:absolute;top:0;left:var(--gap-4);font-size:10px;letter-spacing:0.06em;text-transform:uppercase;color:var(--label-tertiary)}@media (max-width:1100px){:root{--sidebar-width:340px}.detail-grid{columns:1}}@media (max-width:780px){.app-shell{display:block;position:relative;height:calc(100vh - var(--header-height));height:calc(100dvh - var(--header-height))}.map-pane{position:absolute;inset:0}.panel{position:absolute;left:0;right:0;bottom:0;z-index:20;height:88%;border-right:0;border-radius:var(--radius-large) var(--radius-large) 0 0;background:var(--bg-grouped);box-shadow:0 -6px 30px rgba(0,0,0,0.22);transform:translateY(calc(100% - var(--sheet-peek,168px) - env(safe-area-inset-bottom)));transition:transform 0.32s var(--ease);touch-action:pan-y}.panel.is-expanded{transform:translateY(0)}.panel::before{content:"";display:block;width:36px;height:5px;margin:8px auto 4px;border-radius:var(--radius-hairline);background:var(--label-tertiary)}.sheet-grabber{position:absolute;top:0;left:0;right:0;height:44px;padding:0;border:0;background:none;cursor:grab;-webkit-appearance:none;appearance:none}.sheet-grabber:active{cursor:grabbing}.sheet-grabber:focus-visible{outline:2px solid var(--accent);outline-offset:-4px;border-radius:var(--radius-medium)}.controls{border-radius:0}.map-actions{bottom:calc(var(--sheet-peek,168px) + var(--gap-3) + env(safe-area-inset-bottom))}.station-list{padding-bottom:calc(var(--gap-6) + env(safe-area-inset-bottom))}.header-nav .hide-mobile{display:none}.detail-hero{flex-direction:column}.detail-wrap{padding-inline:var(--gap-3)}.action-bar{padding-inline:var(--gap-3)}.station-card{grid-template-columns:40px 1fr auto}}@media (max-width:380px){.station-card{padding:10px}.price-value{font-size:17px}}.panel-footer{display:flex;flex-wrap:wrap;gap:var(--gap-3);padding:var(--gap-2) var(--gap-4) calc(var(--gap-2) + env(safe-area-inset-bottom));border-top:1px solid var(--separator);background:var(--bg-card);font-size:11px;color:var(--label-tertiary)}.panel-footer a{color:var(--label-secondary)}@media (max-width:780px){.panel-footer{display:none}}.hero-price .amount.is-cheap,.fuel-price.is-cheap,.pin-popup-price strong.is-cheap{color:var(--green-text)}.hero-price .amount.is-expensive,.fuel-price.is-expensive,.pin-popup-price strong.is-expensive{color:var(--red)}.hero-price .amount.is-normal,.fuel-price.is-normal,.pin-popup-price strong.is-normal{color:var(--label)}.fuel-row .fuel-name a{color:inherit}.fuel-row .fuel-name{display:flex;align-items:center;gap:var(--gap-2)}.detail-hero .badge + .badge{margin-left:var(--gap-2)}.card h1{margin:0 0 var(--gap-2);font-size:22px;letter-spacing:-0.02em}.attribute-row.is-today .attribute-label,.attribute-row.is-today .attribute-value{font-weight:700;color:var(--label)}.wrap{width:100%;max-width:var(--page-width);margin:0 auto;padding-inline:max(var(--gap-5),env(safe-area-inset-left)) max(var(--gap-5),env(safe-area-inset-right))}.wrap-narrow{max-width:var(--narrow-width)}h1,h2,h3,.section-head h2,.hero h1{font-family:var(--font-display);font-stretch:92%;letter-spacing:-0.028em;line-height:1.08}.eyebrow{display:inline-flex;align-items:center;gap:6px;margin:0 0 var(--gap-4);padding:5px 12px;border:1px solid var(--separator);border-radius:var(--radius-large);background:var(--bg-card);font-size:12px;font-weight:600;letter-spacing:0.01em;color:var(--label-secondary)}.eyebrow svg{color:var(--green)}.hero{position:relative;overflow:hidden;padding-block:clamp(48px,8vw,88px) clamp(40px,6vw,72px);background:var(--bg-card);border-bottom:1px solid var(--separator)}.hero::before{content:"";position:absolute;inset:-40% 0 auto 0;height:120%;pointer-events:none;background:radial-gradient(ellipse 70% 46% at 22% 12%,color-mix(in srgb,var(--accent) 13%,transparent),transparent 62%),radial-gradient(ellipse 46% 36% at 88% 0%,color-mix(in srgb,var(--fuel-e10) 9%,transparent),transparent 58%)}.hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,0.85fr);gap:clamp(28px,5vw,56px);align-items:start}.hero h1{margin:0 0 var(--gap-4);font-size:clamp(34px,5.6vw,56px);font-weight:700}.hero .lead{margin:0 0 var(--gap-5);max-width:46ch;font-size:clamp(16px,1.6vw,19px);line-height:1.55;color:var(--label-secondary)}.hero-search{display:flex;align-items:center;gap:var(--gap-2);padding:6px 6px 6px var(--gap-4);border:1px solid var(--separator);border-radius:var(--radius-large);background:var(--bg-card);box-shadow:var(--shadow-card);max-width:520px}.hero-search:focus-within{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}.hero-search>svg{flex:none;color:var(--label-secondary)}.hero-search input{flex:1;min-width:0;height:44px;border:0;background:transparent;font:inherit;font-size:16px;color:var(--label);outline:none}.hero-search input::placeholder{color:var(--label-tertiary)}.hero-actions{display:flex;flex-wrap:wrap;gap:var(--gap-2);margin:var(--gap-4) 0 0}.price-panel{padding:var(--gap-5);border:1px solid var(--separator);border-radius:var(--radius-card);background:var(--bg-card);box-shadow:var(--shadow-card)}.price-panel-head{display:flex;align-items:center;justify-content:space-between;gap:var(--gap-2);margin-bottom:var(--gap-3)}.price-panel-head h2{margin:0;font-size:15px;font-weight:600;letter-spacing:-0.01em}.price-panel-list{margin:0;padding:0;list-style:none}.price-panel-list li{display:flex;align-items:center;gap:var(--gap-3);padding:9px 0}.price-panel-list li + li{border-top:1px solid var(--separator)}.price-panel-list .fuel-name{font-size:14px;color:inherit;text-decoration:none}.price-panel-list .fuel-name:hover,.price-panel-list .fuel-name:focus-visible{color:var(--accent-text);text-decoration:underline}.price-panel-list .numeric{margin-left:auto;font-size:16px;letter-spacing:-0.01em}.price-panel-note{margin:var(--gap-3) 0 0;font-size:12px;line-height:1.5;color:var(--label-tertiary)}.band{padding-block:clamp(36px,5vw,56px);border-bottom:1px solid var(--separator);background:var(--bg-grouped)}.band-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:clamp(20px,3vw,36px)}.band-grid svg{color:var(--accent)}.band-grid h3{margin:var(--gap-3) 0 6px;font-size:17px;font-weight:600}.band-grid p{margin:0;font-size:14px;line-height:1.6;color:var(--label-secondary)}.section{padding-block:clamp(44px,6vw,76px)}.section.is-tinted{background:var(--bg-card);border-block:1px solid var(--separator)}.section-head{margin-bottom:var(--gap-5);max-width:62ch}.section-head h2{margin:0 0 var(--gap-2);font-size:clamp(24px,3.2vw,32px);font-weight:700}.section-head p{margin:0;font-size:15px;line-height:1.6;color:var(--label-secondary)}.note{margin:var(--gap-3) 0 0;font-size:12px;line-height:1.6;color:var(--label-tertiary)}.prose p{margin:0 0 var(--gap-3);font-size:16px;line-height:1.7;color:var(--label-secondary)}.prose p:last-child{margin-bottom:0}.table-scroll{overflow-x:auto;max-height:min(70vh,620px);max-height:min(70dvh,620px);border:1px solid var(--separator);border-radius:var(--radius-card);background:var(--bg-card);-webkit-overflow-scrolling:touch}.price-table{width:100%;border-collapse:separate;border-spacing:0;font-size:14px}.price-table th,.price-table td{padding:11px var(--gap-3);text-align:right;white-space:nowrap}.price-table thead th{white-space:normal}.price-table thead th{position:sticky;top:0;z-index:1;background:var(--bg-card);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:0.05em;color:var(--label-secondary);box-shadow:inset 0 -1px 0 var(--separator)}.price-table tbody th,.price-table thead th:first-child{text-align:left;font-weight:600}.price-table tbody tr + tr th,.price-table tbody tr + tr td{border-top:1px solid var(--separator)}.price-table tbody tr:hover{background:var(--bg-fill)}.price-table td.numeric{font-family:var(--font-rounded);font-variant-numeric:tabular-nums;font-weight:600}.price-table td.wrap{white-space:normal;text-align:left;min-width:12rem;color:var(--label-secondary)}.ranking-table th:first-child,.ranking-table td:first-child{width:1%;padding-inline:var(--gap-3) 4px}.ranking-table tbody th{white-space:normal;min-width:9.5rem}.ranking-table thead th:first-child{text-align:right}.ranking-table thead th:nth-child(2){text-align:left}.price-table td.is-cheap{color:var(--green-text)}.price-table td.is-expensive{color:var(--red)}.price-table td.muted{font-weight:400;color:var(--label-tertiary)}.city-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--gap-2);margin:0;padding:0;list-style:none}.city-grid a{display:flex;align-items:center;gap:8px;padding:12px var(--gap-3);border:1px solid var(--separator);border-radius:var(--radius-medium);background:var(--bg-grouped);font-size:14px;font-weight:500;color:var(--label)}.city-grid a:hover{border-color:var(--accent);color:var(--accent);text-decoration:none}.city-grid svg{color:var(--label-tertiary)}.city-grid a:hover svg{color:var(--accent)}.faq details{border-bottom:1px solid var(--separator)}.faq summary{display:flex;align-items:center;justify-content:space-between;gap:var(--gap-3);padding:var(--gap-4) 0;font-size:16px;font-weight:600;cursor:pointer;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq summary::after{content:"";flex:none;width:9px;height:9px;border-right:2px solid var(--label-tertiary);border-bottom:2px solid var(--label-tertiary);transform:rotate(45deg) translate(-2px,-2px);transition:transform 0.2s var(--ease)}.faq details[open] summary::after{transform:rotate(-135deg) translate(-2px,-2px)}.faq details p{margin:0 0 var(--gap-4);padding-right:var(--gap-5);font-size:15px;line-height:1.65;color:var(--label-secondary)}.cta{padding-block:clamp(48px,7vw,80px);text-align:center;background:radial-gradient(ellipse 60% 100% at 50% 0%,color-mix(in srgb,var(--accent) 12%,transparent),transparent 70%),var(--bg-grouped);border-top:1px solid var(--separator)}.cta h2{margin:0 0 var(--gap-2);font-size:clamp(24px,3.4vw,34px);font-weight:700}.cta p{margin:0 0 var(--gap-5);color:var(--label-secondary)}.button.is-ghost{background:transparent;border-color:var(--separator);color:var(--label)}.button.is-ghost:hover{border-color:var(--accent);color:var(--accent)}.button.is-small{height:36px;padding:0 14px;font-size:14px}.button.is-large{height:52px;padding:0 28px;font-size:16px}.hero-search .button{flex:none;height:44px;border-radius:var(--radius-large)}.site-footer{padding-block:clamp(40px,5vw,64px) 0;border-top:1px solid var(--separator);background:var(--bg-card);font-size:14px}.footer-grid{display:grid;grid-template-columns:minmax(280px,1.4fr) repeat(3,minmax(130px,1fr));gap:clamp(20px,3vw,40px)}.footer-fuels{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 14px;margin-top:var(--gap-4);padding-top:var(--gap-4);border-top:1px solid var(--separator)}.footer-fuels-legend{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:0.06em;color:var(--label-tertiary)}.site-footer .footer-fuels ul{display:flex;flex-wrap:wrap;gap:8px 14px;margin:0;padding:0;list-style:none}.site-footer .footer-fuels a{display:inline-block;min-width:24px;text-align:center;font-size:13px;color:var(--label-secondary);text-decoration:none}.site-footer .footer-fuels a:hover,.site-footer .footer-fuels a:focus-visible{color:var(--accent-text);text-decoration:underline}.footer-brand .brand-mark{margin-bottom:var(--gap-3)}.footer-name{margin:0 0 6px;font-family:var(--font-display);font-size:17px;font-weight:700;font-stretch:92%;letter-spacing:-0.02em}.footer-note{margin:0;max-width:34ch;font-size:13px;line-height:1.6;color:var(--label-secondary)}.site-footer nav h2{margin:0 0 var(--gap-3);font-family:var(--font-text);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:0.06em;color:var(--label-tertiary)}.site-footer nav ul{margin:0;padding:0;list-style:none;display:grid;gap:9px}.site-footer nav a{color:var(--label-secondary);font-size:14px}.site-footer nav a:hover{color:var(--label)}.footer-legal{display:flex;flex-wrap:wrap;gap:var(--gap-3);justify-content:space-between;margin-top:clamp(32px,4vw,48px);padding-block:var(--gap-4) calc(var(--gap-4) + env(safe-area-inset-bottom));border-top:1px solid var(--separator);font-size:12px;color:var(--label-tertiary)}.footer-legal p{margin:0;max-width:70ch}@media (max-width:900px){.hero-grid{grid-template-columns:1fr}.hero{padding-block:clamp(28px,6vw,44px) clamp(28px,5vw,40px)}.hero .lead{margin-bottom:var(--gap-4)}.footer-grid{grid-template-columns:repeat(2,minmax(140px,1fr))}.footer-brand{grid-column:1 / -1}}@media (max-width:620px){.wrap{padding-inline:var(--gap-4)}.hero-search{flex-wrap:wrap;padding:var(--gap-3);border-radius:var(--radius-card)}.hero-search>svg{order:1}.hero-search input{order:2;flex:1 1 auto;width:auto}.hero-search .button{order:3;flex-basis:100%;width:100%}.hero-actions .button{flex:1 1 auto;justify-content:center}.footer-grid{grid-template-columns:1fr}}@media print{.site-header,.site-footer,.cta,.hero-search,.hero-actions,.ad-slot{display:none}.hero::before{display:none}body{background:#fff;color:#000}.table-scroll{overflow:visible;border:0}}.trend-periods{display:flex;align-items:center;flex-wrap:wrap;gap:var(--gap-2) var(--gap-3);margin-bottom:var(--gap-4)}.chart-card{margin:0;padding:var(--gap-5);border:1px solid var(--separator);border-radius:var(--radius-card);background:var(--bg-card);box-shadow:var(--shadow-card)}.history-chart{display:block;width:100%;height:220px;overflow:visible}.history-chart .grid{stroke:var(--separator);stroke-width:1}.history-chart .axis{fill:var(--label-tertiary);font-size:11px;font-family:var(--font-text)}.history-chart .line{fill:none;stroke:var(--chart-color,var(--fuel-gazole));stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round}.history-chart .dot{fill:var(--chart-color,var(--fuel-gazole));stroke:var(--bg-card);stroke-width:2}.chart-legend{display:flex;flex-wrap:wrap;gap:var(--gap-2) var(--gap-5);margin-top:var(--gap-4);padding-top:var(--gap-3);border-top:1px solid var(--separator)}.chart-key{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border:1px solid transparent;border-radius:var(--radius-small);background:none;font:inherit;font-size:13px;color:inherit;cursor:pointer;transition:background var(--dur-fast) var(--ease-out-quint),border-color var(--dur-fast) var(--ease-out-quint)}.chart-key:hover{background:var(--bg-fill)}.chart-key[aria-pressed="true"]{border-color:var(--separator);background:var(--bg-fill)}.chart-key[aria-pressed="true"] .chart-key-name{color:var(--label);font-weight:600}.chart-swatch{width:10px;height:10px;flex:none;border-radius:3px}.chart-key-name{color:var(--label-secondary)}.chart-key-value{font-size:14px}.chart-key-move{font-family:var(--font-rounded);font-variant-numeric:tabular-nums;font-size:12px;font-weight:700}.chart-key-move.is-up{color:var(--red-text)}.chart-key-move.is-down{color:var(--green-text)}.chart-key-move.is-flat{color:var(--label-tertiary)}.js-motion .reveal{opacity:0;transform:translateY(18px);transition:opacity 0.55s cubic-bezier(0.22,1,0.36,1) var(--reveal-delay,0ms),transform 0.55s cubic-bezier(0.22,1,0.36,1) var(--reveal-delay,0ms);will-change:opacity,transform}.js-motion .reveal.is-shown{opacity:1;transform:none;will-change:auto}@media (prefers-reduced-motion:reduce){.js-motion .reveal{opacity:1;transform:none;transition:none}}.city-grid a,.band-grid>div,.metric-tile{transition:transform 0.18s var(--ease),border-color 0.18s var(--ease),box-shadow 0.18s var(--ease)}@media (hover:hover){.city-grid a:hover{transform:translateY(-2px)}.station-card:hover{transform:translateY(-1px)}}@media (prefers-reduced-motion:reduce){.city-grid a,.band-grid>div,.metric-tile,.station-card{transition:none}.city-grid a:hover,.station-card:hover{transform:none}}@supports not (color:color-mix(in srgb,red 50%,blue)){.site-header{background:var(--bg-card)}.brand-mark{background:var(--accent)}.eyebrow svg{color:var(--green)}.hero::before{display:none}.hero-search:focus-within{box-shadow:0 0 0 4px var(--accent-soft)}.cta{background:var(--bg-grouped)}.section.is-tinted{background:var(--bg-card)}.map-toast,.map-legend{background:var(--bg-card)}.action-bar,.site-header{background:var(--bg-card)}.badge.is-fresh{background:transparent}.badge.is-needs-check{background:transparent}.badge.is-outdated{background:transparent}.badge.is-open{background:transparent}.verdict.is-good,.verdict.is-warn,.verdict.is-bad{background:var(--bg-fill)}.verdict .verdict-icon{background:var(--bg-fill-strong)}.pill[aria-pressed="true"],.pill.is-active{background:var(--accent-soft);border-color:var(--accent)}.checkbox-row label:has(input:checked){background:var(--accent-soft);border-color:var(--accent)}.station-card:hover{border-color:var(--accent)}.tag.root,.tag.warn{border-color:var(--separator)}}@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.site-header,.action-bar,.map-toast,.map-legend{background:var(--bg-card)}}@supports not selector(:has(*)){.checkbox-row input{width:15px;height:15px}}.map-fallback{display:grid;align-content:center;gap:var(--gap-2);height:100%;padding:var(--gap-6);text-align:center;background:var(--bg-grouped);color:var(--label-secondary);font-size:14px}.map-fallback p{margin:0;max-width:42ch;margin-inline:auto}.map-fallback strong{color:var(--label)}:root{--ease-out-quint:cubic-bezier(0.22,1,0.36,1);--ease-spring:cubic-bezier(0.34,1.32,0.64,1);--dur-fast:140ms;--dur-base:260ms;--dur-slow:560ms;--elev-1:0 1px 2px rgba(16,24,40,0.05),0 1px 3px rgba(16,24,40,0.06);--elev-2:0 2px 4px rgba(16,24,40,0.04),0 10px 26px -8px rgba(16,24,40,0.14);--elev-3:0 4px 10px rgba(16,24,40,0.06),0 28px 56px -16px rgba(10,91,211,0.22);--ring-width:3px;--ring-color:rgba(10,91,211,0.38);--surface-glass:rgba(255,255,255,0.78);--surface-veil:rgba(255,255,255,0.6);--rim:inset 0 1px 0 rgba(255,255,255,0.6)}@media (prefers-color-scheme:dark){:root:where(:not([data-theme="light"])){--elev-1:0 1px 2px rgba(0,0,0,0.5);--elev-2:0 2px 6px rgba(0,0,0,0.55),0 12px 32px -10px rgba(0,0,0,0.6);--elev-3:0 4px 12px rgba(0,0,0,0.6),0 32px 64px -20px rgba(0,0,0,0.75);--ring-color:rgba(61,139,255,0.55);--surface-glass:rgba(28,28,30,0.76);--surface-veil:rgba(44,44,46,0.6);--rim:inset 0 1px 0 rgba(255,255,255,0.08)}}:root:where([data-theme="dark"]){--elev-1:0 1px 2px rgba(0,0,0,0.5);--elev-2:0 2px 6px rgba(0,0,0,0.55),0 12px 32px -10px rgba(0,0,0,0.6);--elev-3:0 4px 12px rgba(0,0,0,0.6),0 32px 64px -20px rgba(0,0,0,0.75);--ring-color:rgba(61,139,255,0.55);--surface-glass:rgba(28,28,30,0.76);--surface-veil:rgba(44,44,46,0.6);--rim:inset 0 1px 0 rgba(255,255,255,0.08)}@supports (color:color-mix(in srgb,red 50%,transparent)){:root{--ring-color:color-mix(in srgb,var(--accent) 38%,transparent);--surface-glass:color-mix(in srgb,var(--bg-card) 78%,transparent);--surface-veil:color-mix(in srgb,var(--bg-card) 60%,transparent)}}:where(a,button,summary,input,select,textarea,[tabindex]):focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-small)}.button:focus-visible,.city-grid a:focus-visible,.faq summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px;box-shadow:0 0 0 var(--ring-width) var(--ring-color)}.site-header{background:var(--surface-glass);box-shadow:0 1px 0 var(--separator);border-bottom:0}@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.site-header{background:var(--bg-card)}}.brand-mark{border-radius:calc(32px * var(--squircle-ratio));background:none;box-shadow:var(--elev-1),var(--rim);transition:transform var(--dur-base) var(--ease-spring)}.brand:hover .brand-mark{transform:rotate(-4deg) scale(1.06)}.header-nav a::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;border-radius:var(--radius-hairline);background:var(--accent);transform:scaleX(0);transform-origin:left center;transition:transform var(--dur-base) var(--ease-out-quint)}.header-nav a:hover::after{transform:scaleX(1)}.header-nav a[aria-current="page"]::after{transform:scaleX(1)}.button{transition:transform var(--dur-fast) var(--ease-spring),box-shadow var(--dur-base) var(--ease-out-quint),background-color var(--dur-fast) linear,border-color var(--dur-fast) linear}.button.is-primary{background-image:linear-gradient(180deg,rgba(255,255,255,0.16),rgba(255,255,255,0) 46%);box-shadow:var(--elev-2),var(--rim)}.button.is-primary:hover{transform:translateY(-1px);box-shadow:var(--elev-3),var(--rim)}.button:active{transform:translateY(0) scale(0.985)}.button.is-ghost:hover{border-color:var(--accent);color:var(--accent)}@keyframes hero-drift{from{transform:translate3d(0,0,0) scale(1)}to{transform:translate3d(2%,1.5%,0) scale(1.06)}}.hero::before{animation:hero-drift 22s var(--ease-out-quint) infinite alternate;will-change:transform}.hero::after{content:"";position:absolute;right:-10%;bottom:-40%;width:60%;height:90%;pointer-events:none;background:radial-gradient(ellipse at center,rgba(255,204,0,0.05),transparent 62%)}@supports (color:color-mix(in srgb,red 50%,transparent)){.hero::after{background:radial-gradient(ellipse at center,color-mix(in srgb,var(--eu-b7-bg) 8%,transparent),transparent 62%)}}.hero-search{box-shadow:var(--elev-2);transition:box-shadow var(--dur-base) var(--ease-out-quint)}.hero-search:focus-within{box-shadow:var(--elev-3),0 0 0 var(--ring-width) var(--ring-color)}.price-panel{box-shadow:var(--elev-3),var(--rim)}.price-panel-list li{transition:background-color var(--dur-fast) linear}.price-panel-list li:hover{background:var(--bg-fill)}.numeric,.price-table td,.price-table th[scope="row"]{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}.chart-card,.band-grid>div{transition:transform var(--dur-base) var(--ease-out-quint),box-shadow var(--dur-base) var(--ease-out-quint)}.chart-card{box-shadow:var(--elev-2)}.chart-card:hover{box-shadow:var(--elev-3)}.price-table tbody tr{transition:background-color var(--dur-fast) linear}.price-table tbody tr:hover{background:var(--bg-fill)}.city-grid a{transition:transform var(--dur-fast) var(--ease-spring),border-color var(--dur-fast) linear,background-color var(--dur-fast) linear,box-shadow var(--dur-base) var(--ease-out-quint)}.city-grid a:hover{transform:translateY(-2px);border-color:var(--accent);color:var(--accent);box-shadow:var(--elev-2);text-decoration:none}.faq summary{transition:color var(--dur-fast) linear}.faq summary::after{transition:transform var(--dur-base) var(--ease-out-quint)}.faq details[open]>summary::after{transform:rotate(225deg) translate(-2px,-2px)}@keyframes faq-open{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.faq details[open]>p{animation:faq-open var(--dur-base) var(--ease-out-quint) both}.cta{position:relative;overflow:hidden}.cta::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 80% 120% at 50% 120%,rgba(10,91,211,0.14),transparent 70%)}@supports (color:color-mix(in srgb,red 50%,transparent)){.cta::after{background:radial-gradient(ellipse 80% 120% at 50% 120%,color-mix(in srgb,var(--accent) 16%,transparent),transparent 70%)}}.js-motion .reveal{transform:translateY(20px);transition:opacity var(--dur-slow) var(--ease-out-quint),transform var(--dur-slow) var(--ease-out-quint)}@media (prefers-reduced-motion:reduce){.hero::before{animation:none}.faq details[open]>p{animation:none}.brand:hover .brand-mark,.button:hover,.button:active,.city-grid a:hover{transform:none}}@media print{.hero::before,.hero::after,.cta::after{display:none}}.site-header .header-cta{flex:0 0 auto}.band-grid>div{padding:clamp(20px,2.4vw,26px);border:1px solid var(--separator);border-radius:var(--radius-card);background:var(--bg-card);box-shadow:var(--elev-1)}.band-grid>div:hover{transform:translateY(-2px);box-shadow:var(--elev-2)}.band-grid>div>svg{display:block;box-sizing:content-box;width:20px;height:20px;padding:10px;border-radius:var(--radius-medium);background:var(--accent-soft);color:var(--accent-text)}.band-grid h3{margin-top:var(--gap-4)}@keyframes freshness-pulse{0%,100%{opacity:1}50%{opacity:0.35}}.badge.is-fresh svg{animation:freshness-pulse 2.6s var(--ease-out-quint) infinite}@media (prefers-reduced-motion:reduce){.badge.is-fresh svg{animation:none}.band-grid>div:hover{transform:none}}.history-chart.is-large{height:auto;aspect-ratio:720 / 220}.history-chart.is-compact{display:none;height:auto;aspect-ratio:400 / 268}@media (max-width:720px){.history-chart.is-large{display:none}.history-chart.is-compact{display:block}}@supports not (aspect-ratio:1){.history-chart.is-large{height:220px}.history-chart.is-compact{height:268px}}.history-chart .area{stroke:none}.history-chart .area-top{stop-color:var(--chart-color,var(--fuel-gazole));stop-opacity:0.22}.history-chart .area-bottom{stop-color:var(--chart-color,var(--fuel-gazole));stop-opacity:0}.price-delta.is-normal{background:#6b6b70}@media (prefers-color-scheme:dark){:where(:root:not([data-theme="light"])) .price-delta.is-cheap,:where(:root:not([data-theme="light"])) .price-delta.is-expensive{color:#000}:where(:root:not([data-theme="light"])) .price-delta.is-normal{background:var(--bg-fill-strong);color:var(--label)}}:where(:root[data-theme="dark"]) .price-delta.is-cheap,:where(:root[data-theme="dark"]) .price-delta.is-expensive{color:#000}:where(:root[data-theme="dark"]) .price-delta.is-normal{background:var(--bg-fill-strong);color:var(--label)}.pill{height:36px}.pill select{align-self:stretch;height:100%}.search-field input{align-self:stretch}@media (pointer:coarse){.pill{height:44px}.search-field{height:44px}.pill select{font-size:16px}.toolbar{flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none}.toolbar::-webkit-scrollbar{display:none}.toolbar>*{flex:none}.price-panel-list .fuel-name,.price-table th a,.dept-name a,.fiche-tete a,.attribute-value a,.site-footer .footer-fuels a{display:inline-block;min-width:26px;padding-block:4px;padding-inline:1px;margin-block:-4px;margin-inline:-1px}.metric-caption a,p>a:only-child:not(.button){padding-block:5px}}.action-bar{justify-content:center}.action-bar>*{max-width:340px}.action-bar>.button.is-primary{flex:1 1 auto;max-width:520px}@media (max-width:700px){.action-bar>*{max-width:none}}@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.action-bar{background:var(--bg-card)}}.prefs{position:relative;z-index:2;padding-block:var(--gap-5);background:var(--bg-card);border-bottom:1px solid var(--separator)}.prefs-inner{display:flex;flex-wrap:wrap;align-items:flex-start;gap:var(--gap-5) clamp(24px,4vw,48px)}.prefs-field{display:grid;gap:var(--gap-2);min-width:0}.prefs-legend{font-size:12px;font-weight:600;letter-spacing:0.04em;text-transform:uppercase;color:var(--label-secondary)}.prefs-note{margin:var(--gap-3) auto 0;font-size:13px;color:var(--label-secondary)}.segmented{position:relative;display:flex;gap:2px;padding:3px;border:1px solid var(--separator);border-radius:var(--radius-large);background:var(--bg-fill);overflow-x:auto;scrollbar-width:none}.segmented::-webkit-scrollbar{display:none}.segmented-thumb{position:absolute;top:3px;bottom:3px;left:0;width:var(--seg-w,0);transform:translateX(var(--seg-x,0));border-radius:calc(var(--radius-large) - 3px);background:var(--bg-card);box-shadow:var(--elev-1),var(--rim);opacity:0;transition:transform var(--dur-base) var(--ease-spring),width var(--dur-base) var(--ease-spring),opacity var(--dur-fast) linear;pointer-events:none}.segmented[data-ready="true"] .segmented-thumb{opacity:1}.segment{position:relative;z-index:1;display:inline-flex;align-items:center;gap:7px;flex:none;height:40px;padding:0 14px;border:0;border-radius:calc(var(--radius-large) - 3px);background:none;font:inherit;font-size:14px;font-weight:500;color:var(--label-secondary);cursor:pointer;white-space:nowrap;transition:color var(--dur-fast) linear;-webkit-appearance:none;appearance:none}.segment:hover{color:var(--label)}.segment[aria-pressed="true"]{color:var(--label);font-weight:600}.segmented:not([data-ready="true"]) .segment[aria-pressed="true"]{background:var(--bg-card);box-shadow:var(--elev-1)}.segment:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.theme-switch{display:grid;gap:var(--gap-2);margin-top:var(--gap-4);justify-items:stretch}.theme-switch-legend{font-family:var(--font-text);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:0.06em;color:var(--label-tertiary)}.segmented.is-compact{max-width:100%}.segmented.is-compact .segment{gap:6px;height:34px;padding:0 11px;font-size:13px}.prefs-tank{flex:1 1 320px;max-width:460px}.tank-control{display:flex;align-items:center;gap:var(--gap-4)}.tank-readout{display:flex;align-items:baseline;gap:5px;flex:none;min-width:88px}.tank-number{font-family:var(--font-display);font-size:26px;font-weight:700;font-stretch:90%;letter-spacing:-0.02em;line-height:1}.tank-unit{font-size:13px;color:var(--label-secondary)}.tank-control input[type="range"]{flex:1;min-width:0;height:44px;margin:0;background:none;-webkit-appearance:none;appearance:none;cursor:pointer}.tank-control input[type="range"]::-webkit-slider-runnable-track{height:6px;border-radius:999px;background:linear-gradient(var(--accent),var(--accent)) 0 / calc(var(--fill,0.5) * (100% - 24px) + 12px) 100% no-repeat,var(--bg-fill-strong)}.tank-control input[type="range"]::-moz-range-track{height:6px;border-radius:999px;background:var(--bg-fill-strong)}.tank-control input[type="range"]::-moz-range-progress{height:6px;border-radius:999px;background:var(--accent)}.tank-control input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:24px;height:24px;margin-top:-9px;border:0;border-radius:50%;background:var(--bg-card);box-shadow:var(--elev-2),0 0 0 1.5px var(--accent) inset;transition:transform var(--dur-fast) var(--ease-spring)}.tank-control input[type="range"]::-moz-range-thumb{width:24px;height:24px;border:1.5px solid var(--accent);border-radius:50%;background:var(--bg-card);box-shadow:var(--elev-2)}.tank-control input[type="range"]:active::-webkit-slider-thumb{transform:scale(1.15)}.tank-control input[type="range"]:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:var(--radius-small)}.tank-presets{display:flex;gap:6px}.tank-preset{height:30px;padding:0 11px;border:1px solid var(--separator);border-radius:var(--radius-large);background:var(--bg-card);font:inherit;font-size:12px;font-weight:600;color:var(--label-secondary);cursor:pointer;transition:color var(--dur-fast) linear,border-color var(--dur-fast) linear,background-color var(--dur-fast) linear}.tank-preset:hover{color:var(--label);border-color:var(--label-tertiary)}.tank-preset[aria-pressed="true"]{color:var(--accent-text);border-color:var(--accent);background:var(--accent-soft)}@media (max-width:620px){.prefs-inner{gap:var(--gap-4)}.prefs-tank{flex-basis:100%;max-width:none}.tank-presets{flex-wrap:wrap}}.price-focus{padding:var(--gap-4) var(--gap-5);border-radius:var(--radius-card);background:linear-gradient(160deg,var(--accent-soft),transparent 70%);border:1px solid var(--separator);margin-bottom:var(--gap-4)}.price-focus-label{display:flex;align-items:center;gap:8px;margin:0 0 6px;font-size:14px;font-weight:600}.price-focus-unit{font-weight:400;color:var(--label-secondary)}.price-focus-badges{position:relative;display:inline-block;width:20px;height:20px;flex:none}.price-focus-badge{position:absolute;inset:0;display:flex;opacity:0;visibility:hidden;transform:scale(0.7);transition:opacity var(--dur-fast) linear,visibility 0s linear var(--dur-fast),transform var(--dur-base) var(--ease-spring)}.price-focus-badge.is-current{opacity:1;visibility:visible;transform:none;transition-delay:0s}.price-focus-value{display:flex;align-items:baseline;gap:6px;margin:0}.price-focus-value .numeric{font-family:var(--font-display);font-size:clamp(38px,5vw,52px);font-weight:700;font-stretch:90%;letter-spacing:-0.035em;line-height:1}.price-focus-suffix{font-size:16px;font-weight:600;color:var(--label-secondary)}.price-focus-tank{margin:8px 0 0;font-size:14px;color:var(--label-secondary)}.price-focus-tank strong{color:var(--label);font-weight:700}.price-panel-list li{position:relative;padding-left:12px;border-radius:var(--radius-small);transition:background-color var(--dur-fast) linear}.price-panel-list li::before{content:"";position:absolute;left:0;top:50%;width:3px;height:0;border-radius:999px;background:var(--accent);transform:translateY(-50%);transition:height var(--dur-base) var(--ease-out-quint)}.price-panel-list li.is-current{background:var(--accent-soft)}.price-panel-list li.is-current::before{height:60%}.price-table [data-current="true"]{background:var(--accent-soft)}.price-table thead [data-current="true"]{color:var(--accent-text)}.price-table .is-tank{font-weight:600;white-space:nowrap}@media (prefers-reduced-motion:reduce){.segmented-thumb,.price-focus-badge{transition:none}}.fuel-view{display:none}.fuel-view.is-current{display:block;animation:fuel-view-in var(--dur-base) var(--ease-out-quint) both}@keyframes fuel-view-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.price-card .card-header{align-items:center}.price-card .price-focus-badges{width:22px;height:22px}.fuel-row{transition:background-color var(--dur-fast) linear}.fuel-row.is-current{background:var(--accent-soft);border-radius:var(--radius-small)}@media (prefers-reduced-motion:reduce){.fuel-view.is-current{animation:none}}.fuel-missing{display:flex;align-items:center;gap:7px;margin:0 0 var(--gap-3);padding:8px 12px;border-radius:var(--radius-small);background:var(--bg-fill);font-size:13px;color:var(--label-secondary)}.fuel-missing svg{flex:none;color:var(--label-tertiary)}.fuel-missing[hidden]{display:none}.segment.is-absent{opacity:0.38;cursor:not-allowed}.site-page .prefs{position:sticky;top:var(--header-height-site);background:rgba(255,255,255,0.94);box-shadow:0 1px 0 var(--separator);border-bottom:0}@media (prefers-color-scheme:dark){:where(:root:not([data-theme="light"])) .site-page .prefs{background:rgba(28,28,30,0.94)}}:where(:root[data-theme="dark"]) .site-page .prefs{background:rgba(28,28,30,0.94)}@supports (color:color-mix(in srgb,red 50%,transparent)){.site-page .prefs{background:color-mix(in srgb,var(--bg-card) 94%,transparent)}}@supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.site-page .prefs{backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px)}}@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.site-page .prefs{background:var(--bg-card)}}@media (max-width:700px),(max-height:620px){.site-page .prefs{position:static;background:var(--bg-card)}}.detail-wrap>.prefs{z-index:auto;margin-bottom:var(--gap-4);border-bottom:0;border-radius:var(--radius-card);box-shadow:var(--shadow-card)}.tank-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--gap-3);margin:0;padding:0;list-style:none}@media (max-width:1080px){.tank-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:620px){.tank-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.tank-card{display:flex}.tank-card-button{display:grid;gap:6px;width:100%;padding:var(--gap-4);border:1px solid var(--separator);border-radius:var(--radius-card);background:var(--bg-card);box-shadow:var(--elev-1);font:inherit;color:inherit;text-align:left;cursor:pointer;transition:transform var(--dur-base) var(--ease-out-quint),box-shadow var(--dur-base) var(--ease-out-quint),border-color var(--dur-fast) linear}.tank-card-button:hover{transform:translateY(-2px);box-shadow:var(--elev-2)}.tank-card.is-current .tank-card-button{border-color:var(--accent);box-shadow:var(--elev-2),0 0 0 1px var(--accent)}.tank-card-head{display:flex;align-items:center;gap:8px}.tank-card-name{font-size:14px;font-weight:600}.tank-card-cost{font-family:var(--font-display);font-size:clamp(24px,2.4vw,30px);font-weight:700;font-stretch:90%;letter-spacing:-0.03em;line-height:1.05}.tank-card-unit{font-size:12px;color:var(--label-secondary)}.js-motion .reveal .tank-card{opacity:0;transform:translateY(14px);transition:opacity var(--dur-slow) var(--ease-out-quint) var(--rd,0ms),transform var(--dur-slow) var(--ease-out-quint) var(--rd,0ms)}.js-motion .reveal.is-shown .tank-card{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.js-motion .reveal .tank-card{opacity:1;transform:none;transition:none}.tank-card-button:hover{transform:none}}.site-page :where(.section,.band,.cta,.hero){scroll-margin-top:calc(var(--header-height-site) + 96px)}@media (max-width:700px){.site-page :where(.section,.band,.cta,.hero){scroll-margin-top:calc(var(--header-height-site) + 12px)}}.store-badge{display:inline-flex;border-radius:8px;transition:opacity var(--dur-fast) linear}.store-badge img{display:block;width:126px;height:40px}.store-badge:hover{opacity:0.82}.store-badge:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.icon-badge-link{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 15px;border:1px solid var(--separator);border-radius:8px;background:var(--bg-card);font-size:13px;font-weight:600;color:var(--label);transition:border-color var(--dur-fast) linear,color var(--dur-fast) linear}.icon-badge-link:hover{border-color:var(--label-tertiary);color:var(--label);text-decoration:none}@media (max-width:720px){.footer-sibling{flex-direction:column;align-items:flex-start;gap:var(--gap-2)}}.footer-band{margin-top:var(--gap-4);display:grid;gap:var(--gap-5);padding-block:var(--gap-5);border-top:1px solid var(--separator)}.footer-links{display:flex;flex-wrap:wrap;align-items:center;gap:var(--gap-3)}.footer-network{display:flex;flex-wrap:wrap;align-items:flex-start;gap:var(--gap-5) var(--gap-6)}.footer-sibling,.footer-partners{display:flex;flex-direction:column;align-items:flex-start;gap:var(--gap-3)}.footer-sibling h2,.footer-partners h2{margin:0;font-size:11px;font-weight:600;letter-spacing:0.06em;text-transform:uppercase;color:var(--label-tertiary);white-space:nowrap}@media (max-width:700px){.footer-network{flex-direction:column;align-items:stretch}.footer-network .partner-list{flex-direction:column}.footer-network .partner{width:100%}}.partner-list{display:flex;flex-wrap:wrap;gap:var(--gap-2);margin:0;padding:0;list-style:none}.partner{display:inline-flex;align-items:center;gap:var(--gap-3);padding:6px 14px 6px 6px;border:1px solid var(--separator);border-radius:var(--radius-medium);background:var(--bg-card);color:var(--label);transition:border-color var(--dur-fast) linear,box-shadow var(--dur-base) var(--ease-out-quint)}.partner:hover{border-color:var(--accent);box-shadow:var(--elev-1);text-decoration:none}.partner img{display:block;width:40px;height:40px;border-radius:var(--radius-small);object-fit:cover}.partner-logo{object-fit:contain}img.theme-dark-only{display:none}@media (prefers-color-scheme:dark){:where(:root:not([data-theme="light"])) img.theme-light-only{display:none}:where(:root:not([data-theme="light"])) img.theme-dark-only{display:block}}:where(:root[data-theme="dark"]) img.theme-light-only{display:none}:where(:root[data-theme="dark"]) img.theme-dark-only{display:block}.partner-name{display:block;font-size:14px;font-weight:600;line-height:1.25}.partner-site{display:block;font-size:12px;color:var(--label-secondary)}@media (max-width:620px){.footer-band{flex-direction:column;align-items:stretch;gap:var(--gap-4)}.footer-partners{flex-direction:column;align-items:flex-start;gap:var(--gap-2)}.partner-list{width:100%;flex-direction:column}.partner{width:100%}}.search-field:focus-within{box-shadow:0 0 0 var(--ring-width) var(--ring-color);outline:2px solid var(--accent);outline-offset:1px}.pill:focus-within{outline:2px solid var(--accent);outline-offset:2px;box-shadow:0 0 0 var(--ring-width) var(--ring-color)}.hero-search:focus-within{outline:2px solid var(--accent);outline-offset:1px}.site-footer nav ul{margin:0;padding:0;list-style:none}.site-footer nav li + li{margin-top:0}.site-footer nav a{display:inline-block;padding-block:4px}.panel-footer a{display:inline-block;padding-block:4px}.sheet-grabber{display:none}@media (max-width:780px){.sheet-grabber{display:block}}.breadcrumb a{display:inline-block;padding-block:4px}.breadcrumb ol{margin-block:-4px}.fuel-name a{display:inline-block;min-width:24px;padding-block:3px;padding-inline:2px;margin-inline:-2px}.cta-short{display:none}@media (max-width:400px){.cta-long{display:none}.cta-short{display:inline}.brand .flag{display:none}.site-header-inner{gap:var(--gap-2);padding-inline:var(--gap-3)}}@media (max-width:340px){.brand-text{display:none}}.nearby-list{list-style:none;margin:0;padding:0;display:grid;gap:2px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.nearby-link{display:flex;align-items:center;gap:var(--gap-3);min-height:52px;padding:8px 10px;border-radius:12px;color:inherit;text-decoration:none;transition:background 0.18s ease,transform 0.18s ease}.nearby-link:hover,.nearby-link:focus-visible{background:var(--bg-fill)}.nearby-link:hover{transform:translateX(2px)}.nearby-name{display:flex;flex-direction:column;gap:1px;min-width:0}.nearby-name strong{font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nearby-meta{font-size:12px;color:var(--label-secondary)}.nearby-price{margin-left:auto;display:flex;flex-direction:column;align-items:flex-end;gap:1px;font-family:var(--font-rounded);font-variant-numeric:tabular-nums;font-size:15px;font-weight:600;white-space:nowrap}.nearby-price.is-cheap{color:var(--green-text)}.nearby-price.is-expensive{color:var(--red)}.nearby-gap{font-size:11px;font-weight:500;color:var(--label-secondary)}@media (prefers-reduced-motion:reduce){.nearby-link{transition:none}.nearby-link:hover{transform:none}}.city-hero{display:block}.city-lead{margin:var(--gap-3) 0 0;font-size:15px;line-height:1.5;color:var(--label-secondary)}.city-lead a{font-weight:600;text-decoration:underline;text-underline-offset:2px}.city-facts{display:grid;gap:var(--gap-3);margin-top:var(--gap-4);padding-top:var(--gap-4);border-top:1px solid var(--separator);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-auto-rows:auto;align-items:start}@supports (grid-template-rows:subgrid){.city-facts{grid-template-rows:auto auto}.city-facts>div{display:grid;grid-row:span 2;grid-template-rows:subgrid;gap:0}}.city-fact-value{margin:2px 0 0;font-family:var(--font-rounded);font-variant-numeric:tabular-nums;font-size:20px;font-weight:700}.city-list{list-style:none;margin:0;padding:0}.city-row + .city-row{border-top:1px solid var(--separator)}.city-link{display:flex;align-items:center;gap:var(--gap-3);min-height:56px;padding:10px 8px;border-radius:12px;color:inherit;text-decoration:none;transition:background var(--dur-fast) linear}.city-link:hover,.city-link:focus-visible{background:var(--bg-fill)}.city-name{display:flex;flex-direction:column;gap:1px;min-width:0}.city-name strong{font-size:15px;font-weight:600}.city-meta{font-size:12px;color:var(--label-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.city-prices{margin-left:auto;display:flex;flex-direction:column;align-items:flex-end;gap:1px;white-space:nowrap}.city-price{display:none;font-family:var(--font-rounded);font-variant-numeric:tabular-nums;font-size:16px;font-weight:700}.city-price.is-current{display:block}.city-price.is-cheap{color:var(--green-text)}.city-price.is-expensive{color:var(--red)}.city-nodata{font-size:13px;font-weight:500;color:var(--label-secondary)}.city-plein{font-size:11px;color:var(--label-secondary)}.city-chip{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:4px 10px;border:1px solid var(--separator);border-radius:var(--radius-large);background:var(--bg-card);color:var(--label);font-size:13px;font-weight:500;text-decoration:none;transition:border-color var(--dur-fast) linear}.city-chip:hover,.city-chip:focus-visible{border-color:var(--accent)}.city-chip.is-current{border-color:var(--accent-fill);background:var(--accent-fill);color:#fff;font-weight:600}.city-chip-count{font-family:var(--font-rounded);font-variant-numeric:tabular-nums;font-size:11px;font-weight:700;color:var(--label-secondary)}.city-department + .city-department{margin-top:var(--gap-3)}.dept-code{display:inline-grid;place-items:center;min-width:34px;height:24px;padding:0 6px;border-radius:var(--radius-small);background:var(--accent-soft);color:var(--accent-text);font-family:var(--font-rounded);font-size:12px;font-weight:700}.widget-layout{display:grid;gap:var(--gap-4);align-items:start;margin:0 0 var(--gap-4)}@media (min-width:1000px){.widget-layout{grid-template-columns:minmax(0,1fr) minmax(340px,460px)}.widget-aside{position:sticky;top:calc(var(--header-height-site) + var(--gap-4))}}.widget-layout>.card + .card{margin-top:0}.widget-form{margin:0}.widget-fieldset{margin:0;padding:0;border:0}.widget-fieldset + .widget-fieldset{margin-top:var(--gap-4)}.widget-fieldset>legend{padding:0;margin-bottom:var(--gap-2);font-size:12px;font-weight:600;letter-spacing:0.04em;text-transform:uppercase;color:var(--label-secondary)}.widget-types{display:grid;grid-template-columns:repeat(auto-fit,minmax(168px,1fr));gap:var(--gap-2)}.widget-type{position:relative;display:flex;flex-direction:column;gap:3px;height:100%;padding:var(--gap-3);border:1px solid var(--separator);border-radius:var(--radius-medium);background:var(--bg-card);cursor:pointer}.widget-type input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.widget-type-name{font-size:14px;font-weight:600}.widget-type-legend{font-size:13px;line-height:1.45;color:var(--label-secondary)}.widget-type-size{margin-top:auto;padding-top:6px;font-size:12px;font-variant-numeric:tabular-nums;color:var(--label-tertiary)}.widget-type:has(input:checked),.widget-type.is-current{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,var(--bg-card));box-shadow:inset 0 0 0 1px var(--accent)}.widget-type:has(input:focus-visible){outline:var(--ring-width) solid var(--accent);outline-offset:2px}.widget-settings{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--gap-3)}.widget-field{display:grid;align-content:start;gap:6px;margin:0}.widget-field[hidden]{display:none}.widget-field>.prefs-legend{font-size:12px;font-weight:600;letter-spacing:0.04em;text-transform:uppercase;color:var(--label-secondary)}.widget-field input[type="text"],.widget-field select{width:100%;padding:8px 12px;border:1px solid var(--separator);border-radius:var(--radius-small);background:var(--bg-card);font:inherit;color:inherit}.widget-field .field-note{font-size:12px;line-height:1.4;color:var(--label-tertiary)}.widget-actions{display:flex;flex-wrap:wrap;gap:var(--gap-2);margin:var(--gap-4) 0 0}.widget-actions .button{flex:0 0 auto}.widget-preview{display:grid;justify-items:center;padding:var(--gap-4);border:1px dashed var(--separator);border-radius:var(--radius-medium);background:var(--bg-grouped)}.widget-preview iframe{max-width:100%;border-radius:var(--radius-small);background:var(--bg-card);box-shadow:var(--shadow-card)}.widget-meta{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--gap-2);margin:var(--gap-3) 0 var(--gap-1);font-size:13px;font-weight:600;color:var(--label-secondary)}.widget-meta span:last-child{font-variant-numeric:tabular-nums;font-weight:400;color:var(--label-tertiary)}.code-block + .code-block{margin-top:var(--gap-5)}.code-head{display:flex;align-items:center;justify-content:space-between;gap:var(--gap-3);margin-bottom:var(--gap-2)}.code-title{font-size:13px;font-weight:600;color:var(--label-secondary)}.code-copy{display:none}.js-widget .code-copy{display:inline-flex}code{overflow-wrap:anywhere}.widget-code{margin:0;padding:var(--gap-3);border:1px solid var(--separator);border-radius:var(--radius-medium);background:var(--bg-fill);font-size:12.5px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere;-webkit-user-select:all;user-select:all}.widget-code + .metric-caption{margin-top:var(--gap-2)}.widget-table-wrap{overflow-x:auto}.widget-table{width:100%;border-collapse:collapse;font-size:13.5px}.widget-table th,.widget-table td{padding:8px 10px;border-bottom:1px solid var(--separator);text-align:left;vertical-align:top}.widget-table thead th{font-size:12px;font-weight:600;letter-spacing:0.04em;text-transform:uppercase;color:var(--label-secondary);white-space:nowrap}.widget-table tbody th{font-weight:600;white-space:nowrap}.widget-table code{padding:1px 5px;border-radius:var(--radius-small);background:var(--bg-fill);font-size:12.5px}.widget-table tbody tr:last-child th,.widget-table tbody tr:last-child td{border-bottom:0}.index-filter{display:flex;align-items:center;flex-wrap:wrap;gap:var(--gap-2) var(--gap-3);margin-bottom:var(--gap-3)}.index-filter input{flex:1 1 220px;min-width:0;padding:8px 12px;border:1px solid var(--separator);border-radius:var(--radius-small);background:var(--bg-card);font:inherit;color:inherit}.index-filter [data-filter-count]{font-size:13px;color:var(--label-secondary)}.city-index{list-style:none;margin:0;padding:0;display:grid;gap:2px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.city-index a{display:flex;align-items:center;justify-content:space-between;gap:var(--gap-2);min-height:36px;padding:6px 10px;border-radius:10px;color:inherit;font-size:14px;text-decoration:none}.city-index a:hover,.city-index a:focus-visible{background:var(--bg-fill)}@media (max-width:480px){.city-link{align-items:flex-start;padding:12px 6px}.city-meta{white-space:normal}}@media (prefers-reduced-motion:reduce){.city-link,.city-chip{transition:none}}.dept-name{margin:0;font-size:15px;font-weight:600}.dept-count{margin-left:auto;font-size:12px;font-weight:500;color:var(--label-secondary)}@media (pointer:coarse){.search-field input,.hero-search input,.pill input[type="number"],.index-filter input,.widget-field input[type="text"],.widget-field select{font-size:16px}}.search-field input::-webkit-search-cancel-button,.hero-search input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}.bar-figure{margin:var(--gap-5) 0}.bar-figure figcaption{font-family:var(--font-display);font-size:15px;font-weight:600;color:var(--label);margin-bottom:var(--gap-3)}.bar-rows{list-style:none;margin:0;padding:0;display:grid;gap:10px}.bar-row{display:grid;grid-template-columns:minmax(7rem,11rem) 1fr auto;align-items:center;gap:var(--gap-3)}.bar-label{font-size:14px;color:var(--label-secondary);line-height:1.3}.bar-track{height:12px;border-radius:6px;background:var(--bg-fill);overflow:hidden}.bar-fill{display:block;height:100%;border-radius:6px;background:var(--accent)}.bar-row.is-cheap .bar-fill{background:var(--green)}.bar-row.is-expensive .bar-fill{background:var(--red)}.bar-value{font-family:var(--font-rounded);font-variant-numeric:tabular-nums;font-weight:600;font-size:15px;white-space:nowrap}.bar-row.is-cheap .bar-value{color:var(--green-text)}.bar-row.is-expensive .bar-value{color:var(--red)}.bar-note{margin:var(--gap-3) 0 0;font-size:13px;color:var(--label-secondary)}@media (max-width:460px){.bar-row{grid-template-columns:1fr auto;gap:4px var(--gap-3)}.bar-label{grid-column:1 / -1}}@media (prefers-reduced-motion:no-preference){.bar-fill{animation:bar-grow var(--dur-slow) var(--ease-out-quint) both;transform-origin:left center}}@keyframes bar-grow{from{transform:scaleX(0)}to{transform:scaleX(1)}}