/* La Petite Nation : panneau « Affichage » et réglages d'accessibilité (static/js/a11y-init.js + a11y.js).
   Chargée après style.css et theme-crest.css. Les réglages sont des attributs et des classes sur <html>, posés avant
   le premier affichage : data-theme (light|dark), data-fs (taille du texte), a11y-hc, a11y-font, a11y-space,
   a11y-links, a11y-still, a11y-guide, a11y-cursor, a11y-noimg. Aussi utilisée par Les Petites Annonces (même en-tête). */

@font-face{font-family:"Atkinson Hyperlegible";src:url("../fonts/atkinson-hyperlegible-latin-400-normal.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Atkinson Hyperlegible";src:url("../fonts/atkinson-hyperlegible-latin-700-normal.woff2") format("woff2");font-weight:500 900;font-style:normal;font-display:swap}
@font-face{font-family:"Atkinson Hyperlegible";src:url("../fonts/atkinson-hyperlegible-latin-400-italic.woff2") format("woff2");font-weight:400;font-style:italic;font-display:swap}

:root{--link:var(--lake);--link-hover:var(--maple-2);--focus:var(--lake);--field:#fff;--foot-bg:var(--ink);color-scheme:light}

/* ------------------------------------------------------------------ taille du texte (la mise en page suit : tout est en rem/em) */
html[data-fs="112"]{font-size:112.5%}html[data-fs="125"]{font-size:125%}html[data-fs="150"]{font-size:150%}
html[data-fs="175"]{font-size:175%}html[data-fs="200"]{font-size:200%}
html[data-fs] .masthead{position:relative}            /* en-tête non collant quand le texte est grand : il ne cache plus la page */
html[data-fs] .month h2{position:static}
html[data-fs="150"] .masthead>.wrap,html[data-fs="175"] .masthead>.wrap,html[data-fs="200"] .masthead>.wrap{flex-wrap:wrap;row-gap:6px;padding-top:6px;padding-bottom:6px}
html[data-fs="150"] .hsearch,html[data-fs="175"] .hsearch,html[data-fs="200"] .hsearch{display:none}
html[data-fs="175"] .topbar .tag,html[data-fs="200"] .topbar .tag{display:none}
html[data-fs="175"] .topbar .wrap,html[data-fs="200"] .topbar .wrap{flex-wrap:wrap;row-gap:2px}
html[data-fs="175"] .dailybar .db-l,html[data-fs="200"] .dailybar .db-l{display:none}
html[data-fs="175"] .dailybar ul,html[data-fs="200"] .dailybar ul{flex-wrap:wrap}
html[data-fs="175"] .wordmark small,html[data-fs="200"] .wordmark small{display:none}
html[data-fs="200"] .brand .logo{height:40px}
html[data-fs="200"] .dtiles{grid-template-columns:repeat(auto-fill,minmax(min(100%,14rem),1fr))}
html[data-fs="200"] .quick{grid-template-columns:repeat(auto-fill,minmax(min(100%,14rem),1fr))}
html[data-fs="200"] .fcols,html[data-fs="175"] .fcols{grid-template-columns:repeat(auto-fill,minmax(min(100%,16rem),1fr))}
html[data-fs="200"] .wx-d{grid-template-columns:5rem 2.2rem 1fr;row-gap:2px}html[data-fs="200"] .wx-d .wx-dp{grid-column:1/-1;text-align:left}
html[data-fs="200"] .wx-d .wx-dl{display:none}
html[data-fs="200"] .facts.compact{grid-template-columns:1fr}
html[data-fs] .sum{-webkit-line-clamp:6}

/* ------------------------------------------------------------------ bouton d'en-tête et panneau */
.a11y-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;min-width:44px;padding:6px 12px;border:2px solid var(--ink);border-radius:999px;background:transparent;color:var(--ink);font:700 .9rem var(--sans);cursor:pointer;flex:none}
.a11y-btn[hidden]{display:none}
.a11y-btn svg{width:20px;height:20px;flex:none}
.a11y-btn:hover{background:var(--ink);color:var(--paper)}
.a11y-btn[aria-expanded=true]{background:var(--ink);color:var(--paper)}
@media (max-width:1100px){.a11y-btn{padding:6px}.a11y-btn .a11y-lbl{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}}
@media (max-width:760px){.a11y-btn{border-width:0;min-width:40px;padding:4px}}
html[data-fs="150"] .a11y-btn .a11y-lbl,html[data-fs="175"] .a11y-btn .a11y-lbl,html[data-fs="200"] .a11y-btn .a11y-lbl{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

.a11y-panel{position:fixed;inset:0 0 0 auto;margin:0;width:min(25rem,100vw);max-width:100vw;height:100%;max-height:100%;padding:0;border:0;border-left:4px solid var(--sun);background:var(--paper);color:var(--ink);box-shadow:-20px 0 40px -10px rgba(0,0,0,.35);overflow-y:auto;overscroll-behavior:contain;font:400 1rem/1.5 var(--sans);z-index:1000}
.a11y-panel:not([open]){display:none}
.a11y-panel::backdrop{background:rgba(6,17,31,.45)}
.a11y-in{padding:18px 20px 28px}
.a11y-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 4px}
.a11y-head h2{font-size:1.5rem;margin:0}
.a11y-x{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;border:2px solid var(--ink);background:transparent;color:var(--ink);font:400 1.6rem/1 var(--sans);cursor:pointer;flex:none}
.a11y-x:hover{background:var(--ink);color:var(--paper)}
.a11y-note{font-size:.88rem;color:var(--muted);margin:0 0 10px}
.a11y-g{border:0;border-top:1px solid var(--line);margin:0;padding:12px 0 14px;min-width:0}
.a11y-g legend{float:left;width:100%;padding:0;margin:0 0 8px;font-weight:800;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.a11y-g legend+*{clear:both}
.a11y-size{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.a11y-size button,.a11y-seg label{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:52px;padding:6px 14px;border:2px solid var(--ink);border-radius:999px;background:var(--white);color:var(--ink);font:800 1.05rem var(--sans);cursor:pointer}
.a11y-size button:hover,.a11y-seg label:hover{background:var(--cream)}
.a11y-size button:disabled{opacity:.45;cursor:not-allowed}
.a11y-size output{font-weight:800;margin-left:4px;min-width:4.5em}
.a11y-seg{display:flex;flex-wrap:wrap;gap:8px}
.a11y-seg label{position:relative;font-size:.95rem;gap:6px}
.a11y-seg input{position:absolute;opacity:0;width:1px;height:1px;margin:0}
.a11y-seg input:checked+span{font-weight:800}
.a11y-seg label:has(input:checked){background:var(--ink);color:var(--paper)}
.a11y-seg label:has(input:focus-visible){outline:3px solid var(--focus);outline-offset:2px}
.a11y-sw{display:flex;align-items:center;gap:12px;min-height:44px;padding:4px 0;cursor:pointer;font-weight:600}
.a11y-sw input{appearance:none;-webkit-appearance:none;position:relative;flex:none;width:48px;height:28px;margin:0;border-radius:999px;border:2px solid var(--ink);background:var(--white);cursor:pointer}
.a11y-sw input::after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:var(--ink);transition:left .15s}
.a11y-sw input:checked{background:var(--lake);border-color:var(--lake)}
.a11y-sw input:checked::after{left:23px;background:#fff}
.a11y-sw input:focus-visible{outline:3px solid var(--focus);outline-offset:3px}
.a11y-sw small{display:block;font-weight:400;font-size:.82rem;color:var(--muted)}
.a11y-foot{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;border-top:1px solid var(--line);padding-top:16px}
.a11y-foot .btn{min-height:44px}
.a11y-foot a{font-weight:700}
@media (max-width:480px){.a11y-panel{width:100vw;border-left:0;border-top:4px solid var(--sun)}.a11y-in{padding:14px 16px 24px}}

/* ------------------------------------------------------------------ cibles tactiles de 44 px (WCAG 2.5.8 demande 24; on vise 44) */
.langsw a{display:flex;align-items:center;min-height:40px;min-width:40px;justify-content:center}
.nb-close{width:44px;height:44px}
@media (max-width:600px){.nb-close{width:40px;height:40px}}
.totop{width:44px;height:44px}
@media (max-width:1024px){.totop{width:44px;height:44px}}@media (max-width:600px){.totop{width:44px;height:44px}}
.btn{min-height:44px}
.subnav a,.kindpills button,.subchips a,.gpill,.wx-tabs button,.mchip{min-height:44px;display:inline-flex;align-items:center}
.subnav a{display:flex}
.sn-arrow:not([hidden]){width:44px;height:44px}
.dailybar a{min-height:44px}
.hsearch button{min-width:44px;min-height:40px}
.filters input,.filters select,.collect-pick select{min-height:44px}
.burger{width:44px;height:44px}
.linkbtn{min-height:24px}
.crumbs a,.fcols a{display:inline-block;padding:2px 0}

/* ------------------------------------------------------------------ focus toujours visible */
:focus-visible{outline:3px solid var(--focus);outline-offset:2px}
.topbar :focus-visible,.foot :focus-visible,.season :focus-visible,.b-lake :focus-visible,.b-pine :focus-visible,.inline-nl :focus-visible,.nbanner :focus-visible,.pa-hero :focus-visible,.dtile:focus-visible,.ttile:focus-visible,.media.tile :focus-visible{outline-color:#EEBD2F}
.pform input:focus-visible,.pform select:focus-visible,.pform textarea:focus-visible{outline:3px solid var(--focus);outline-offset:1px}
.hsearch:focus-within,.bigsearch:focus-within,.askform:focus-within{outline:3px solid var(--focus);outline-offset:2px}
.hsearch input:focus-visible,.bigsearch input:focus-visible,.askform input:focus-visible{outline:none}
.card h3 a:focus-visible{outline:none}
.card:has(h3 a:focus-visible){outline:3px solid var(--focus);outline-offset:3px}

/* ------------------------------------------------------------------ thème sombre : la palette de l'écusson inversée */
html[data-theme=dark]{
 color-scheme:dark;
 --ink:#F3ECDF;--ink-2:#D8DEE6;--muted:#A9B6C3;--paper:#0B1A2C;--white:#12263D;--cream:#1A324F;--line:#2C4767;--line-2:#3A5779;
 --sky:#15304D;--snow:#13283F;--pine:#071322;
 --link:#8EC3EE;--link-hover:#F3D36B;--focus:#EEBD2F;--field:#0F2136;--foot-bg:#06111F;
 --shadow:0 1px 2px rgba(0,0,0,.4),0 8px 24px -10px rgba(0,0,0,.6);
}
html[data-theme=dark] body{background:var(--paper);color:var(--ink)}
/* :where() : même poids que « a » de style.css, donc les boutons-liens (.btn, .ask-btn, tuiles) gardent leur couleur */
:where(html[data-theme=dark]) a{color:var(--link)}
:where(html[data-theme=dark]) a:hover{color:var(--link-hover)}
/* fonds qui étaient l'encre : on garde l'inversion (ivoire, texte marine) */
html[data-theme=dark] :is(.hsearch button,.langsw a[aria-current],.btn.ghost:hover,.gpill:hover,.subnav a[aria-current],.wx-tabs button[aria-selected=true],.qtile:hover,.qtile:hover span,.qtile:hover .ic){color:var(--paper)}
html[data-theme=dark] .subnav a[aria-current] small{background:rgba(0,0,0,.15);color:var(--paper)}
html[data-theme=dark] :is(.foot,.inline-nl){background:var(--foot-bg)}
html[data-theme=dark] .masthead{border-bottom-color:#EEBD2F}
html[data-theme=dark] .mainnav{border-top-color:var(--line)}
html[data-theme=dark] :is(.shead,.month h2){border-bottom-color:var(--line-2)}
html[data-theme=dark] :is(.skip,.btn.sun,.langbar,.langbar a,.btn.sun:hover){color:#102D4F}
html[data-theme=dark] .btn.sun:hover{background:#F3D36B;border-color:#F3D36B}
html[data-theme=dark] .btn:not(.sun):not(.ghost):hover{background:#2F6FAE;border-color:#2F6FAE}
html[data-theme=dark] .btn.ghost{border-color:var(--ink)}
/* textes qui étaient en bleu ou en marine : bleu clair ou or */
html[data-theme=dark] :is(.wordmark small,.note .ic,.ccard h2 .ic,.subscribe>.ic,.dailybar .db-l,.dailybar a .ic,.qtile .ic,.when .ic,.pcard h2 .ic,.wx-town em,.wx-minecard em,.wx-minecard .wx-go,.wx-h span,.wx-dp,.adcard.t-partner .adbody em,.potw-cta em,.cnext .cd em,.linkbtn,.cmini b,.sresults .ty,.answer sup){color:var(--link)}
html[data-theme=dark] .wx-hint{color:var(--link)!important}
html[data-theme=dark] :is(.mhead,.adbody em,.ccard .warn,.cmini.today b,.potw-cta .ic,.passed .ic,.card h3 a:hover,.sresults a:hover,.linkbtn:disabled){color:#F3D36B}
html[data-theme=dark] .mainnav a:hover,html[data-theme=dark] .mainnav a[aria-current=page]{color:#F3D36B;border-color:#EEBD2F}
html[data-theme=dark] .kicker{color:color-mix(in srgb,var(--tone,#05539D) 35%,#fff)}
html[data-theme=dark] .season .card .kicker{color:color-mix(in srgb,var(--tone,#05539D) 35%,#fff)}
html[data-theme=dark] .b-lake .kicker{color:#F3D36B}
html[data-theme=dark] .dbadge.past{background:#4A5B6E}
html[data-theme=dark] :is(.ccard .ok,.wx-alerts .ok){color:#7BD88F}
html[data-theme=dark] :is(.alog .t-amber,.alog .st-active,.alog .st-updated){color:#FF8A80}
html[data-theme=dark] .alog table :is(td,th){border-bottom-color:var(--line)}
/* surfaces codées en blanc */
html[data-theme=dark] :is(.askform,.filters .f-q,.notice,.rsvc,.hsearch){background:var(--field)}
html[data-theme=dark] .rsvc{border-color:var(--line)}
html[data-theme=dark] :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=submit]):not([type=button]),select,textarea){background-color:var(--field)!important;color:var(--ink)!important}
html[data-theme=dark] :is(.pform input,.pform select,.pform textarea,.collect-pick select){border-color:#4A6A8F}
html[data-theme=dark] ::placeholder{color:#93A3B5;opacity:1}
html[data-theme=dark] :is(input[type=checkbox],input[type=radio]){accent-color:#8EC3EE}
html[data-theme=dark] .promo{background:#2A2410;border-color:#EEBD2F}
html[data-theme=dark] :is(.calert,.passed,.cnext li.today){background:#2A2410}
html[data-theme=dark] .calert.c-red{background:#3A1614;border-color:#FF8A80}
html[data-theme=dark] .calert.c-orange{background:#3A2410}
html[data-theme=dark] .nb-meteo .nb-tag{color:#F3D36B}
html[data-theme=dark] :is(.collect-town.mine,.ctowns li.mine){border-color:var(--link)}
html[data-theme=dark] .totop{color:var(--link);border-color:var(--link);background:var(--paper)}
html[data-theme=dark] .totop:hover{color:#fff;border-color:#fff}
html[data-theme=dark] .burger span:first-child,html[data-theme=dark] .burger span:first-child::before,html[data-theme=dark] .burger span:first-child::after{background:var(--ink)}
html[data-theme=dark] .burger[aria-expanded=true] span:first-child{background:transparent}
html[data-theme=dark] .dbadge.typ{background:var(--cream)}
html[data-theme=dark] .ttile:nth-child(3n):not(:has(img)){background:#1D3F66}
html[data-theme=dark] .mchip[aria-pressed=false]{background:var(--cream);color:var(--ink)}
html[data-theme=dark] .kindpills button small,html[data-theme=dark] .subchips a small{color:var(--muted)}
html[data-theme=dark] .kindpills button[aria-pressed=true] small,html[data-theme=dark] .subchips a[aria-current=page] small{color:#dfeaf5}
html[data-theme=dark] .c-article.s-s{border-bottom-color:var(--line)}
html[data-theme=dark] .sn-arrow:not([hidden]){box-shadow:0 2px 8px rgba(0,0,0,.5)}
html[data-theme=dark] .adcard.t-partner{box-shadow:none}
html[data-theme=dark] .leaflet-popup-content-wrapper,html[data-theme=dark] .leaflet-popup-tip{background:var(--white);color:var(--ink)}
html[data-theme=dark] .leaflet-container a.leaflet-popup-close-button{color:var(--ink)}
html[data-theme=dark] .leaflet-bar a{background:#fff;color:#102D4F}
html[data-theme=dark] .leaflet-control-attribution{background:rgba(11,26,44,.85)!important;color:var(--ink)}
html[data-theme=dark] .leaflet-control-attribution a{color:var(--link)}
html[data-theme=dark] .minimap,html[data-theme=dark] .map-embed{background:var(--sky)}
html[data-theme=dark] .ph-preview img,html[data-theme=dark] .authorbox img{background:var(--cream)}
html[data-theme=dark] .a11y-panel::backdrop{background:rgba(0,0,0,.6)}
html[data-theme=dark] .a11y-sw input:checked{background:#2F6FAE;border-color:#8EC3EE}

/* ------------------------------------------------------------------ contraste élevé (clair ou sombre) */
html.a11y-hc{--ink:#000;--ink-2:#000;--muted:#222;--paper:#fff;--white:#fff;--cream:#fff;--sky:#fff;--snow:#fff;--line:#000;--line-2:#000;--link:#0033A0;--link-hover:#000;--focus:#000;--field:#fff;--foot-bg:#000;--shadow:none}
html.a11y-hc[data-theme=dark]{--ink:#fff;--ink-2:#fff;--muted:#f0f0f0;--paper:#000;--white:#000;--cream:#000;--sky:#000;--snow:#000;--line:#fff;--line-2:#fff;--link:#FFE066;--link-hover:#fff;--focus:#FFE066;--field:#000;--foot-bg:#000}
html.a11y-hc :is(.card,.facts div,.contact,.pcard,.hf,.ccard,.wx-now,.wx-town,.wx-h,.wx-d,.tcard,.cnext li,.eco,.ctowns li,.wxlist a,.wx-minecard,.prevnext a,.subnav a,.kindpills button,.subchips a,.qtile,.adcard,.subscribe,.notice,.promo,.calert,.passed,.rsvc,.toc,.filters,.authorbox,.hessentials,.note,.dbadge.typ,.askout .answer,.potw-cta){border:2px solid var(--line)!important;box-shadow:none!important}
html.a11y-hc :is(.a11y-alt,.chip){border:1px solid var(--line)}
html.a11y-hc :is(.muted,.fine,.byline,.where,.crumbs a,.crumbs ol,figcaption,.srcs,.src-line,.sum,.lead,.evsub){color:var(--ink)!important}
:where(html.a11y-hc) a{color:var(--link);text-decoration:underline;text-decoration-thickness:2px}
:where(html.a11y-hc) a:hover{color:var(--link-hover)}
html.a11y-hc :focus-visible{outline-width:4px;outline-color:var(--focus)!important;box-shadow:0 0 0 7px var(--paper)}
html.a11y-hc .kicker,html.a11y-hc[data-theme=dark] .kicker{color:var(--ink)}
html.a11y-hc .dailybar,html.a11y-hc .mainnav{border-color:var(--line)}
html.a11y-hc .tcredit,html.a11y-hc .illtag{background:#000;color:#fff}
html.a11y-hc[data-theme=dark] :is(.hsearch button,.langsw a[aria-current],.subnav a[aria-current],.wx-tabs button[aria-selected=true],.btn.ghost:hover,.gpill:hover){background:#fff;color:#000}
html.a11y-hc .btn:not(.sun):not(.ghost){background:#000;border-color:#000;color:#fff}
html.a11y-hc[data-theme=dark] .btn:not(.sun):not(.ghost){background:#FFE066;border-color:#FFE066;color:#000}
html.a11y-hc[data-theme=dark] :is(.ask-btn,.dbadge,.nflag){background:#000;color:#fff;border:2px solid #fff}
html.a11y-hc .ask-btn{background:#000;color:#fff}
html.a11y-hc :is(.topbar,.foot,.inline-nl,.b-pine,.b-lake,.season){background:#000!important;color:#fff}
html.a11y-hc :is(.topbar,.foot,.inline-nl,.b-pine,.b-lake,.season) :is(a,h2,h3,p,span,b,.more,.kicker,.today,.consent){color:#fff}
html.a11y-hc :is(.topbar,.foot,.inline-nl,.b-pine,.b-lake,.season) :focus-visible{outline-color:#FFE066!important;box-shadow:none}
html.a11y-hc .season .card :is(a,h3,p,span,b,.kicker){color:var(--ink)}
html.a11y-hc .season-fx{display:none}

/* ------------------------------------------------------------------ police facile à lire */
html.a11y-font{--sans:"Atkinson Hyperlegible",Verdana,system-ui,sans-serif;--serif:"Atkinson Hyperlegible",Verdana,system-ui,sans-serif}
html.a11y-font :is(h1,h2,h3,h4,.wordmark){letter-spacing:0}

/* ------------------------------------------------------------------ espacement (valeurs de WCAG 1.4.12) */
html.a11y-space body{line-height:1.8}
html.a11y-space :is(p,li,dd,dt,td,th,blockquote,figcaption,label,.sum,.lead,.prose,.when,.where){line-height:1.8!important}
html.a11y-space body :not(svg):not(svg *){letter-spacing:.12em!important;word-spacing:.16em!important}
html.a11y-space :is(p,.prose li){margin-bottom:1.6em}
html.a11y-space :is(h1,h2,h3,h4){line-height:1.3}
html.a11y-space .sum{-webkit-line-clamp:unset;display:block;overflow:visible}

/* ------------------------------------------------------------------ souligner les liens */
html.a11y-links a,html.a11y-links .linkbtn{text-decoration:underline!important;text-decoration-thickness:2px!important;text-underline-offset:3px}

/* ------------------------------------------------------------------ arrêter les animations (aussi par défaut avec « réduire les animations ») */
html.a11y-still *,html.a11y-still *::before,html.a11y-still *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
html.a11y-still .season-fx{display:none}
html.a11y-still :is(.card:hover .media img,.dtile:hover,.subnav a:hover){transform:none!important}
@media (prefers-reduced-motion:reduce){
 *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition:none!important;scroll-behavior:auto!important}
 .card:hover .media img,.dtile:hover,.subnav a:hover{transform:none}
}

/* ------------------------------------------------------------------ guide de lecture (barre qui suit le pointeur ou le doigt) */
.a11y-guide-bar{position:fixed;left:0;right:0;top:0;height:2.4em;pointer-events:none;z-index:2147483000;border-top:3px solid #EEBD2F;border-bottom:3px solid #EEBD2F;background:rgba(238,189,47,.10);box-shadow:0 0 0 100vmax rgba(6,17,31,.22);transform:translateY(-200%)}
html:not(.a11y-guide) .a11y-guide-bar{display:none}

/* ------------------------------------------------------------------ grand curseur */
html.a11y-cursor,html.a11y-cursor *{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48'%3E%3Cpath d='M6 3v38l10-10 7 15 8-3.5-7-15h14z' fill='%23000' stroke='%23fff' stroke-width='3' stroke-linejoin='round'/%3E%3C/svg%3E") 6 3,auto!important}

/* ------------------------------------------------------------------ masquer les images (le texte de remplacement reste visible) */
.a11y-alt{display:none}
html.a11y-noimg img:not(.leaflet-tile):not(.leaflet-marker-icon):not(.leaflet-marker-shadow){display:none!important}
html.a11y-noimg :is(.ttile,.pmedia,.thero,.ahero,.phero,.cphoto){min-height:0}
html.a11y-noimg .card .media{aspect-ratio:auto;min-height:0;padding:10px 12px}
html.a11y-noimg .card .media.tile{display:none}
html.a11y-noimg .pmedia{position:static}
html.a11y-noimg .pmedia figcaption{position:static;background:none;color:var(--muted)}
html.a11y-noimg .pmedia figcaption a{color:var(--link)}
html.a11y-noimg .ttile{min-height:auto;background:var(--pine-2)}
html.a11y-noimg .tcredit{position:static;display:inline-block;margin:4px 8px;max-width:100%}
html.a11y-noimg .a11y-alt{display:inline-block;max-width:100%;padding:4px 10px;margin:4px 0;border:1px dashed var(--muted);border-radius:8px;font:600 .85rem/1.4 var(--sans);color:var(--ink);background:var(--cream);overflow-wrap:anywhere}
html.a11y-noimg .ttile .a11y-alt{position:relative;background:transparent;color:#fff;border-color:rgba(255,255,255,.6)}

@media print{.a11y-btn,.a11y-panel,.a11y-guide-bar{display:none!important}}

/* ------------------------------------------------------------------ reflow : 320 px (zoom 400 %) et texte à 200 % sans défilement de côté */
.tbl{overflow-x:auto}
.prose a,.flinks a,.fbottom a,.src-line a{overflow-wrap:anywhere}
@media (max-width:480px){
 .masthead .langsw{display:none}                 /* la langue reste dans la barre du haut (lien « English » / « Français ») */
 .masthead>.wrap{gap:6px}
 .brand{min-width:0;gap:8px}.wordmark{font-size:1.05rem}
}
@media (max-width:360px){.brand .logo{height:38px}.wordmark small{display:none}}
.filters label{min-width:0;max-width:100%}
.filters select,.collect-pick select{max-width:100%}
.collect-pick label{display:inline-flex;flex-wrap:wrap;align-items:center;gap:6px;max-width:100%}.collect-pick select{margin-left:0}
html[data-fs] .filters .f-q{flex-basis:100%}
html[data-fs] .filters select{flex:1 1 100%}
html[data-fs] .shead{flex-wrap:wrap}html[data-fs] .more{white-space:normal}
html[data-fs] .pn-consent{flex-wrap:wrap}html[data-fs] .pn-consent-btns{flex-direction:row;flex-wrap:wrap}
html[data-fs] .topbar .wrap{flex-wrap:wrap}
html[data-fs] .dailybar a{white-space:normal;text-align:center}
html[data-fs] .subnav a{white-space:normal}
html[data-fs] .btn{white-space:normal}
html[data-fs] :is(h1,h2,h3,h4,.wordmark,.lead,b,strong,a){overflow-wrap:break-word}
html[data-fs] .mainnav ul{flex-wrap:wrap;overflow-x:visible}html[data-fs] .mainnav a{white-space:nowrap}
html[data-fs] :is(p,li,dd,td,span,em,label){overflow-wrap:break-word}
html[data-fs="150"] h1,html[data-fs="175"] h1,html[data-fs="200"] h1{font-size:clamp(1.7rem,5vw,3.2rem)}
html[data-fs="175"] .ahead h1,html[data-fs="200"] .ahead h1{font-size:clamp(1.7rem,5vw,3rem)}
.split>*,.hero>*,.place-grid>*,.town-head>*,.news-cta>*,.grid>*,.cgrid>*,.tgrid>*{min-width:0}
@media (max-width:1000px){.split{grid-template-columns:minmax(0,1fr)}}
.wx-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,9.5rem),1fr))}
.wx-town span,.wx-town b{min-width:0;overflow-wrap:anywhere}
.potw-cta{flex-wrap:wrap}.potw-cta span{min-width:0}
.askform label{flex:1 1 auto;min-width:0;display:flex}.askform label input{width:100%;min-width:0}.askform .btn{flex:none}
.pform .req{font-weight:600;color:var(--muted);font-size:.88em}
[aria-invalid=true]{border-color:#B3261E!important;box-shadow:0 0 0 2px #B3261E}
main:focus{outline:none}
@media (max-width:760px){html[data-fs] .dailybar ul{flex-wrap:wrap}html[data-fs] .dailybar li{flex:1 1 40%}}
html.a11y-hc :is(.topbar,.foot,.inline-nl,.b-pine,.b-lake,.season) .btn.sun{color:#000;background:#FFE066;border-color:#FFE066}
.hsearch label{flex:1 1 auto;min-width:0;display:flex}.hsearch button{flex:none}
html.a11y-noimg .c-article.s-s{flex-direction:column}html.a11y-noimg .c-article.s-s .cover{width:100%}html.a11y-noimg .c-article.s-s .media{aspect-ratio:auto}html.a11y-noimg .c-article.s-s .cbody{padding:6px 0 0}
html[data-theme=dark] :is(.dailybar a:hover,.dailybar a[aria-current=page],.wx-town:hover,.wx-town.on,.wxlist a:hover,.wxlist li.mine a,.wx-minecard){box-shadow:0 0 0 2px var(--link) inset;border-color:var(--link)}
html[data-theme=dark] :is(.subnav a:hover,.prevnext a:hover){border-color:var(--link)}
.topwx[hidden]{display:none}