.hub-intro{text-align:center;padding:1.5rem 0 1.1rem;border-bottom:1px solid var(--line)}
.hub-intro h1{font-size:clamp(2.1rem,4.2vw,3.35rem)}
.hub-intro .lead{margin:.75rem auto 0;max-width:66ch;font-family:var(--display);font-style:italic}
.hub-reperes{display:flex;justify-content:center;flex-wrap:wrap;gap:.35rem 1rem;margin:1rem 0 .4rem}
.hub-reperes a{font-size:.94rem;padding:.25rem 0}
.collection-meteo{margin:1.8rem 0 2.4rem}
.collection-meteo h2{font-size:clamp(1.55rem,3vw,2.05rem);margin-bottom:.8rem}
.grille-meteo{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.25rem .85rem}
.carte-meteo{min-width:0;border-bottom:1px solid var(--line);padding-bottom:.8rem}
.carte-meteo a{display:block;color:var(--ink);text-decoration:none}
.carte-meteo img{display:block;width:100%;height:auto;aspect-ratio:1.65;object-fit:cover;border-radius:2px;background:#ecf0eb}
.carte-meteo h3{font:600 1.2rem/1.25 var(--display);margin:.7rem 0 .35rem;text-wrap:pretty}
.carte-meteo a:hover h3,.carte-meteo a:focus-visible h3{text-decoration:underline}
.carte-meteo p{font-size:.94rem;line-height:1.4}
.meteo-dossier .heroimg img{height:clamp(200px,24vw,330px);object-fit:cover}
.meteo-dossier .hero>div{min-width:0}
.meteo-dossier h1{hyphens:auto;overflow-wrap:anywhere}
.credits-vignettes{font-size:.86rem;margin:1rem 0;color:var(--muted)}
.credits-vignettes summary{cursor:pointer}
.meteo-dossier .credit-photo{font-size:.77rem;line-height:1.4;color:var(--muted);margin-top:.35rem;overflow-wrap:anywhere}
.meteo-dossier .hero .credit-photo a{display:inline;min-height:0;margin:0;padding:0}
.meteo-dossier .reading{max-width:960px}
.meteo-dossier .reading>section{margin:1.8rem 0}
.meteo-dossier .reading p{line-height:1.55}
.outil-controle:not([hidden]),.outil-form:not([hidden]){display:flex;gap:.6rem;align-items:end;flex-wrap:wrap;margin:.9rem 0}
.outil-form,.outil-controle{padding:.7rem 1rem;border-left:3px solid #467b6b;background:#edf5f1}
.outil-form label{display:grid;gap:.25rem}.outil-form output{flex-basis:100%;font-weight:600}
.outil-form button,.outil-form input,.outil-controle select,.outil-form select{min-height:42px;padding:.35rem .65rem;font:inherit;border:1px solid #739084;background:white;color:#133e31;border-radius:3px;max-width:100%}
.outil-form button{color:white;background:#235b4b}
.liens-donnees{display:flex;gap:.4rem 1.2rem;flex-wrap:wrap}
.saisons-lectures ul{display:flex;flex-wrap:wrap;gap:.4rem 1.4rem;list-style:none;padding:0}
.saisons-lectures li{margin:0}.saisons-lectures a{display:inline-block;padding:.35rem 0}
@media(max-width:900px){.grille-meteo{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.grille-meteo{grid-template-columns:repeat(2,minmax(0,1fr))}.carte-meteo h3{font-size:1.05rem}.carte-meteo p{font-size:.87rem}.hub-intro{padding-top:.65rem}}
@media(max-width:370px){.grille-meteo{gap:.8rem .6rem}.carte-meteo p{font-size:.83rem}}
@media(max-width:370px){.meteo-dossier h1{font-size:1.88rem}}

.meteo-dossier .hero .photo-originale{display:block;margin:0;padding:0}
.meteo-dossier .heroimg img.photo-portrait{object-fit:contain;background:#f2f5f1}
.carte-meteo a[href$="/pluviometre.html"] img{object-position:50% 21%}
.carte-meteo a[href$="/temperature-moyenne-journaliere.html"] img{object-position:50% 84%}
.carte-meteo a[href$="/rose-des-vents.html"] img{object-position:50% 35%}
.carte-meteo a[href$="/lever-du-soleil-le-plus-tardif.html"] img{object-position:50% 76%}

.carte-meteo h3,.carte-meteo p{hyphens:auto;overflow-wrap:anywhere}
.credits-vignettes{overflow-wrap:anywhere}