/* Version 61 — « Météo et nouvelles du jour » : la météo en grand, les nouvelles validées par la radio. Couleurs héritées de la page. */
.j6{--j6-acc:var(--flamme,#e8730f);--j6-l:color-mix(in srgb,currentColor 14%,transparent);--j6-f:color-mix(in srgb,currentColor 4%,transparent);display:grid;gap:16px}
.j6-tete{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;flex-wrap:wrap}
.j6-tete h3{margin:0;font-size:1.3rem}
.j6-tete p{margin:4px 0 0;opacity:.8;font-size:.95rem;text-transform:none}
.j6-tete p::first-letter{text-transform:uppercase}
.j6-ville{color:var(--j6-acc)}
.j6-btn{min-height:42px;padding:6px 16px;border-radius:999px;border:1px solid var(--j6-acc);background:transparent;color:inherit;font-family:inherit;font-weight:600;font-size:.9rem;cursor:pointer}
.j6-grille{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:16px;align-items:start}
@media (max-width:860px){.j6-grille{grid-template-columns:minmax(0,1fr)}}
.j6-carte{padding:18px 20px;border-radius:22px;border:1px solid var(--j6-l);background:var(--carte,var(--j6-f));min-width:0;box-shadow:0 10px 30px -18px rgba(36,21,43,.35)}
.j6-carte>h4{margin:0 0 10px;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--j6-acc)}
.j6-carte p{margin:4px 0;font-size:.95rem;line-height:1.5}
.j6 h5{margin:16px 0 8px;font-size:.85rem;opacity:.8;font-weight:700}
.j6-attente{opacity:.6}
/* météo du moment */
.j6-meteo{background:linear-gradient(160deg,color-mix(in srgb,#2d6fb8 16%,var(--carte,transparent)),var(--carte,transparent) 65%)}
.j6-now{display:flex;align-items:center;gap:16px}
.j6-gros-ico{font-size:4rem;line-height:1;filter:drop-shadow(0 6px 10px rgba(0,0,0,.15))}
.j6-gros{font-size:clamp(3rem,7vw,4.4rem)!important;font-weight:700;line-height:1!important;margin:0!important;letter-spacing:-.03em}
.j6-ciel{font-size:1.15rem!important;font-weight:600;margin:4px 0 0!important}
.j6-det{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;margin:16px 0 0}
.j6-det div{padding:8px 12px;border-radius:14px;background:var(--j6-f);border:1px solid var(--j6-l)}
.j6-det dt{font-size:.75rem;opacity:.75}
.j6-det dd{margin:2px 0 0;font-weight:700;font-size:.95rem}
.j6-heures{list-style:none;margin:0;padding:2px 2px 8px;display:flex;gap:6px;overflow-x:auto;scroll-snap-type:x proximity;overscroll-behavior-x:contain}
.j6-heures li{flex:0 0 64px;scroll-snap-align:start;display:grid;justify-items:center;gap:2px;padding:8px 4px;border-radius:14px;background:var(--j6-f);border:1px solid var(--j6-l);font-size:.82rem}
.j6-heures li span:nth-child(2){font-size:1.4rem}
.j6-heures small{font-size:.7rem;opacity:.85;white-space:nowrap}
.j6-semaine{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.j6-semaine li{display:grid;grid-template-columns:5.2em 1.8em 4.6em 2.4em minmax(40px,1fr) 2.4em;align-items:center;gap:8px;padding:6px 8px;border-radius:12px;font-size:.9rem}
.j6-semaine li:nth-child(odd){background:var(--j6-f)}
.j6-j{text-transform:capitalize;font-weight:600}
.j6-pl{font-size:.75rem;opacity:.85;white-space:nowrap}
.j6-mn{opacity:.75;text-align:end}
.j6-mx{font-weight:700}
.j6-barre{position:relative;height:6px;border-radius:6px;background:var(--j6-l)}
.j6-barre i{position:absolute;top:0;bottom:0;border-radius:6px;background:linear-gradient(90deg,#4aa3df,#f2a33a,#e4572e)}
.j6-src{font-size:.75rem!important;opacity:.7;margin-top:12px!important}
/* nouvelles du jour */
.j6-bloc{padding:12px 0;border-top:1px solid var(--j6-l)}
.j6-bloc:first-of-type{border-top:0;padding-top:0}
.j6-bloc h4{margin:0 0 6px;font-size:1rem}
.j6-bloc h4 small{font-weight:500;opacity:.7;font-size:.78rem}
.j6-actus{list-style:none;padding:0;margin:0;display:grid;gap:12px}
.j6-actus li b{font-size:.98rem}
.j6-actus p{margin:2px 0}
.j6-date{opacity:.7;font-size:.78rem}
.j6-src2{font-size:.82rem!important}
.j6-liens{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.j6-liens small{display:block;opacity:.75;font-size:.82rem}
.j6-pensee blockquote{margin:6px 0;font-style:italic;font-size:1.02rem;line-height:1.55}
.j6-vide{opacity:.8}
.j6 a{color:var(--j6-acc);font-weight:600;text-underline-offset:3px}
.j6-cadenas{margin:0;padding:12px 14px;border-radius:14px;background:color-mix(in srgb,var(--j6-acc) 14%,transparent);border:1px solid color-mix(in srgb,var(--j6-acc) 45%,transparent);font-weight:600;font-size:.92rem}
@media (max-width:520px){.j6-semaine li{grid-template-columns:4.6em 1.6em 0 2.2em minmax(30px,1fr) 2.2em;gap:6px}.j6-pl{display:none}.j6-gros-ico{font-size:3.2rem}}