/* Le Chutier — style éditorial, limité au conteneur .chutier pour ne pas toucher au thème. */
/* Couleurs : version sombre par défaut ; html[data-chutier-theme="light"] active la version claire. */
.chutier,.chutier-gabarit,.chutier-archive{
  --papier:#16131A; --encre:#EDE7F0; --gris:#A79FAE; --filet:#352E3B;
  --encadre:#1F1A24; --mauve:#C98ADB;
}
html[data-chutier-theme="light"] .chutier,
html[data-chutier-theme="light"] .chutier-gabarit,
html[data-chutier-theme="light"] .chutier-archive{
  --papier:#FAF8FB; --encre:#1C1820; --gris:#5D5664; --filet:#DCD5E0;
  --encadre:#F1ECF3; --mauve:#7E2A90;
}
.chutier{
  --display:"Instrument Serif","Iowan Old Style",Georgia,serif;
  --texte:"Source Serif 4","Iowan Old Style",Georgia,serif;
  --mono:"IBM Plex Mono",ui-monospace,"SF Mono",Menlo,monospace;
  background:var(--papier); color:var(--encre);
  font-family:var(--texte); font-size:17px; line-height:1.6;
  padding:0 16px 48px; box-sizing:border-box;
}
.chutier *,.chutier *::before,.chutier *::after{box-sizing:border-box}
.chutier a{color:var(--mauve);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}
.chutier a:focus-visible{outline:2px solid var(--mauve);outline-offset:2px}
.chutier .page{max-width:1120px;margin:0 auto}
.chutier p{margin:0 0 14px;max-width:68ch;padding:0}
.chutier h1,.chutier h2,.chutier h3,.chutier h4{padding:0;color:var(--encre)}

.chutier .manchette{padding:36px 0 18px;border-bottom:3px double var(--encre);display:grid;gap:10px}
.chutier .ardoise{font-family:var(--mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--gris);display:flex;flex-wrap:wrap;gap:6px 18px;justify-content:space-between}
.chutier .ardoise .tc{color:var(--mauve);font-variant-numeric:tabular-nums}
.chutier h1{font-family:var(--display);font-weight:400;font-size:clamp(56px,11vw,120px);line-height:.9;margin:6px 0 0;letter-spacing:-.01em}
.chutier h1 em{font-style:italic;color:var(--mauve)}
.chutier .devise{font-family:var(--display);font-style:italic;font-size:22px;color:var(--gris);margin:0}
.chutier .date{font-family:var(--mono);font-size:13px;display:flex;flex-wrap:wrap;gap:4px 16px;border-top:1px solid var(--filet);padding-top:10px}
.chutier nav.rubriques{display:flex;flex-wrap:wrap;gap:4px 18px;padding:12px 0;border-bottom:1px solid var(--filet);font-family:var(--mono);font-size:12px;text-transform:uppercase;letter-spacing:.07em}
.chutier nav.rubriques a{color:var(--encre);text-decoration:none}
.chutier nav.rubriques a:hover{color:var(--mauve)}

.chutier .grille{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:48px;margin-top:32px}
@media (max-width:900px){.chutier .grille{grid-template-columns:minmax(0,1fr);gap:32px}}
.chutier main{min-width:0}
.chutier aside{min-width:0;display:grid;gap:24px;align-content:start}

.chutier section{padding:8px 0 28px;border-bottom:1px solid var(--filet);margin-bottom:28px}
.chutier section:last-child{border-bottom:0}
.chutier .surtitre{font-family:var(--mono);font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:var(--mauve);margin:0 0 6px}
.chutier h2{font-family:var(--display);font-weight:400;font-size:clamp(32px,4.6vw,46px);line-height:1.05;margin:0 0 14px;text-wrap:balance}
.chutier h3{font-family:var(--texte);font-weight:600;font-size:20px;line-height:1.3;margin:22px 0 6px;text-wrap:balance}
.chutier .chapo{font-size:20px;line-height:1.5}
.chutier .deux-col{columns:2 300px;column-gap:36px}
.chutier .deux-col p{max-width:none;break-inside:avoid-column}
.chutier sup.n{font-family:var(--mono);font-size:11px;line-height:0}
.chutier sup.n a{text-decoration:none}

.chutier .important{border-left:3px solid var(--mauve);padding:4px 0 4px 18px;margin:20px 0 0}
.chutier .important strong{font-family:var(--mono);font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--mauve);display:block;margin-bottom:4px}
.chutier blockquote.exergue{font-family:var(--display);font-style:italic;font-size:clamp(26px,3.6vw,34px);line-height:1.2;margin:26px 0;padding:18px 0;border:0;border-top:1px solid var(--encre);border-bottom:1px solid var(--encre);color:var(--encre);max-width:30ch;background:none;quotes:none}
.chutier blockquote.exergue::before,.chutier blockquote.exergue::after{content:none}

.chutier ul.breves{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.chutier ul.breves li{padding-left:18px;position:relative;max-width:68ch;list-style:none}
.chutier ul.breves li::before{content:"";position:absolute;left:0;top:.62em;width:7px;height:7px;background:var(--mauve)}

.chutier .encadre{background:var(--encadre);border:1px solid var(--filet);padding:18px 18px 16px}
.chutier .encadre h4{font-family:var(--mono);font-size:12px;text-transform:uppercase;letter-spacing:.1em;margin:0 0 12px;color:var(--mauve)}
.chutier .encadre p{font-size:15px;line-height:1.5}
.chutier .encadre .note{font-size:13px;color:var(--gris);margin:10px 0 0}
.chutier dl.donnees{margin:0;display:grid;grid-template-columns:auto 1fr;gap:6px 14px;font-size:15px}
.chutier dl.donnees dt{font-family:var(--mono);font-size:12px;color:var(--gris);text-transform:uppercase;letter-spacing:.05em;padding-top:2px;font-weight:400}
.chutier dl.donnees dd{margin:0;font-variant-numeric:tabular-nums}
.chutier .chiffre{font-family:var(--display);font-size:44px;line-height:1;margin:0 0 4px}
.chutier ol.agenda{list-style:none;margin:0;padding:0;display:grid;gap:10px;font-size:15px;line-height:1.45}
.chutier ol.agenda li{display:grid;grid-template-columns:62px 1fr;gap:10px;list-style:none}
.chutier ol.agenda .j{font-family:var(--mono);font-size:12px;color:var(--mauve);text-transform:uppercase;padding-top:2px;font-variant-numeric:tabular-nums}

.chutier .tableau{overflow-x:auto;margin:14px 0 4px}
.chutier table{border-collapse:collapse;font-size:15px;min-width:420px;width:100%;border:0;margin:0}
.chutier th,.chutier td{text-align:left;padding:7px 10px;border:0;border-bottom:1px solid var(--filet);vertical-align:top}
.chutier th{font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--gris);font-weight:500}
.chutier td.num{font-variant-numeric:tabular-nums;white-space:nowrap}

.chutier .sources{margin-top:16px;padding-top:20px;border-top:3px double var(--encre)}
.chutier .sources h2{font-size:30px}
.chutier .sources ol{margin:0;padding-left:28px;columns:2 320px;column-gap:36px;font-size:14px;line-height:1.45}
.chutier .sources li{margin-bottom:8px;break-inside:avoid}
.chutier .sources li::marker{font-family:var(--mono);color:var(--mauve)}
.chutier .colophon{font-family:var(--mono);font-size:12px;color:var(--gris);margin-top:20px;line-height:1.6}

/* Liste d'archive (code court) */
.chutier-archive{list-style:none;margin:0;padding:8px 16px;font-family:"Source Serif 4",Georgia,serif;background:var(--papier);color:var(--encre)}
.chutier-archive li{border-bottom:1px solid var(--filet);list-style:none}
.chutier-archive a{display:grid;grid-template-columns:200px 1fr;gap:16px;padding:12px 0;color:var(--encre);text-decoration:none}
.chutier-archive time{font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:13px;color:var(--mauve);padding-top:3px}
@media (max-width:520px){.chutier-archive a{grid-template-columns:1fr;gap:2px}}

/* Gabarits de l'extension (1.0.2) */
/* #main-content.chutier-gabarit : passe devant le fond blanc que Divi impose à #main-content. */
.chutier-gabarit,#main-content.chutier-gabarit,body #page-container #main-content.chutier-gabarit{background:var(--papier) !important;color:var(--encre)}
.chutier ol.chutier-liste{list-style:none;margin:8px 0 0;padding:0}
.chutier ol.chutier-liste li{list-style:none;border-bottom:1px solid var(--filet);margin:0;padding:0}
.chutier ol.chutier-liste a{display:grid;grid-template-columns:220px minmax(0,1fr);gap:20px;padding:16px 0;color:var(--encre);text-decoration:none}
.chutier ol.chutier-liste a:hover .chutier-liste-une{color:var(--mauve)}
.chutier .chutier-liste-date{display:grid;gap:2px;font-family:var(--mono);font-size:13px;color:var(--mauve);padding-top:4px}
.chutier .chutier-liste-num{color:var(--gris);font-size:12px}
.chutier .chutier-liste-une{font-family:var(--display);font-size:28px;line-height:1.15;text-wrap:balance}
@media (max-width:600px){.chutier ol.chutier-liste a{grid-template-columns:1fr;gap:6px}.chutier .chutier-liste-une{font-size:24px}}
.chutier .chutier-pagination{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:24px;font-family:var(--mono);font-size:13px}
.chutier .chutier-pagination .current{color:var(--encre);font-weight:500}
.chutier-navigation{width:100%;margin:0;padding:20px 16px 48px;box-sizing:border-box;background:var(--papier);font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:13px}
.chutier-navigation-int{max-width:1120px;margin:0 auto;display:grid;grid-template-columns:1fr auto 1fr;gap:12px}
.chutier-navigation-int span:nth-child(2){text-align:center}
.chutier-navigation-int span:nth-child(3){text-align:right}
.chutier-navigation a{color:var(--mauve);text-decoration:none}
.chutier-navigation a:hover{text-decoration:underline;text-underline-offset:3px}
@media (max-width:600px){.chutier-navigation-int{grid-template-columns:1fr}.chutier-navigation-int span:nth-child(n){text-align:left}}

/* Bouton sombre / clair (1.1.0) */
.chutier-outils{width:100%;margin:0;padding:14px 16px 0;background:var(--papier);box-sizing:border-box}
.chutier-outils-int{max-width:1120px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.chutier-outils-lien{font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--mauve);text-decoration:none}
.chutier-outils-lien:hover{text-decoration:underline;text-underline-offset:3px}
.chutier-outils-lien:focus-visible{outline:2px solid var(--mauve);outline-offset:2px}
.chutier-bascule{font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:12px;letter-spacing:.06em;text-transform:uppercase;
  color:var(--encre);background:transparent;border:1px solid var(--filet);border-radius:0;padding:7px 12px;cursor:pointer;line-height:1.2;
  display:inline-flex;align-items:center;gap:8px}
.chutier-bascule:hover{border-color:var(--mauve);color:var(--mauve)}
.chutier-bascule:focus-visible{outline:2px solid var(--mauve);outline-offset:2px}
.chutier-bascule .pastille{width:10px;height:10px;border-radius:50%;border:1px solid currentColor;background:linear-gradient(90deg,currentColor 50%,transparent 50%)}