/* L'Observatoire du kWh : charte C « Le Repère », version presse.
   Référence visuelle : charte/maquette-c-editoriale.html (validée le 23/09/2026).
   Règles : filets de 1 et 3 px, aucune ombre, aucun coin arrondi, aucun dégradé. */

/* 1. Jetons */
:root{
  --okwh-fond:#FFFFFF; --okwh-surface:#F2F5FA;
  --okwh-texte:#0E1B33; --okwh-texte-2:#56627A;
  --okwh-filet:#DCE2EC; --okwh-filet-fort:#0E1B33;
  --okwh-accent:#0B2D6B; --okwh-sur-accent:#FFFFFF;
  --okwh-or:#A87D10; --okwh-or-texte:#7A5A08; --okwh-or-fond:#F7F0DE;
  --okwh-elec:#1d4fb8; --okwh-gaz:#c27c00; --okwh-cee:#15876a; --okwh-ach:#7a45b5; --okwh-taxes:#c43d4f;
  --okwh-serif:'Spectral', Georgia, 'Times New Roman', serif;
  --okwh-sans:'Public Sans', 'Segoe UI', Arial, sans-serif;
  /* Utopia : 17 px, ratio 1,2 à 360 px ; 19 px, ratio 1,25 à 1240 px */
  --step--2:clamp(0.7378rem, 0.7288rem + 0.0403vw, 0.7600rem);
  --step--1:clamp(0.8854rem, 0.8590rem + 0.1174vw, 0.9500rem);
  --step-0:clamp(1.0625rem, 1.0114rem + 0.2273vw, 1.1875rem);
  --step-1:clamp(1.2750rem, 1.1893rem + 0.3807vw, 1.4844rem);
  --step-2:clamp(1.5300rem, 1.3969rem + 0.5918vw, 1.8555rem);
  --step-3:clamp(1.8360rem, 1.6383rem + 0.8788vw, 2.3193rem);
  --step-4:clamp(2.2032rem, 1.9185rem + 1.2654vw, 2.8992rem);
  --step-5:clamp(2.6438rem, 2.2429rem + 1.7820vw, 3.6240rem);
  --okwh-gouttiere:20px;
  --okwh-lecture:720px;
  --okwh-page:1240px;
  /* Couleurs globales de GeneratePress alignées sur la charte */
  --contrast:var(--okwh-texte); --contrast-2:var(--okwh-texte-2); --contrast-3:var(--okwh-texte-2);
  --base:var(--okwh-filet); --base-2:var(--okwh-surface); --base-3:var(--okwh-fond); --accent:var(--okwh-accent);
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    color-scheme:dark;
    --okwh-fond:#0F1A2E; --okwh-surface:#16233B;
    --okwh-texte:#E8EEF8; --okwh-texte-2:#A3B0C8;
    --okwh-filet:#26344F; --okwh-filet-fort:#E8EEF8;
    --okwh-accent:#8FB3FF; --okwh-sur-accent:#0F1A2E;
    --okwh-or:#E0B54A; --okwh-or-texte:#E0B54A; --okwh-or-fond:#241F12;
    --okwh-elec:#5a8ee8; --okwh-gaz:#c98500; --okwh-cee:#1f9c7a; --okwh-ach:#a07ae0; --okwh-taxes:#e0667a;
  }
}
:root[data-theme="dark"]{
  color-scheme:dark;
  --okwh-fond:#0F1A2E; --okwh-surface:#16233B;
  --okwh-texte:#E8EEF8; --okwh-texte-2:#A3B0C8;
  --okwh-filet:#26344F; --okwh-filet-fort:#E8EEF8;
  --okwh-accent:#8FB3FF; --okwh-sur-accent:#0F1A2E;
  --okwh-or:#E0B54A; --okwh-or-texte:#E0B54A; --okwh-or-fond:#241F12;
  --okwh-elec:#5a8ee8; --okwh-gaz:#c98500; --okwh-cee:#1f9c7a; --okwh-ach:#a07ae0; --okwh-taxes:#e0667a;
}
@media (min-width:980px){ :root{ --okwh-gouttiere:32px } }

/* 2. Base */
*,*::before,*::after{box-sizing:border-box;border-radius:0;box-shadow:none}
html{-webkit-text-size-adjust:100%;overflow-x:clip}
body,body.okwh{margin:0;background:var(--okwh-fond);color:var(--okwh-texte);font-family:var(--okwh-sans);font-size:var(--step-0);line-height:1.5;font-weight:400;-webkit-font-smoothing:antialiased;overflow-x:clip}
a{color:inherit;text-decoration-thickness:1px;text-underline-offset:0.18em}
a:hover,a:focus{color:var(--okwh-accent)}
:focus-visible{outline:2px solid var(--okwh-accent);outline-offset:2px}
h1,h2,h3,h4,h5,h6{font-family:var(--okwh-serif);font-weight:600;letter-spacing:-0.005em;text-wrap:balance;color:var(--okwh-texte);margin:0}
p{margin:0}
sup{font-size:0.55em;line-height:0;vertical-align:0.6em}
img{max-width:100%;height:auto}
time,table,.okwh-chiffre,.okwh-val,.wp-block-post-date{font-variant-numeric:tabular-nums lining-nums}
.screen-reader-text,.okwh-sr{position:absolute !important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;margin:-1px;padding:0;border:0}
.skip-link:focus{clip:auto;width:auto;height:auto;position:fixed !important;top:8px;left:8px;z-index:100;background:var(--okwh-fond);color:var(--okwh-texte);padding:8px 12px;border:1px solid var(--okwh-filet-fort)}

/* Neutralisation du parent (GeneratePress) */
.site.grid-container,.site-content{max-width:none;padding:0;margin:0;background:transparent}
.one-container .site-content,.separate-containers .site-main,.inside-article{padding:0;margin:0;background:transparent}
.site-main{margin:0}
input,button,select,textarea,.wp-block-button__link,.wp-element-button{border-radius:0;box-shadow:none;background-image:none}

/* Conteneur de page et grille 12 colonnes */
.okwh-conteneur{max-width:var(--okwh-page);margin-inline:auto;padding-inline:clamp(16px,3vw,40px)}
.okwh-grille{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--okwh-gouttiere)}
.okwh-grille > *{grid-column:1 / -1;min-width:0}

/* Filets (classes utilitaires) */
.filet{border-top:1px solid var(--okwh-filet)}
.filet-encre{border-top:1px solid var(--okwh-filet-fort)}
.filet-fort{border-top:3px solid var(--okwh-filet-fort)}

/* 3. Éléments de presse */
.surtitre,.wp-block-post-terms.surtitre{display:block;font-family:var(--okwh-sans);font-size:var(--step--2);font-weight:700;letter-spacing:0.09em;text-transform:uppercase;color:var(--okwh-accent);line-height:1.3}
.surtitre a{text-decoration:none;color:inherit}
.surtitre a:hover{text-decoration:underline}
.surtitre .sep,.wp-block-post-terms__separator{color:var(--okwh-texte-2);font-weight:400;padding-inline:0.35em;white-space:pre}
.signature{font-size:var(--step--2);color:var(--okwh-texte-2);letter-spacing:0.01em;line-height:1.4}
.signature b{color:var(--okwh-texte);font-weight:600}
.wp-block-group.signature{gap:0 0.35em;margin-top:0}
.signature .wp-block-post-author-name{color:var(--okwh-texte);font-weight:600}
.signature .wp-block-post-author-name::before{content:"Par ";color:var(--okwh-texte-2);font-weight:400}
.signature .wp-block-post-date::before{content:"· ";color:var(--okwh-texte-2)}
.okwh-titre-module{font-family:var(--okwh-sans);font-size:var(--step--1);font-weight:700;letter-spacing:0.08em;text-transform:uppercase;border-top:3px solid var(--okwh-filet-fort);padding-top:8px;margin:0 0 12px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:2px 8px;line-height:1.3;color:var(--okwh-texte)}
.okwh-titre-module small{font-weight:500;letter-spacing:0.02em;text-transform:none;color:var(--okwh-texte-2);font-size:var(--step--2)}
.okwh-plus,.okwh-plus a{display:inline-block;margin-top:10px;font-size:var(--step--1);font-weight:600;color:var(--okwh-accent)}
.okwh-vide,.une-vide{font-size:var(--step--1);color:var(--okwh-texte-2);line-height:1.45}

/* 4. Manchette */
.okwh-bandeau{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 16px;font-size:var(--step--2);color:var(--okwh-texte-2);padding-block:9px;border-bottom:1px solid var(--okwh-filet)}
.okwh-bandeau time{color:var(--okwh-texte);font-weight:600}
.okwh-manchette{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:10px 24px;padding-block:22px 14px}
.okwh-titre-site{margin:0;font-size:inherit;line-height:0}
.okwh-wordmark{display:flex;align-items:center;gap:clamp(10px,1.4vw,16px);text-decoration:none;color:var(--okwh-texte)}
.okwh-wordmark:hover{color:var(--okwh-texte)}
.okwh-wordmark .okwh-symbole{width:clamp(40px,5vw,56px);height:auto;color:var(--okwh-accent);flex:none}
.okwh-wordmark .wm-svg{height:clamp(52px,6.4vw,74px);width:auto;display:block}
.okwh-wordmark .wm-a{fill:var(--okwh-accent)}
.okwh-devise{font-family:var(--okwh-serif);font-style:italic;color:var(--okwh-texte-2);font-size:var(--step-0);max-width:32ch;line-height:1.4}
.okwh-double-filet{border-top:3px solid var(--okwh-filet-fort);border-bottom:1px solid var(--okwh-filet-fort);height:6px}
.okwh-rubriques ul{display:flex;flex-wrap:wrap;gap:2px 0;list-style:none;margin:0;padding:6px 0;font-size:var(--step--1);font-weight:600;border-bottom:1px solid var(--okwh-filet)}
.okwh-rubriques li{margin:0}
.okwh-rubriques a{display:block;text-decoration:none;padding:6px 14px 6px 0;margin-right:14px;border-right:1px solid var(--okwh-filet);line-height:1.2;color:var(--okwh-texte)}
.okwh-rubriques li:last-child a{border-right:0;margin-right:0}
.okwh-rubriques a[aria-current],.okwh-rubriques .current-menu-item > a,.okwh-rubriques .okwh-courant > a{color:var(--okwh-accent);text-decoration:underline;text-decoration-color:var(--okwh-or);text-decoration-thickness:2px;text-underline-offset:0.35em}
@media (max-width:739px){
  .okwh-rubriques a{padding:5px 10px 5px 0;margin-right:10px}
  .okwh-manchette{padding-block:16px 12px}
}

/* 5. La une */
.okwh-une{padding-top:22px}
.okwh-une .is-layout-flow > *,.okwh-une .is-layout-constrained > *{margin-block-start:0;margin-block-end:0}
.okwh-une .wp-block-post-template{list-style:none;margin:0;padding:0}
.okwh-une .wp-block-post-title{margin:0}
.okwh-une .wp-block-post-title a{text-decoration:none}
.okwh-une .wp-block-post-title a:hover{text-decoration:underline;text-decoration-thickness:1px}
.une-grille{row-gap:22px}
.une-titre-principal{font-size:var(--step-5);line-height:1.04;font-weight:600;margin:8px 0 12px !important;letter-spacing:-0.015em}
.une-q-principal .chapo,.une-q-principal .wp-block-post-excerpt{font-family:var(--okwh-serif);font-size:var(--step-1);line-height:1.4;max-width:40ch;margin:0 0 12px}
.wp-block-post-excerpt__more-link{display:none}
.wp-block-post-excerpt__excerpt{margin:0}
.une-secondaires{border-top:1px solid var(--okwh-filet);margin-top:20px !important}
.une-secondaires .wp-block-post-template{display:grid;grid-template-columns:1fr}
.une-secondaires li{padding-block:14px}
.une-secondaires li + li{border-top:1px solid var(--okwh-filet)}
.une-secondaires .wp-block-post-title,.une-tiers .wp-block-post-title.une-titre-sec{font-size:var(--step-2);line-height:1.12;margin:6px 0 8px !important}
.une-secondaires .wp-block-post-excerpt,.une-tiers .wp-block-post-excerpt{font-size:var(--step--1);color:var(--okwh-texte-2);margin:0 0 8px;max-width:48ch}
.une-secondaires .wp-block-query-no-results:empty,.okwh-une-vide .une-secondaires{display:none}
.wp-block-query-no-results:empty{display:none}

/* Baromètre */
.une-barometre .okwh-chiffres-baro{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-bottom:1px solid var(--okwh-filet);margin-bottom:14px}
.okwh-chiffres-baro .fig{padding:2px 8px 12px 0;min-width:0}
.okwh-chiffres-baro .fig + .fig{border-left:1px solid var(--okwh-filet);padding-left:8px}
.okwh-chiffres-baro .lab{font-size:var(--step--2);color:var(--okwh-texte-2);display:block;line-height:1.3;min-height:2.6em}
.okwh-chiffres-baro .val{font-weight:700;font-size:var(--step-2);line-height:1.1;letter-spacing:-0.01em;display:block;font-variant-numeric:tabular-nums lining-nums}
.okwh-chiffres-baro .val.attente{font-size:var(--step-0);font-weight:600;color:var(--okwh-texte-2);letter-spacing:0;padding-block:0.28em}
.okwh-chiffres-baro .unit{display:block;font-size:var(--step--2);font-weight:500;color:var(--okwh-texte-2)}
.okwh-chiffres-baro .delta{font-size:var(--step--2);font-variant-numeric:tabular-nums;display:block;margin-top:2px}
.une-barometre h3{font-size:var(--step-1);line-height:1.2;margin-bottom:4px}
.okwh-sous-titre-graph,.chart-sub{font-size:var(--step--2);color:var(--okwh-texte-2);margin-bottom:6px;line-height:1.4}
.okwh-emplacement-graph{position:relative;aspect-ratio:330 / 196;max-width:34rem;border-left:1px solid var(--okwh-texte-2);border-bottom:1px solid var(--okwh-texte-2);display:flex;align-items:center;justify-content:center;padding:12px}
.okwh-emplacement-graph svg{position:absolute;inset:0;width:100%;height:100%}
.okwh-emplacement-graph svg line{stroke:var(--okwh-filet);stroke-width:1}
.okwh-emplacement-graph span{position:relative;background:var(--okwh-fond);padding:4px 8px;font-size:var(--step--2);color:var(--okwh-texte-2);text-align:center}
.okwh-graph img,.okwh-graph svg{display:block;width:100%;height:auto}
.okwh-source,.source{font-family:var(--okwh-sans);font-size:var(--step--2);color:var(--okwh-texte-2);border-top:1px solid var(--okwh-filet);padding-top:6px;margin-top:8px;line-height:1.4}

/* Rangée du bas : agenda, fournisseurs, actualités */
.une-rang2{border-top:1px solid var(--okwh-filet-fort);margin-top:6px !important;row-gap:10px}
.une-rang2 .okwh-titre-module{border-top:0;padding-top:12px}
.une-rang2 > .une-tiers + .une-tiers{border-top:1px solid var(--okwh-filet)}
.okwh-agenda{list-style:none;margin:0;padding:0}
.okwh-agenda li{display:grid;grid-template-columns:4.2em 1fr;gap:12px;padding-block:9px;border-bottom:1px solid var(--okwh-filet);font-size:var(--step--1);line-height:1.35;margin:0}
.okwh-agenda li:first-child{padding-top:0}
.okwh-agenda time{font-weight:700;color:var(--okwh-accent);line-height:1.2}
.okwh-agenda time span{display:block;font-weight:500;color:var(--okwh-texte-2);font-size:var(--step--2)}
.okwh-agenda .tag{display:block;font-size:var(--step--2);color:var(--okwh-texte-2);margin-top:2px}
.une-fournisseurs li{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding-block:8px;border-bottom:1px solid var(--okwh-filet);font-size:var(--step--1)}
.une-fournisseurs li:first-child{padding-top:0}
.une-fournisseurs .wp-block-post-title{font-family:var(--okwh-serif);font-size:var(--step-0);font-weight:600}
.une-fournisseurs .wp-block-post-date{color:var(--okwh-texte-2);font-size:var(--step--2);text-align:right;white-space:nowrap}
.une-fournisseurs .wp-block-post-date::before{content:"mise à jour "}
.une-tiers .wp-block-post-template li{padding:0}

/* Lettre */
.okwh-lettre{display:flex;flex-wrap:wrap;align-items:center;gap:10px 20px;border-top:1px solid var(--okwh-filet-fort);border-bottom:1px solid var(--okwh-filet-fort);padding-block:14px;margin-top:22px}
.okwh-lettre p{font-family:var(--okwh-serif);font-size:var(--step-1);flex:1 1 18rem;line-height:1.3}
.okwh-lettre p span{font-family:var(--okwh-sans);font-size:var(--step--1);color:var(--okwh-texte-2);display:block;margin-top:2px}
.okwh-lettre form{display:flex;flex:1 1 18rem;max-width:30rem;min-width:0;margin:0}
.okwh-lettre input[type=email]{flex:1;min-width:0;font:inherit;font-size:var(--step--1);padding:10px 12px;border:1px solid var(--okwh-texte-2);border-right:0;background:var(--okwh-fond);color:var(--okwh-texte);line-height:1.3}
.okwh-bouton,.okwh-lettre button{font:600 var(--step--1)/1.3 var(--okwh-sans);padding:10px 16px;border:1px solid var(--okwh-accent);background:var(--okwh-accent);color:var(--okwh-sur-accent);cursor:pointer}
.okwh-bouton:hover,.okwh-lettre button:hover{background:var(--okwh-texte);border-color:var(--okwh-texte);color:var(--okwh-fond)}

/* 6. Pied de page */
.okwh-pied{margin-top:40px;border-top:3px solid var(--okwh-filet-fort);padding-top:16px;padding-bottom:32px;row-gap:14px}
.okwh-pied .fname{font-family:var(--okwh-serif);font-weight:700;font-size:var(--step-1);display:block}
.okwh-pied p{font-size:var(--step--2);color:var(--okwh-texte-2);max-width:40ch}
.okwh-pied ul{display:flex;flex-wrap:wrap;gap:4px 18px;font-size:var(--step--1);list-style:none;margin:0;padding:0}
.okwh-pied ul a{text-decoration:none}
.okwh-pied ul a:hover{text-decoration:underline}
.okwh-pied .okwh-brouillon{color:var(--okwh-texte-2)}
.okwh-pied .okwh-editeur{grid-column:1 / -1;max-width:none;font-size:var(--step--2);color:var(--okwh-texte-2);border-top:1px solid var(--okwh-filet);padding-top:10px}

/* 7. Article */
.okwh-ariane{font-size:var(--step--2);color:var(--okwh-texte-2);padding-top:14px}
.okwh-ariane a{text-decoration:none;color:var(--okwh-texte-2)}
.okwh-ariane a:hover{text-decoration:underline;color:var(--okwh-accent)}
.okwh-ariane .sep{padding-inline:0.4em}
.okwh-art{padding-top:18px;row-gap:0}
.art-tete{padding-bottom:18px}
.art-tete h1{font-size:var(--step-5);line-height:1.05;font-weight:600;margin:10px 0 14px;max-width:22ch;letter-spacing:-0.015em}
.art-chapo{font-family:var(--okwh-serif);font-size:var(--step-2);line-height:1.35;max-width:36ch}
.art-rail{border-top:1px solid var(--okwh-filet-fort);padding-top:10px;padding-bottom:22px;display:grid;gap:18px;align-content:start;font-size:var(--step--1)}
.art-rail .qui b{display:block;font-weight:700}
.art-rail .qui b a{text-decoration:none}
.art-rail .qui span{display:block;color:var(--okwh-texte-2);font-size:var(--step--2)}
.art-rail dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:2px 10px;font-size:var(--step--2)}
.art-rail dt{color:var(--okwh-texte-2);font-weight:400}
.art-rail dd{margin:0;font-variant-numeric:tabular-nums}
.okwh-titre-rail{font-family:var(--okwh-sans);font-size:var(--step--2);letter-spacing:0.09em;text-transform:uppercase;font-weight:700;margin-bottom:6px}
.okwh-sommaire ol{counter-reset:t;list-style:none;margin:0;padding:0}
.okwh-sommaire li{counter-increment:t;display:grid;grid-template-columns:1.4em 1fr;padding-block:6px;border-top:1px solid var(--okwh-filet);line-height:1.3;margin:0}
.okwh-sommaire li::before{content:counter(t);font-weight:700;color:var(--okwh-accent);font-variant-numeric:tabular-nums}
.okwh-sommaire a{text-decoration:none}
.okwh-sommaire a:hover{text-decoration:underline}
.art-corps{border-top:1px solid var(--okwh-filet-fort);padding-top:14px;max-width:var(--okwh-lecture);min-width:0}
[id]{scroll-margin-top:16px}

/* Prose (articles et pages) */
.okwh-prose > * + *{margin-top:1em}
.okwh-prose > *:first-child{margin-top:0}
.okwh-prose p,.okwh-prose li{font-family:var(--okwh-serif);font-size:var(--step-0);line-height:1.6}
.okwh-prose > p:first-of-type:not([class])::first-letter{font-family:var(--okwh-serif);font-weight:600;float:left;font-size:3.35em;line-height:0.86;padding:0.06em 0.08em 0 0;color:var(--okwh-accent)}
.okwh-page .okwh-prose > p:first-of-type::first-letter{all:unset}
.okwh-prose h2{font-size:var(--step-2);line-height:1.15;margin-top:1.6em;padding-top:0.5em;border-top:1px solid var(--okwh-filet)}
.okwh-prose h3{font-family:var(--okwh-sans);font-size:var(--step-0);font-weight:700;margin-top:1.3em;letter-spacing:0}
.okwh-prose h4{font-family:var(--okwh-sans);font-size:var(--step--1);font-weight:700;margin-top:1.2em;letter-spacing:0.02em}
.okwh-prose ul,.okwh-prose ol{padding-left:1.3em;margin-bottom:0}
.okwh-prose li + li{margin-top:0.35em}
.okwh-prose a{color:var(--okwh-accent);text-decoration:underline}
.okwh-prose table{border-collapse:collapse;width:100%;font-family:var(--okwh-sans);font-size:var(--step--1);display:block;overflow-x:auto}
.okwh-prose th,.okwh-prose td{padding:6px 8px;border:0;border-bottom:1px solid var(--okwh-filet);text-align:left;vertical-align:top}
.okwh-prose thead th{border-bottom:1px solid var(--okwh-filet-fort);font-weight:700}
.okwh-prose td:not(:first-child){text-align:right}
.okwh-prose figcaption,.okwh-prose .wp-element-caption{font-family:var(--okwh-sans);font-size:var(--step--2);color:var(--okwh-texte-2);margin-top:6px;line-height:1.4}
.okwh-prose hr,.wp-block-separator{border:0;border-top:1px solid var(--okwh-filet);margin-block:1.6em;opacity:1;height:0}
.okwh-prose code{font-size:0.9em}

/* Encadré « En chiffres » */
.okwh-prose .okwh-chiffres,.okwh-chiffres{background:var(--okwh-surface);border-top:3px solid var(--okwh-accent);padding:12px 16px 14px;margin-top:1.6em}
.okwh-chiffres > .surtitre,.okwh-chiffres > p.surtitre{margin:0 0 8px;font-family:var(--okwh-sans);font-size:var(--step--2)}
.okwh-chiffres .okwh-chiffres-grille{display:grid;grid-template-columns:1fr;gap:0;margin:0}
.okwh-chiffres .okwh-chiffre{padding-right:10px;min-width:0;margin:0}
.okwh-chiffres .okwh-chiffre{display:grid;grid-template-columns:minmax(6.5rem,auto) 1fr;gap:12px;align-items:baseline;padding-block:8px}
.okwh-chiffres .okwh-chiffre + .okwh-chiffre{border-top:1px solid var(--okwh-filet)}
@media (min-width:560px){
  .okwh-chiffres .okwh-chiffres-grille{grid-template-columns:repeat(3,minmax(0,1fr))}
  .okwh-chiffres .okwh-chiffre{display:block;padding-block:0}
  .okwh-chiffres .okwh-chiffre + .okwh-chiffre{border-top:0;border-left:1px solid var(--okwh-filet);padding-left:12px}
}
.okwh-chiffres p.okwh-val{display:block;font-family:var(--okwh-sans);font-weight:700;font-size:var(--step-3);line-height:1.05;letter-spacing:-0.01em;margin:0}
.okwh-chiffres p.okwh-val small,.okwh-chiffres p.okwh-val .u{font-size:0.45em;font-weight:500;color:var(--okwh-texte-2);letter-spacing:0}
.okwh-chiffres p.okwh-lab{display:block;font-family:var(--okwh-sans);font-size:var(--step--2);color:var(--okwh-texte-2);line-height:1.35;margin:0}
@media (min-width:560px){.okwh-chiffres p.okwh-lab{margin-top:4px}}

/* Citation en exergue */
.okwh-prose .wp-block-pullquote,.okwh-prose .wp-block-quote.is-style-exergue,.okwh-exergue{margin:1.6em 0 0;padding:12px 0;border:0;border-top:3px solid var(--okwh-or);border-bottom:1px solid var(--okwh-filet);text-align:left;background:none}
.okwh-prose .wp-block-pullquote blockquote{margin:0;padding:0;border:0}
.okwh-prose .wp-block-pullquote p,.okwh-prose .wp-block-quote.is-style-exergue p,.okwh-exergue p{font-family:var(--okwh-serif);font-style:italic;font-weight:500;font-size:var(--step-2);line-height:1.3;color:var(--okwh-accent);margin:0}
.okwh-prose .wp-block-pullquote cite,.okwh-prose .wp-block-quote cite{display:block;margin-top:8px;font-family:var(--okwh-sans);font-style:normal;font-size:var(--step--2);color:var(--okwh-texte-2);text-transform:none;letter-spacing:0.02em}
.okwh-prose .wp-block-quote:not(.is-style-exergue){border-left:3px solid var(--okwh-filet);padding-left:16px;margin-left:0}

/* Graphique dans l'article */
.okwh-graphique{margin-top:1.6em}
.okwh-graphique .okwh-fig-titre{font-family:var(--okwh-serif);font-weight:600;font-size:var(--step-1);line-height:1.2}
.okwh-graphique .chart-sub,.okwh-graphique p.okwh-sous-titre-graph{font-family:var(--okwh-sans);font-size:var(--step--2);color:var(--okwh-texte-2);margin-top:2px}
.okwh-graphique p.okwh-source{font-family:var(--okwh-sans);font-size:var(--step--2)}
.okwh-graphique figure{margin:8px 0 0}
details.okwh-donnees{font-family:var(--okwh-sans);font-size:var(--step--2);margin-top:6px}
details.okwh-donnees summary{cursor:pointer;font-weight:600;color:var(--okwh-accent)}

/* Sources, À lire ensuite, Corrections, encadré auteur */
.okwh-sources,.okwh-corrections,.okwh-ensuite,.okwh-encadre-auteur{margin-top:2em}
.okwh-prose .okwh-sources h2,.okwh-sources .okwh-titre-module{font-family:var(--okwh-sans);font-size:var(--step--1);letter-spacing:0.08em;text-transform:uppercase;font-weight:700;margin:0 0 8px;border-top:3px solid var(--okwh-filet-fort);padding-top:10px;line-height:1.3}
.okwh-sources ol{counter-reset:s;list-style:none;padding:0;margin:0}
.okwh-prose .okwh-sources li,.okwh-sources li{counter-increment:s;display:grid;grid-template-columns:1.6em 1fr;padding-block:8px;border-top:1px solid var(--okwh-filet);font-family:var(--okwh-sans);font-size:var(--step--1);line-height:1.4;margin:0}
.okwh-sources li::before{content:counter(s) ".";font-weight:700;color:var(--okwh-texte-2);font-variant-numeric:tabular-nums}
.okwh-sources li > *{grid-column:2}
.okwh-sources a{overflow-wrap:anywhere;color:var(--okwh-accent)}
.okwh-ensuite ul{list-style:none;margin:0;padding:0}
.okwh-ensuite li{padding-block:10px;border-bottom:1px solid var(--okwh-filet);margin:0}
.okwh-ensuite li a{font-family:var(--okwh-serif);font-weight:600;font-size:var(--step-1);line-height:1.2;text-decoration:none;display:block}
.okwh-ensuite li a:hover{text-decoration:underline}
.okwh-ensuite li span{font-size:var(--step--2);color:var(--okwh-texte-2)}
.okwh-corrections p{font-size:var(--step--1);color:var(--okwh-texte-2);font-family:var(--okwh-sans)}
.okwh-encadre-auteur{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:start}
.okwh-encadre-auteur .okwh-titre-module{margin-bottom:8px}
.okwh-photo{width:88px;height:88px;object-fit:cover;display:block;flex:none;margin-top:14px}
.okwh-photo-vide{display:flex;align-items:center;justify-content:center;background:var(--okwh-surface);border:1px solid var(--okwh-filet);font-family:var(--okwh-serif);font-weight:600;font-size:1.9rem;color:var(--okwh-accent)}
.okwh-photo-symbole .okwh-symbole{width:48px;height:auto}
.okwh-auteur-nom{font-family:var(--okwh-serif);font-weight:600;font-size:var(--step-1);line-height:1.2}
.okwh-auteur-nom a{text-decoration:none}
.okwh-auteur-role{font-size:var(--step--2);color:var(--okwh-texte-2);margin-top:2px}
.okwh-auteur-bio{font-size:var(--step--1);margin-top:8px;max-width:60ch}

/* 8. Pages, archives, page auteur */
.okwh-page{padding-top:24px;max-width:var(--okwh-lecture)}
.okwh-page-tete{padding-bottom:16px;border-bottom:1px solid var(--okwh-filet-fort);margin-bottom:18px}
.okwh-page-tete h1{font-size:var(--step-4);line-height:1.08;letter-spacing:-0.01em}
.okwh-page-tete .art-chapo{margin-top:10px;font-size:var(--step-1)}
.okwh-archive{padding-top:24px}
.okwh-archive-tete h1{font-size:var(--step-4);line-height:1.08;margin-top:6px}
.okwh-archive-tete{border-bottom:1px solid var(--okwh-filet-fort);padding-bottom:14px}
.okwh-archive-tete .desc{font-family:var(--okwh-serif);font-size:var(--step-1);color:var(--okwh-texte-2);max-width:48ch;margin-top:8px}
.okwh-liste{max-width:var(--okwh-lecture)}
.okwh-item{padding-block:16px;border-bottom:1px solid var(--okwh-filet)}
.okwh-item-titre{font-size:var(--step-2);line-height:1.15;margin:6px 0 8px}
.okwh-item-titre a{text-decoration:none}
.okwh-item-titre a:hover{text-decoration:underline;text-decoration-thickness:1px}
.okwh-item-chapo{font-size:var(--step--1);color:var(--okwh-texte-2);margin-bottom:8px;max-width:60ch}
.okwh-pagination{display:flex;gap:16px;padding-block:16px;font-weight:600;font-size:var(--step--1)}
.okwh-auteur-tete{display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:end;padding-bottom:16px;border-bottom:1px solid var(--okwh-filet-fort);margin-bottom:18px}
.okwh-auteur-tete .okwh-photo{width:120px;height:120px;margin:0}
.okwh-auteur-tete .okwh-photo-vide{font-size:2.4rem}
.okwh-auteur-tete h1{font-size:var(--step-4);line-height:1.08}
.okwh-auteur-tete .okwh-auteur-role{font-size:var(--step--1);margin-top:4px}
.okwh-lexique-entree{border-top:1px solid var(--okwh-filet);padding-top:10px}
.okwh-lexique-entree h3{font-family:var(--okwh-serif);font-size:var(--step-1);font-weight:600}
.okwh-404{padding-block:40px;max-width:var(--okwh-lecture)}

/* 9. Points de rupture (740, 980, 1140) */
@media (min-width:740px){
  .une-secondaires .wp-block-post-template{grid-template-columns:1fr 1fr;column-gap:var(--okwh-gouttiere)}
  .une-secondaires li + li{border-top:0;border-left:1px solid var(--okwh-filet);padding-left:calc(var(--okwh-gouttiere) / 2);margin-left:calc(var(--okwh-gouttiere) / -2)}
  .une-rang2 > .une-tiers{grid-column:span 6}
  .une-rang2 > .une-tiers:nth-child(2){border-top:0;border-left:1px solid var(--okwh-filet);padding-left:calc(var(--okwh-gouttiere) / 2);margin-left:calc(var(--okwh-gouttiere) / -2)}
  .okwh-pied > .f-a{grid-column:span 5}
  .okwh-pied > .f-b{grid-column:span 7}
}
@media (min-width:980px){
  .une-grille > .une-zone-principale{grid-column:1 / span 8;padding-right:calc(var(--okwh-gouttiere) / 2);border-right:1px solid var(--okwh-filet);margin-right:calc(var(--okwh-gouttiere) / -2)}
  .une-grille > .une-barometre{grid-column:9 / span 4}
  .une-rang2 > .une-tiers,.une-rang2 > .une-tiers:last-child{grid-column:span 4}
  .une-rang2 > .une-tiers + .une-tiers{border-top:0;border-left:1px solid var(--okwh-filet);padding-left:calc(var(--okwh-gouttiere) / 2);margin-left:calc(var(--okwh-gouttiere) / -2)}
  .okwh-art > .art-tete{grid-column:4 / span 9}
  .okwh-art > .art-rail{grid-column:1 / span 3;grid-row:2;position:sticky;top:12px;align-self:start}
  .okwh-art > .art-corps{grid-column:4 / span 8;grid-row:2}
}
@media (min-width:1140px){ .okwh-art > .art-corps{grid-column:4 / span 7} }

/* 10. Impression et mouvement réduit */
@media (prefers-reduced-motion:reduce){ *{scroll-behavior:auto !important;transition:none !important} }
@media print{ .okwh-rubriques,.okwh-lettre,.okwh-ensuite,.okwh-bandeau{display:none} body{background:#fff;color:#000} }