/* Blog au style "le quotidien" (direction A, choisie par Lilian le 07/10/2026).
   Chargée APRÈS article.css et theme.css sur les pages du blog, qui portent la classe body.blog-a :
   tout est préfixé par .blog-a pour ne rien toucher ailleurs. Maquette : Drive, maquettes/refonte-2026/tour-2/blog/. */
@font-face{font-family:'Instrument Serif';src:url(/Assets/polices/instrument-serif.woff2) format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Newsreader';src:url(/Assets/polices/newsreader.woff2) format('woff2');font-weight:300 700;font-style:normal;font-display:swap}
@font-face{font-family:'Space Mono';src:url(/Assets/polices/space-mono.woff2) format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Space Mono';src:url(/Assets/polices/space-mono-gras.woff2) format('woff2');font-weight:700;font-style:normal;font-display:swap}
.blog-a{
  --ba-fond:#FAF8F5; --ba-fond-2:#F1EBE3; --ba-papier:#FFFFFF; --ba-encre:#1C1219; --ba-douce:#5B4A56; --ba-titre:#200A1D;
  --ba-filet:rgba(32,10,29,.14); --ba-filet-fort:#A08A99; --ba-accent:#C2200A; --ba-rouge:#EF4A2F; --ba-nuit:#200A1D;
  --ba-scene:#2F1A2C; --ba-sur-scene:#FAF8F5; --ba-sur-scene-doux:#CDB3C8;
  --ba-police:"Bricolage Grotesque","Helvetica Neue",Arial,sans-serif; --ba-titre-f:"Instrument Serif",Georgia,serif;
  --ba-corps:"Newsreader",Georgia,serif; --ba-mono:"Space Mono",ui-monospace,Menlo,monospace;
  --ba-t-xs:.75rem; --ba-t-sm:.875rem; --ba-t-base:1.0625rem; --ba-t-lecture:1.1875rem; --ba-t-md:1.25rem; --ba-t-lg:1.5rem; --ba-t-xl:2rem;
  --ba-t-2xl:clamp(2.25rem,1.5rem + 2.4vw,3.75rem); --ba-t-une:clamp(2.5rem,1.2rem + 4.2vw,4.75rem); --ba-t-geant:clamp(2.75rem,1.2rem + 5.4vw,5.75rem);
  --ba-e2:8px; --ba-e3:12px; --ba-e4:16px; --ba-e5:24px; --ba-e6:32px; --ba-e7:48px; --ba-e8:64px;
  --ba-rayon:14px; --ba-colonne:740px; --ba-large:1240px;
  color:var(--ba-encre); font-family:var(--ba-corps);
}
html body.blog-a{background:var(--ba-fond);color:var(--ba-encre)}
[data-theme=dark] .blog-a{
  --ba-fond:#1A0918; --ba-fond-2:#26112A; --ba-papier:#2F1A2C; --ba-encre:#F3ECEF; --ba-douce:#CDB3C8; --ba-titre:#FAF8F5;
  --ba-filet:rgba(250,248,245,.16); --ba-filet-fort:#8C7387; --ba-accent:#FA6A4F; --ba-rouge:#FA6A4F;
}
html:has(body.blog-a){scroll-padding-top:88px}
.blog-a :focus-visible{outline:2px solid var(--ba-accent);outline-offset:3px}

/* En-tête : celui du site, redessiné comme sur les pages au nouveau style */
.blog-a nav:not(.ba-rubriques){height:64px;padding:0 max(16px,calc((100% - var(--ba-large)) / 2));background:var(--ba-fond);-webkit-backdrop-filter:none;backdrop-filter:none;border-bottom:1px solid var(--ba-filet)}
[data-theme=dark] .blog-a nav:not(.ba-rubriques){background:var(--ba-fond)}
.blog-a .nav-logo{display:inline-flex;align-items:center;gap:var(--ba-e2);min-height:44px;font:700 var(--ba-t-base)/1.1 var(--ba-police);letter-spacing:0;color:var(--ba-titre)}
.blog-a .nav-right{gap:var(--ba-e4)}
.blog-a .nav-link{font:500 var(--ba-t-sm)/1 var(--ba-police);letter-spacing:0;text-transform:none;color:var(--ba-encre);min-height:44px;min-width:44px;justify-content:center;align-items:center}
@media(min-width:769px){.blog-a .nav-link{display:inline-flex}}
.blog-a .nav-link[style*="tx-accent"],.blog-a .nav-link:hover{color:var(--ba-accent)!important}
.blog-a .btn-red{display:inline-flex;align-items:center;min-height:44px;padding:0 var(--ba-e4);border-radius:999px;background:var(--ba-rouge);color:var(--ba-nuit);font:700 var(--ba-t-sm)/1 var(--ba-police);letter-spacing:0;text-transform:none}
.blog-a .btn-red:hover{background:var(--ba-rouge);filter:brightness(1.06);color:var(--ba-nuit)}
@media(max-width:768px){.blog-a nav:not(.ba-rubriques){padding:0 var(--ba-e4)}.blog-a .nav-logo{font-size:var(--ba-t-sm)}}

/* Pied de page */
.blog-a footer{background:var(--ba-fond);border-top:1px solid var(--ba-filet);padding:var(--ba-e6) max(16px,calc((100% - var(--ba-large)) / 2))}
.blog-a .footer-links a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:44px}
.blog-a footer,.blog-a .footer-links a,.blog-a .fc{font-family:var(--ba-mono)!important;font-size:var(--ba-t-xs);letter-spacing:0;text-transform:none;color:var(--ba-douce)}

/* ============ Article ============ */
.blog-a .art-hero{background:var(--ba-fond);color:var(--ba-encre);padding:calc(64px + var(--ba-e7)) var(--ba-e4) var(--ba-e5);max-width:calc(var(--ba-colonne) + 32px);margin:0 auto}
.blog-a .art-back{display:inline-flex;align-items:center;min-height:44px;font:400 var(--ba-t-xs)/1.4 var(--ba-mono);color:var(--ba-douce);letter-spacing:0;text-transform:none;opacity:1}
.blog-a .art-cat,.blog-a .art-cat a{font:700 var(--ba-t-xs)/1.3 var(--ba-mono)!important;letter-spacing:.06em;text-transform:uppercase;color:var(--ba-accent)!important;margin:var(--ba-e3) 0 0}
.blog-a .art-title{font:400 var(--ba-t-une)/1.02 var(--ba-titre-f)!important;letter-spacing:-.015em!important;color:var(--ba-titre);margin:var(--ba-e3) 0 var(--ba-e5)!important;max-width:none}
.blog-a .art-meta{display:flex;flex-wrap:wrap;gap:var(--ba-e2) var(--ba-e5);padding:var(--ba-e3) 0;border-top:1px solid var(--ba-filet);border-bottom:1px solid var(--ba-filet);font:400 var(--ba-t-xs)/1.4 var(--ba-mono);color:var(--ba-douce);opacity:1}
.blog-a .art-meta span::before{content:none}
.blog-a .art-meta a{color:inherit}
.blog-a .art-body{max-width:calc(var(--ba-colonne) + 32px);margin:0 auto;padding:var(--ba-e6) var(--ba-e4) var(--ba-e7);font:400 var(--ba-t-lecture)/1.65 var(--ba-corps);color:var(--ba-encre)}
.blog-a .art-body p{font-size:inherit;line-height:inherit;margin:0 0 1.1em;color:inherit}
.blog-a .art-body .art-lead{font:400 var(--ba-t-md)/1.6 var(--ba-corps);color:var(--ba-encre);border:0;padding:0;margin:0 0 1.1em}
.blog-a .art-body .art-lead::first-letter{float:left;font:400 4.4em/.8 var(--ba-titre-f);margin:.06em .08em 0 0;color:var(--ba-accent)}
.blog-a .art-body h2{font:400 var(--ba-t-xl)/1.1 var(--ba-titre-f);letter-spacing:0;color:var(--ba-titre);margin:1.8em 0 .6em;text-transform:none}
.blog-a .art-body h2 .n{display:block;font:700 var(--ba-t-xs)/1 var(--ba-mono);letter-spacing:.06em;color:var(--ba-accent);margin:0 0 var(--ba-e2)}
.blog-a .art-body h3{font:400 var(--ba-t-lg)/1.15 var(--ba-titre-f);color:var(--ba-titre);margin:1.4em 0 .5em}
.blog-a .art-body ul,.blog-a .art-body ol{margin:0 0 1.1em;padding-left:1.2em}
.blog-a .art-body li{font-size:inherit;margin:0 0 .45em}
.blog-a .art-body a{color:var(--ba-accent);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.15em}
.blog-a .art-body strong{color:var(--ba-titre)}
.blog-a .art-body blockquote{margin:var(--ba-e6) 0;padding:0 0 0 var(--ba-e5);border-left:3px solid var(--ba-rouge);font:italic 400 var(--ba-t-md)/1.5 var(--ba-corps);color:var(--ba-encre);background:none}
.blog-a .art-body img{max-width:100%;height:auto}
.blog-a .art-body figure{margin:var(--ba-e6) 0}
.blog-a .art-body figcaption{font:400 var(--ba-t-xs)/1.45 var(--ba-mono)!important;color:var(--ba-douce)!important;padding-top:var(--ba-e2);margin-top:var(--ba-e2);border-top:1px solid var(--ba-filet)}
.blog-a .art-body table{width:100%;border-collapse:collapse;font:400 var(--ba-t-base)/1.5 var(--ba-corps);margin:var(--ba-e5) 0;display:block;overflow-x:auto}
.blog-a .art-body th{font:700 var(--ba-t-xs)/1.3 var(--ba-mono);text-transform:uppercase;letter-spacing:.05em;color:var(--ba-douce);text-align:left}
.blog-a .art-body th,.blog-a .art-body td{padding:var(--ba-e2) var(--ba-e3);border-bottom:1px solid var(--ba-filet);vertical-align:top}
.blog-a .art-body code{background:var(--ba-fond-2);color:var(--ba-encre)}
/* encadrés des articles (L'essentiel, schémas, appels intermédiaires) */
.blog-a .art-body .resume,.blog-a .art-body aside{background:none;border:0;border-top:3px solid var(--ba-titre);padding:var(--ba-e3) 0 0;margin:var(--ba-e6) 0;font:400 var(--ba-t-base)/1.55 var(--ba-corps)}
.blog-a .art-body .resume-titre{font:700 var(--ba-t-xs)/1.3 var(--ba-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--ba-titre);margin:0 0 var(--ba-e2)}
.blog-a .art-body .sch{background:none;border:0;border-top:1px solid var(--ba-filet);border-bottom:1px solid var(--ba-filet);padding:var(--ba-e4) 0}
.blog-a .art-body .sch-titre{font:700 var(--ba-t-xs)/1.3 var(--ba-mono)!important;color:var(--ba-titre)!important}
.blog-a .art-body .sch-quand{font-family:var(--ba-mono);color:var(--ba-accent)}
.blog-a .art-body .cta-box{background:var(--ba-fond-2);border:0;border-radius:var(--ba-rayon);padding:var(--ba-e5)}
.blog-a .art-body .cta-box-title{font:400 var(--ba-t-lg)/1.15 var(--ba-titre-f);color:var(--ba-titre);margin:0 0 var(--ba-e2)}
.blog-a .art-body .cta-box a{display:inline-flex;align-items:center;min-height:44px;border-radius:999px;background:var(--ba-rouge);color:var(--ba-nuit);text-decoration:none;font:700 var(--ba-t-sm)/1 var(--ba-police);letter-spacing:0;text-transform:none;padding:0 var(--ba-e4)}
.blog-a .art-body .cta-box a:hover{background:var(--ba-rouge);color:var(--ba-nuit);filter:brightness(1.06)}
/* À lire ensuite, puis l'appel de fin */
.blog-a .ba-lire{max-width:calc(var(--ba-colonne) + 32px);margin:0 auto;padding:var(--ba-e6) var(--ba-e4) 0;border-top:1px solid var(--ba-filet)}
.blog-a .ba-lire ul{list-style:none;margin:0;padding:0}
.blog-a .ba-lire li{padding:var(--ba-e3) 0;border-top:1px solid var(--ba-filet)}
.blog-a .ba-lire li:first-child{border-top:0}
.blog-a .ba-lire a{display:block;min-height:44px;font:400 var(--ba-t-lg)/1.15 var(--ba-titre-f);color:var(--ba-titre);text-decoration:none}
.blog-a .ba-lire a:hover{text-decoration:underline;text-decoration-thickness:1px}
.blog-a .art-footer-cta{max-width:calc(var(--ba-colonne) + 32px);margin:var(--ba-e6) auto var(--ba-e8);padding:var(--ba-e6) var(--ba-e5);border-radius:var(--ba-rayon);background:var(--ba-scene);color:var(--ba-sur-scene);text-align:left}
@media(max-width:800px){.blog-a .art-footer-cta{margin-left:var(--ba-e4);margin-right:var(--ba-e4)}}
.blog-a .afc-title{font:400 var(--ba-t-xl)/1.08 var(--ba-titre-f)!important;color:var(--ba-sur-scene)!important;letter-spacing:0;margin:0 0 var(--ba-e3)}
.blog-a .afc-title .ruban{background:none;color:inherit;padding:0}
.blog-a .afc-sub{font:400 var(--ba-t-base)/1.55 var(--ba-corps)!important;color:var(--ba-sur-scene-doux)!important;margin:0 0 var(--ba-e5)}
.blog-a .afc-btn{display:inline-flex;align-items:center;min-height:44px;padding:0 var(--ba-e4);border-radius:999px;background:var(--ba-rouge);color:var(--ba-nuit);font:700 var(--ba-t-sm)/1 var(--ba-police);letter-spacing:0;text-transform:none;text-decoration:none}
.blog-a .afc-btn:hover{background:var(--ba-rouge);color:var(--ba-nuit);filter:brightness(1.06)}

/* ============ Accueil du blog et rubriques ============ */
.blog-a .ba-page{max-width:var(--ba-large);margin:0 auto;padding:64px var(--ba-e4) 0}
@media(min-width:768px){.blog-a .ba-page{padding:64px var(--ba-e6) 0}}
.blog-a .ba-kicker{margin:0;font:700 var(--ba-t-xs)/1.3 var(--ba-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--ba-accent)}
.blog-a .ba-meta{margin:0;font:400 var(--ba-t-xs)/1.4 var(--ba-mono);color:var(--ba-douce)}
.blog-a .ba-mast{padding:var(--ba-e6) 0 var(--ba-e4);border-bottom:3px double var(--ba-filet-fort)}
.blog-a .ba-mast-haut{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--ba-e2);font:400 var(--ba-t-xs)/1.4 var(--ba-mono);text-transform:uppercase;letter-spacing:.04em;color:var(--ba-douce)}
.blog-a .ba-mast h1{margin:var(--ba-e4) 0 var(--ba-e3);max-width:24ch;font:400 var(--ba-t-une)/.98 var(--ba-titre-f);letter-spacing:-.02em;color:var(--ba-titre)}
.blog-a .ba-mast-sous{max-width:52ch;margin:0;font:italic 400 var(--ba-t-md)/1.45 var(--ba-corps);color:var(--ba-douce)}
.blog-a nav.ba-rubriques{position:static;height:auto;z-index:auto;justify-content:flex-start;background:none;-webkit-backdrop-filter:none;backdrop-filter:none;border-top:0}
.blog-a .ba-rubriques{display:flex;gap:var(--ba-e5);overflow-x:auto;padding:var(--ba-e2) 0;border-bottom:1px solid var(--ba-filet);scrollbar-width:none}
.blog-a .ba-rubriques a{flex:none;display:inline-flex;align-items:center;min-height:44px;font:700 var(--ba-t-xs)/1 var(--ba-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--ba-douce);text-decoration:none}
.blog-a .ba-rubriques a[aria-current]{color:var(--ba-accent);box-shadow:inset 0 -2px 0 var(--ba-accent)}
.blog-a .ba-une{display:grid;gap:var(--ba-e6);padding:var(--ba-e7) 0 var(--ba-e6);border-bottom:1px solid var(--ba-filet)}
.blog-a .ba-une-art h2{margin:var(--ba-e3) 0;font:400 var(--ba-t-2xl)/1.02 var(--ba-titre-f);letter-spacing:-.015em;color:var(--ba-titre)}
.blog-a .ba-une-art h2 a,.blog-a .ba-recents a,.blog-a .ba-col h3 a{color:var(--ba-titre);text-decoration:none;display:block}
.blog-a .ba-une-art h2 a:hover,.blog-a .ba-recents a:hover,.blog-a .ba-col h3 a:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.12em}
.blog-a .ba-une-chapo{margin:0 0 var(--ba-e3);font:400 var(--ba-t-md)/1.5 var(--ba-corps);color:var(--ba-encre)}
.blog-a .ba-une-photo{margin:0}
.blog-a .ba-une-photo img{width:100%;height:auto;display:block}
.blog-a .ba-recents ol{list-style:none;margin:var(--ba-e3) 0 0;padding:0;counter-reset:r}
.blog-a .ba-recents li{counter-increment:r;display:grid;grid-template-columns:2.2rem 1fr;gap:var(--ba-e2);padding:var(--ba-e3) 0;border-top:1px solid var(--ba-filet)}
.blog-a .ba-recents li::before{content:counter(r,decimal-leading-zero);font:400 var(--ba-t-xl)/1 var(--ba-titre-f);color:var(--ba-accent)}
.blog-a .ba-recents a{font:400 var(--ba-t-lg)/1.15 var(--ba-titre-f)}
.blog-a .ba-recents .ba-meta{margin:0 0 4px}
.blog-a .ba-orient{padding:var(--ba-e6) 0 var(--ba-e5);border-bottom:1px solid var(--ba-filet)}
.blog-a .ba-orient ul{margin:var(--ba-e3) 0 0;padding-left:1.1em;font:400 var(--ba-t-base)/1.55 var(--ba-corps)}
.blog-a .ba-orient li{margin:0 0 var(--ba-e2)}
.blog-a .ba-orient a,.blog-a .ba-encart a.ba-lien{color:var(--ba-encre);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.15em}
.blog-a .ba-orient .ba-auteur{margin:var(--ba-e4) 0 0;font:italic 400 var(--ba-t-base)/1.5 var(--ba-corps);color:var(--ba-douce)}
.blog-a .ba-colonnes{display:grid;padding:var(--ba-e5) 0 var(--ba-e8)}
.blog-a .ba-col{padding:var(--ba-e5) 0;border-top:1px solid var(--ba-filet)}
.blog-a .ba-rub+.ba-rub,.blog-a .ba-rub+.ba-encart{margin-top:var(--ba-e6)}
.blog-a .ba-rub article{padding:var(--ba-e3) 0;border-bottom:1px solid var(--ba-filet)}
.blog-a .ba-rub article:last-child{border-bottom:0}
.blog-a .ba-col h3 a{min-height:44px}
.blog-a .ba-col h3{margin:var(--ba-e2) 0 var(--ba-e2);font:400 var(--ba-t-lg)/1.12 var(--ba-titre-f)}
.blog-a .ba-col p.ba-chapo{margin:0;font:400 var(--ba-t-sm)/1.5 var(--ba-corps);color:var(--ba-douce)}
.blog-a .ba-encart{background:var(--ba-fond-2);border-radius:var(--ba-rayon);padding:var(--ba-e5)}
.blog-a .ba-encart p{margin:0 0 var(--ba-e3);font:400 var(--ba-t-base)/1.5 var(--ba-corps);color:var(--ba-encre)}
.blog-a .ba-encart .ba-btn{display:inline-flex;align-items:center;min-height:44px;padding:0 var(--ba-e4);border-radius:999px;background:var(--ba-rouge);color:var(--ba-nuit);font:700 var(--ba-t-sm)/1 var(--ba-police);text-decoration:none}
@media(min-width:900px){
  .blog-a .ba-une{grid-template-columns:minmax(0,2.1fr) minmax(0,1fr);gap:var(--ba-e7)}
  .blog-a .ba-une-art{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:var(--ba-e6);align-items:start}
  .blog-a .ba-recents{border-left:1px solid var(--ba-filet);padding-left:var(--ba-e6)}
  .blog-a .ba-orient ul{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--ba-e6);list-style:none;padding:0}
  .blog-a .ba-orient li{margin:0;padding-left:var(--ba-e4);border-left:2px solid var(--ba-rouge)}
  .blog-a .ba-colonnes{grid-template-columns:repeat(3,minmax(0,1fr))}
  .blog-a .ba-col{border-top:0;padding:0 var(--ba-e5);border-left:1px solid var(--ba-filet)}
  .blog-a .ba-col:first-child{border-left:0;padding-left:0}
}
/* page de rubrique : une liste à une colonne de lecture */
.blog-a .ba-liste{max-width:var(--ba-colonne);padding:var(--ba-e5) 0 var(--ba-e8)}
.blog-a .ba-liste article{padding:var(--ba-e5) 0;border-bottom:1px solid var(--ba-filet)}
.blog-a .ba-liste h2{margin:var(--ba-e2) 0;font:400 var(--ba-t-xl)/1.08 var(--ba-titre-f)}
.blog-a .ba-liste h2 a{color:var(--ba-titre);text-decoration:none;display:block;min-height:44px}
.blog-a .ba-liste h2 a:hover{text-decoration:underline;text-decoration-thickness:1px}
.blog-a .ba-liste p.ba-chapo{margin:0;font:400 var(--ba-t-base)/1.55 var(--ba-corps);color:var(--ba-douce)}
@media (prefers-reduced-motion:reduce){.blog-a *{transition:none!important}}
.blog-a .art-cat a,.blog-a .art-meta a{display:inline-flex;align-items:center;min-height:44px}
@media(max-width:480px){.blog-a .nav-logo{font-size:var(--ba-t-sm);line-height:1.15}.blog-a .nav-logo-nom{display:block;white-space:normal;max-width:8.5rem}.blog-a .nav-logo svg{flex:none}.blog-a .nav-right{gap:var(--ba-e2)}}
.blog-a .btn-red{flex:none;white-space:nowrap}
@media(max-width:400px){.blog-a .btn-red .btn-rdv-court{white-space:normal}.blog-a .btn-red{white-space:normal;max-width:6.5rem;text-align:center;line-height:1.1;padding:4px 12px}.blog-a .nav-logo-nom{max-width:7rem}.blog-a .nav-logo{font-size:var(--ba-t-xs)}}