/* Blog des annuaires : alignement sur le skin du site (bandeau, hero, accents). Articles v4 inchangés. */
body > header[class*="bg-"]{background:var(--paper)!important;color:var(--ink)!important;border-bottom:1px solid var(--line);box-shadow:none!important}
body > header a{color:var(--ink)!important}
body > header a.text-2xl,body > header a.text-xl{font-family:var(--f-disp);font-weight:800;letter-spacing:-.015em;font-size:1.15rem!important}
body > header nav li a{font-family:var(--f-body);font-weight:500}
body > header nav li a:hover{text-decoration:underline;text-underline-offset:4px}
body > section[class*="bg-gradient-to-"]{background:var(--wash)!important;color:var(--ink)!important;border-bottom:1px solid var(--line);padding-top:48px!important;padding-bottom:40px!important}
body > section[class*="bg-gradient-to-"] .text-center{text-align:left!important}
body > section[class*="bg-gradient-to-"] h1{font-family:var(--f-disp);font-weight:800;letter-spacing:-.02em;color:var(--ink)!important}
body > section[class*="bg-gradient-to-"] p{color:var(--muted)!important;opacity:1!important}
body{font-family:var(--f-body)}
body .grid > a.bg-white{box-shadow:none!important;border:1px solid var(--line);border-radius:var(--r)!important}
body .grid > a.bg-white:hover{border-color:var(--ink)}
body .grid > a.bg-white h2,body .grid > a.bg-white h3{font-family:var(--f-disp)}
footer[class*="bg-"]{background:var(--ink)!important}
body [class~="text-blue-600"],body [class~="text-blue-700"],body [class~="hover:text-blue-600"]:hover{color:var(--acc)!important}
body a[class~="bg-blue-600"],body button[class~="bg-blue-600"]{background:var(--acc)!important;color:#fff!important}
body [class~="text-green-600"],body [class~="text-green-700"],body [class~="hover:text-green-600"]:hover{color:var(--acc)!important}
body a[class~="bg-green-600"],body button[class~="bg-green-600"]{background:var(--acc)!important;color:#fff!important}
body [class~="text-orange-600"],body [class~="text-orange-700"],body [class~="hover:text-orange-600"]:hover{color:var(--acc)!important}
body a[class~="bg-orange-600"],body button[class~="bg-orange-600"]{background:var(--acc)!important;color:#fff!important}
body [class~="text-indigo-600"],body [class~="text-indigo-700"],body [class~="hover:text-indigo-600"]:hover{color:var(--acc)!important}
body a[class~="bg-indigo-600"],body button[class~="bg-indigo-600"]{background:var(--acc)!important;color:#fff!important}
body [class~="text-purple-600"],body [class~="text-purple-700"],body [class~="hover:text-purple-600"]:hover{color:var(--acc)!important}
body a[class~="bg-purple-600"],body button[class~="bg-purple-600"]{background:var(--acc)!important;color:#fff!important}
body [class~="text-red-600"],body [class~="text-red-700"],body [class~="hover:text-red-600"]:hover{color:var(--acc)!important}
body a[class~="bg-red-600"],body button[class~="bg-red-600"]{background:var(--acc)!important;color:#fff!important}
body [class~="text-teal-600"],body [class~="text-teal-700"],body [class~="hover:text-teal-600"]:hover{color:var(--acc)!important}
body a[class~="bg-teal-600"],body button[class~="bg-teal-600"]{background:var(--acc)!important;color:#fff!important}
body [class~="text-pink-600"],body [class~="text-pink-700"],body [class~="hover:text-pink-600"]:hover{color:var(--acc)!important}
body a[class~="bg-pink-600"],body button[class~="bg-pink-600"]{background:var(--acc)!important;color:#fff!important}
body [class~="text-emerald-600"],body [class~="text-emerald-700"],body [class~="hover:text-emerald-600"]:hover{color:var(--acc)!important}
body a[class~="bg-emerald-600"],body button[class~="bg-emerald-600"]{background:var(--acc)!important;color:#fff!important}
body [class~="text-cyan-600"],body [class~="text-cyan-700"],body [class~="hover:text-cyan-600"]:hover{color:var(--acc)!important}
body a[class~="bg-cyan-600"],body button[class~="bg-cyan-600"]{background:var(--acc)!important;color:#fff!important}
body [class~="text-amber-600"],body [class~="text-amber-700"],body [class~="hover:text-amber-600"]:hover{color:var(--acc)!important}
body a[class~="bg-amber-600"],body button[class~="bg-amber-600"]{background:var(--acc)!important;color:#fff!important}
body [class~="text-rose-600"],body [class~="text-rose-700"],body [class~="hover:text-rose-600"]:hover{color:var(--acc)!important}
body a[class~="bg-rose-600"],body button[class~="bg-rose-600"]{background:var(--acc)!important;color:#fff!important}
body [class~="text-violet-600"],body [class~="text-violet-700"],body [class~="hover:text-violet-600"]:hover{color:var(--acc)!important}
body a[class~="bg-violet-600"],body button[class~="bg-violet-600"]{background:var(--acc)!important;color:#fff!important}
body [class~="text-sky-600"],body [class~="text-sky-700"],body [class~="hover:text-sky-600"]:hover{color:var(--acc)!important}
body a[class~="bg-sky-600"],body button[class~="bg-sky-600"]{background:var(--acc)!important;color:#fff!important}
body [class~="text-lime-600"],body [class~="text-lime-700"],body [class~="hover:text-lime-600"]:hover{color:var(--acc)!important}
body a[class~="bg-lime-600"],body button[class~="bg-lime-600"]{background:var(--acc)!important;color:#fff!important}
/* pagination : retour à la ligne sur mobile (débordait de 160 px) */
body .flex.justify-center.mt-12{flex-wrap:wrap;gap:.4rem}
body .flex.justify-center.mt-12 > *{margin:0!important}
body .flex.justify-center.mt-12 a{border-radius:var(--r)!important}

/* ===== blog v8 : en-tete avec logo + navigation (mobile compris) ===== */
body > header nav{flex-wrap:wrap;gap:.25rem 1rem}
body > header a.text-2xl,body > header a.text-xl{display:flex;align-items:center;font-size:0!important;line-height:0;min-height:44px}
body > header a.text-2xl::before,body > header a.text-xl::before{content:"";display:block;height:var(--brand-h,48px);width:calc(var(--brand-h,48px) * var(--brand-ratio,4));max-width:min(60vw,260px);background:var(--brand-logo) left center/contain no-repeat}
body > header nav > div{display:block!important;overflow-x:auto;-webkit-overflow-scrolling:touch}
body > header nav > div ul{display:flex;flex-wrap:nowrap;gap:0;margin:0;padding:0;list-style:none}
body > header nav > div li{flex:none;margin:0!important}
body > header nav > div li a{display:flex;align-items:center;min-height:44px;padding:0 .7rem;white-space:nowrap;font-size:.9rem}
body > header nav > div li:last-child a{color:var(--acc)!important;font-weight:700}
@media (max-width:767px){body > header nav > div{width:100%;border-top:1px solid var(--line)}body > header nav > div li:first-child a{padding-left:0}}
/* ===== fin blog v8 header ===== */
/* ===== blog v8 : cartes de la liste ===== */
body .grid > a.bg-white{display:flex;flex-direction:column;background:var(--paper)!important}
body .grid > a.bg-white > img,body .grid > a.bg-white > div[class*="bg-gradient-to-"]{height:200px!important;width:100%;object-fit:cover}
body .grid > a.bg-white > div[class*="bg-gradient-to-"]{background:var(--wash)!important;background-image:none!important}
body .grid > a.bg-white > div.p-6{display:flex;flex-direction:column;flex:1}
body .grid > a.bg-white h2{line-height:1.3}
body .grid > a.bg-white p.blog-sum{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;line-height:1.55;color:var(--muted)!important}
body .grid > a.bg-white span.font-semibold.text-sm:last-child{margin-top:auto;display:inline-flex;align-items:center;min-height:44px;color:var(--acc)!important}
body .grid > a.bg-white:hover span.font-semibold.text-sm:last-child{text-decoration:underline;text-underline-offset:4px}
body .grid > a.bg-white:focus-visible{outline:3px solid var(--acc);outline-offset:2px}
body .flex.justify-center.mt-12 a{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center}
/* ===== fin blog v8 cartes ===== */
