.fuel-page{--fuel-navy:#08233f;--fuel-green:#08783e;--fuel-border:#dce5df;--fuel-muted:#526273;color:var(--fuel-navy)}
.fuel-page .breadcrumb{margin-bottom:1.25rem}
.fuel-hero{display:grid;grid-template-columns:minmax(0,1fr) 190px;align-items:center;gap:2rem;margin-bottom:1.25rem;padding:1.35rem 1.5rem;border:1px solid var(--fuel-border);border-left:5px solid var(--fuel-green);border-radius:8px;background:#fff;box-shadow:0 12px 30px rgba(8,35,63,.07)}
.fuel-hero__eyebrow,.fuel-section-heading__eyebrow{margin:0 0 .35rem;color:var(--fuel-green);font-size:.78rem;font-weight:850;text-transform:uppercase}
.fuel-hero h1{margin:0;color:var(--fuel-navy);font-size:clamp(2rem,4vw,3rem);font-weight:900;line-height:1.08;letter-spacing:0}
.fuel-hero .rubrique-descriptif{margin-top:.75rem}
.fuel-hero .rubrique-descriptif>:last-child{margin-bottom:0}
.fuel-hero__logo{display:flex;align-items:center;justify-content:center;width:190px;height:150px;padding:.35rem}
.fuel-hero__logo img{display:block;width:100%;height:100%;object-fit:contain}
.fuel-page .fuel-kpis{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}
.fuel-page .fuel-kpi{display:flex;flex-direction:column;height:100%;min-height:150px}
.fuel-page .fuel-kpi__meta{margin-top:auto;padding-top:.55rem}
.fuel-map-column{padding-right:15px;padding-left:15px}
.fuel-map-section{clear:both;margin:1rem 0 2rem}
.fuel-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:1rem}
.fuel-section-heading h2{margin:0;color:var(--fuel-navy);font-size:clamp(1.55rem,2.6vw,2.1rem);font-weight:900;line-height:1.12}
.fuel-section-heading p:last-child{max-width:760px;margin:.45rem 0 0;color:var(--fuel-muted)}
.fuel-map-tools{display:grid;grid-template-columns:minmax(0,2fr) minmax(220px,1fr);gap:1rem;padding:1rem 1.1rem;border-radius:8px 8px 0 0;background:var(--fuel-navy)}
.fuel-map-tools__field label{display:block;margin:0 0 .4rem!important;padding:0!important;background:transparent!important;color:#fff!important;font-size:.83rem;font-weight:850}
.fuel-map-tools input,.fuel-map-tools select,.fuel-map-tools button{min-height:44px;border-radius:6px;font:inherit}
.fuel-map-tools input,.fuel-map-tools select{width:100%;border:2px solid #fff;background:#fff;color:var(--fuel-navy);padding:.55rem .7rem}
.fuel-map-tools input:focus,.fuel-map-tools select:focus,.fuel-map-tools button:focus{outline:3px solid #ffcd14;outline-offset:2px}
.fuel-search-control{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.55rem}
.fuel-map-tools button{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;border:2px solid var(--fuel-green);background:var(--fuel-green);color:#fff;padding:.5rem .85rem;font-weight:850;cursor:pointer}
.fuel-map-tools button:hover{background:#065e31;border-color:#065e31}
.fuel-map{width:100%;height:520px;border-right:1px solid var(--fuel-border);border-left:1px solid var(--fuel-border);background:#eef3ef}
.fuel-map:focus{outline:3px solid #ffcd14;outline-offset:2px}
.fuel-map .leaflet-control-attribution{font-size:.68rem}
.fuel-map .leaflet-marker-icon:focus{outline:3px solid #08233f;outline-offset:3px}
.fuel-map-legend{display:flex;align-items:center;gap:1.25rem;padding:.85rem 1rem;border:1px solid var(--fuel-border);border-radius:0 0 8px 8px;background:#fff}
.fuel-map-legend__title{flex:0 0 auto;margin:0;color:var(--fuel-navy);font-weight:900}
.fuel-map-legend ul{display:flex;flex-wrap:wrap;gap:.65rem 1.25rem;margin:0;padding:0;list-style:none}
.fuel-map-legend li{display:flex;align-items:center;gap:.45rem;color:var(--fuel-muted);font-size:.88rem;font-weight:700}
.fuel-map-legend li span{display:block;width:15px;height:15px;border:2px solid #fff;border-radius:50%;background:var(--legend-color);box-shadow:0 0 0 1px rgba(8,35,63,.25)}
.fuel-page .river-directory{padding-top:.5rem}
.fuel-page .river-directory__count{padding:.35rem .6rem;border-radius:5px;background:#eef6f1;color:var(--fuel-green)}
.fuel-page .river-directory__grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.fuel-page .river-station-card{min-width:0}
.fuel-page .leaflet-popup-content-wrapper{border:2px solid var(--popup-color,var(--fuel-green));overflow:hidden}
.fuel-page .popup-station{width:min(270px,70vw);max-height:min(330px,60vh);overflow:auto}
.fuel-page .popup-station__header{background:var(--popup-color,var(--fuel-green))!important}
.fuel-page .popup-station__button{background:var(--popup-color,var(--fuel-green))!important}
@media(max-width:991.98px){.fuel-page .fuel-kpis,.fuel-page .river-directory__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.fuel-map-tools{grid-template-columns:1fr}.fuel-map{height:480px}}
@media(max-width:575.98px){.fuel-hero{grid-template-columns:1fr;gap:1rem;padding:1rem}.fuel-hero__logo{grid-row:1;width:100%;height:160px;justify-self:stretch}.fuel-hero h1{font-size:2rem}.fuel-page .fuel-kpis,.fuel-page .river-directory__grid{grid-template-columns:1fr}.fuel-search-control{grid-template-columns:1fr}.fuel-map-tools button{width:100%}.fuel-map{height:430px}.fuel-map-legend{align-items:flex-start;flex-direction:column;gap:.6rem}.fuel-map-legend ul{display:grid;grid-template-columns:1fr}.fuel-page .popup-station{width:min(235px,68vw);max-height:280px}}
@media(prefers-reduced-motion:reduce){.fuel-page *{scroll-behavior:auto!important;transition:none!important}}