/* Style « livre » pour les pages WordPress de das-geneve.com.
   Genere depuis le CSS du moteur (conf/extCSS.css) : les selecteurs de contenu du moteur sont
   doubles de leur equivalent WordPress (.simplex_content -> .entry-content, #main-content -> .blog-item).
   Ne pas modifier a la main : regenerer avec build_livre_wp.py. */

/* ==== RHYTHM-V1 : rythme vertical par defaut du contenu editorial (Doc) ====
       Objectif : blocs (encadres, sombre, colonnes, video, tableaux) et titres respirent d'eux-memes,
       sans lignes vides dans le Doc ; titres combines (h2 puis h3) sans double espace ;
       le libelle d'un encadre deborde de 17px vers le haut -> marge haute renforcee. */
    
    .simplex_content .tooltip-box, .entry-content .tooltip-box { margin-top: 3.2em !important; margin-bottom: 2.2em !important; }
    .simplex_content .darkstyle, .simplex_content .expand-box, .simplex_content .video-responsive, .simplex_content .simplexrow, .simplex_content table, .simplex_content [class^="simplexRoundBorder"], .simplex_content .simplexScratchBox-top, .entry-content .darkstyle, .entry-content .expand-box, .entry-content .video-responsive, .entry-content .simplexrow, .entry-content table, .entry-content [class^="simplexRoundBorder"], .entry-content .simplexScratchBox-top {
        margin-top: 2.2em !important; margin-bottom: 2.2em !important;
    }
    .simplex_content .simplexScratchBox-bottom, .entry-content .simplexScratchBox-bottom { margin-bottom: 2.2em !important; }
    .simplex_content .hr, .entry-content .hr { padding: 0 !important; margin: 2em 0 !important; }/* titres : air au-dessus, serre en dessous (le titre colle a son texte) */


    
    .simplex_content h2, .entry-content h2 { padding: 0 !important; margin: 1.7em 0 .4em !important; }
    .simplex_content h3, .entry-content h3 { padding: 0 !important; margin: 1.6em 0 .4em !important; }
    .simplex_content h4, .simplex_content h5, .simplex_content h6, .entry-content h4, .entry-content h5, .entry-content h6 { padding: 0 !important; margin: 1.4em 0 .4em !important; }/* titres combines : h2 puis h3 (ou h3 puis h4) = un seul bloc de titre */

    
    .simplex_content h2 + h3, .simplex_content h2 + h4, .simplex_content h3 + h4, .entry-content h2 + h3, .entry-content h2 + h4, .entry-content h3 + h4 { margin-top: .25em !important; }/* titre juste apres un bloc : le bloc porte deja sa marge basse, pas de cumul */

    
    .simplex_content .tooltip-box + h2, .simplex_content .darkstyle + h2, .simplex_content .simplexrow + h2, .simplex_content .video-responsive + h2, .simplex_content .hr + h2, .simplex_content .tooltip-box + h3, .simplex_content .darkstyle + h3, .simplex_content .simplexrow + h3, .entry-content .tooltip-box + h2, .entry-content .darkstyle + h2, .entry-content .simplexrow + h2, .entry-content .video-responsive + h2, .entry-content .hr + h2, .entry-content .tooltip-box + h3, .entry-content .darkstyle + h3, .entry-content .simplexrow + h3 { margin-top: .6em !important; }/* titre en tete d'un bloc ou du contenu : pas de marge haute */

    
    .simplex_content .darkstyle > h2:first-child, .simplex_content .tooltip-box > h2:first-child, .simplex_content .darkstyle > h3:first-child, .simplex_content .tooltip-box > h3:first-child, .simplex_content #contents > h2:first-child, .simplex_content > h2:first-child, .entry-content .darkstyle > h2:first-child, .entry-content .tooltip-box > h2:first-child, .entry-content .darkstyle > h3:first-child, .entry-content .tooltip-box > h3:first-child, .entry-content .entry-content > h2:first-child, .entry-content > h2:first-child { margin-top: 0 !important; }/* listes : un peu d'air entre les puces, et apres la liste */


    
    .simplex_content li, .entry-content li { margin-bottom: .35em; }
    .simplex_content ul, .simplex_content ol, .entry-content ul, .entry-content ol { margin-bottom: 1.2em; }/* les listes d'items <filter> gardent leur propre reglage (specificite egale : re-affirme apres) */


    
    .simplex_content .simplex_filter h2, .entry-content .simplex_filter h2 { margin: -5px 0 0 0 !important; padding: 15px 0px 10px !important; }/* ==== fin RHYTHM-V1 ==== */
/* ==== STYLES-V1 : combinaisons typographiques (?style=editorial|presse|moderne|livre|nuit, ?style=defaut pour revenir)
       Piles de polices SYSTEME uniquement (aucune requete reseau, aucun flash de texte) ; choix applique avant le
       premier rendu par conf/extHead.html ; memorise dans localStorage pour les pages suivantes. */

    

    
    html[data-sxstyle] {
        --sx-serif-text: Charter, "Bitstream Charter", "Sitka Text", Cambria, "Iowan Old Style", Georgia, serif;
        --sx-serif-book: "Iowan Old Style", "Palatino Linotype", "Book Antiqua", Palatino, "URW Palladio L", "Sitka Text", Georgia, serif;
        --sx-serif-display: "Sitka Heading", "Iowan Old Style", "Palatino Linotype", "Book Antiqua", Georgia, serif;
        --sx-sans-text: "Segoe UI Variable Text", "Segoe UI", -apple-system, BlinkMacSystemFont, "SF Pro Text", Roboto, "Helvetica Neue", Arial, sans-serif;
        --sx-sans-display: "Segoe UI Variable Display", "Avenir Next", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
        --sx-measure: 68ch;
        --sx-size: clamp(1.0625rem, 0.98rem + 0.35vw, 1.1875rem);
        --sx-lh: 1.62;
        --sx-body: var(--sx-sans-text);
        --sx-head: var(--sx-sans-display);
        --sx-head-weight: 700;
        --sx-head-track: -0.01em;
        --sx-h2: 1.5em;
        --sx-bg: #ffffff;
        --sx-ink: #1b1b1b;
        --sx-ink-soft: #444;
        --sx-accent: #1b1b1b;
        --sx-box-bg: transparent;
        --sx-box-border: 1px dotted #333;
        --sx-radius: 4px;
    }
    html[data-sxstyle] body, html[data-sxstyle] .section-blog { background: var(--sx-bg); color: var(--sx-ink); }
    html[data-sxstyle] .simplex_content, html[data-sxstyle] #main-content > h2.maintagline, html[data-sxstyle] .entry-content, html[data-sxstyle] .blog-item > h2.maintagline {
        max-width: none; /* STYLES-V1 : pleine largeur du conteneur (mesure retiree a la demande) */
        font-family: var(--sx-body); font-size: var(--sx-size); line-height: var(--sx-lh); color: var(--sx-ink);
        font-kerning: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
    }
    html[data-sxstyle] .simplex_content p, html[data-sxstyle] .simplex_content li, html[data-sxstyle] .entry-content p, html[data-sxstyle] .entry-content li { text-wrap: pretty; }
    html[data-sxstyle] .simplex_content li, html[data-sxstyle] .simplex_content ul, html[data-sxstyle] .simplex_content ol, html[data-sxstyle] .entry-content li, html[data-sxstyle] .entry-content ul, html[data-sxstyle] .entry-content ol { line-height: var(--sx-lh) !important; font-size: inherit; }
    html[data-sxstyle] #main-content > h1, html[data-sxstyle] .simplex_content h2, html[data-sxstyle] .simplex_content h3, html[data-sxstyle] .simplex_content h4, html[data-sxstyle] .tooltip-label, html[data-sxstyle] .blog-item > h1, html[data-sxstyle] .entry-content h2, html[data-sxstyle] .entry-content h3, html[data-sxstyle] .entry-content h4 {
        font-family: var(--sx-head) !important; font-weight: var(--sx-head-weight) !important; letter-spacing: var(--sx-head-track);
        color: var(--sx-accent) !important; line-height: 1.2 !important;
    }
    html[data-sxstyle] #main-content > h1, html[data-sxstyle] .blog-item > h1 { font-size: clamp(1.9rem, 1.4rem + 1.8vw, 2.7rem); }
    html[data-sxstyle] .simplex_content h2, html[data-sxstyle] .entry-content h2 { font-size: var(--sx-h2) !important; }
    html[data-sxstyle] .simplex_content h3, html[data-sxstyle] .entry-content h3 { font-size: calc(var(--sx-h2) * 0.82) !important; }
    html[data-sxstyle] #main-content > h2.maintagline, html[data-sxstyle] .blog-item > h2.maintagline { font-family: var(--sx-body) !important; font-weight: 400 !important; font-size: 1.15em !important; color: var(--sx-ink-soft) !important; }
    html[data-sxstyle] .simplex_content a, html[data-sxstyle] .entry-content a { color: var(--sx-accent); text-decoration-thickness: .06em; text-underline-offset: .16em; }
    html[data-sxstyle] .simplex_content strong, html[data-sxstyle] .entry-content strong { color: inherit; }
    html[data-sxstyle] .simplex_content .tooltip-box, html[data-sxstyle] .entry-content .tooltip-box { background: var(--sx-box-bg); border: var(--sx-box-border); border-radius: var(--sx-radius); }
    html[data-sxstyle] .simplex_content .tooltip-label, html[data-sxstyle] .entry-content .tooltip-label { background-color: var(--sx-accent) !important; color: var(--sx-bg) !important; font-size: .78em; letter-spacing: .02em; }
    html[data-sxstyle] .simplex_content img, html[data-sxstyle] .entry-content img { border-radius: var(--sx-radius); }
    html[data-sxstyle] .simplex_content .simplex_filter h2, html[data-sxstyle] .entry-content .simplex_filter h2 { font-size: 1.1em !important; }/* 1. EDITORIAL — corps en serif de lecture (Charter / Sitka / Cambria), titres en sans bien gras. Le magazine. */


    
    html[data-sxstyle="editorial"] {
        --sx-body: var(--sx-serif-text); --sx-head: var(--sx-sans-display); --sx-head-weight: 800; --sx-head-track: -0.015em;
        --sx-size: clamp(1.125rem, 1.02rem + 0.4vw, 1.3rem); --sx-lh: 1.6; --sx-measure: 66ch; --sx-h2: 1.45em;
        --sx-bg: #fffdfa; --sx-ink: #1e1d1a; --sx-ink-soft: #55524c; --sx-accent: #111; --sx-box-bg: #f7f3ec; --sx-box-border: 1px solid #e6dfd2; --sx-radius: 6px;
    }
    html[data-sxstyle="editorial"] .simplex_content, html[data-sxstyle="editorial"] .entry-content { font-variant-numeric: oldstyle-nums proportional-nums; }
    html[data-sxstyle="editorial"] .simplex_content h2, html[data-sxstyle="editorial"] .entry-content h2 { border-top: 3px solid var(--sx-accent); padding-top: .45em !important; }/* 2. PRESSE — titres en serif de titrage, corps en sans humaniste, accent rouge journal. Le quotidien. */


    
    html[data-sxstyle="presse"] {
        --sx-body: var(--sx-sans-text); --sx-head: var(--sx-serif-display); --sx-head-weight: 700; --sx-head-track: -0.012em;
        --sx-size: clamp(1.0625rem, 0.98rem + 0.35vw, 1.2rem); --sx-lh: 1.58; --sx-measure: 68ch; --sx-h2: 1.7em;
        --sx-bg: #fff; --sx-ink: #161616; --sx-ink-soft: #4a4a4a; --sx-accent: #8a1c1c; --sx-box-bg: #faf6f4; --sx-box-border: 1px solid #ead9d6; --sx-radius: 2px;
    }
    html[data-sxstyle="presse"] #main-content > h1, html[data-sxstyle="presse"] .blog-item > h1 { font-size: clamp(2.1rem, 1.5rem + 2.2vw, 3rem); }
    html[data-sxstyle="presse"] #main-content > h2.maintagline, html[data-sxstyle="presse"] .blog-item > h2.maintagline { font-family: var(--sx-serif-display) !important; font-style: italic; font-size: 1.25em !important; }
    html[data-sxstyle="presse"] .simplex_content h2, html[data-sxstyle="presse"] .entry-content h2 { color: var(--sx-ink) !important; }
    html[data-sxstyle="presse"] .simplex_content h2::after, html[data-sxstyle="presse"] .entry-content h2::after { content: ""; display: block; width: 3rem; height: 3px; background: var(--sx-accent); margin-top: .35em; }/* 3. MODERNE — tout en sans (Segoe UI Variable / SF / Roboto), titres tres gras, accent bleu, coins arrondis. L'application. */


    
    html[data-sxstyle="moderne"] {
        --sx-body: var(--sx-sans-text); --sx-head: var(--sx-sans-display); --sx-head-weight: 800; --sx-head-track: -0.022em;
        --sx-size: clamp(1.0625rem, 0.98rem + 0.35vw, 1.1875rem); --sx-lh: 1.6; --sx-measure: 72ch; --sx-h2: 1.55em;
        --sx-bg: #fff; --sx-ink: #1a1c1f; --sx-ink-soft: #5b6068; --sx-accent: #0b57d0; --sx-box-bg: #f2f5f9; --sx-box-border: 0; --sx-radius: 12px;
    }
    html[data-sxstyle="moderne"] .simplex_content h2, html[data-sxstyle="moderne"] .simplex_content h3, html[data-sxstyle="moderne"] #main-content > h1, html[data-sxstyle="moderne"] .entry-content h2, html[data-sxstyle="moderne"] .entry-content h3, html[data-sxstyle="moderne"] .blog-item > h1 { color: var(--sx-ink) !important; }
    html[data-sxstyle="moderne"] .simplex_content .tooltip-box, html[data-sxstyle="moderne"] .entry-content .tooltip-box { padding: 32px 24px 24px !important; }
    html[data-sxstyle="moderne"] .simplex_content .tooltip-label, html[data-sxstyle="moderne"] .entry-content .tooltip-label { border-radius: 999px; padding: 6px 12px 4px !important; }
    html[data-sxstyle="moderne"] .simplex_content li::marker, html[data-sxstyle="moderne"] .entry-content li::marker { color: var(--sx-accent); }/* 4. LIVRE — tout en serif de livre (Iowan / Palatino), justifie et cesure, alineas, titres en petites capitales, papier ivoire. Le roman. */


    
    html[data-sxstyle="livre"] {
        --sx-body: var(--sx-serif-book); --sx-head: var(--sx-serif-book); --sx-head-weight: 600; --sx-head-track: .06em;
        --sx-size: clamp(1.1875rem, 1.06rem + 0.5vw, 1.375rem); --sx-lh: 1.5; --sx-measure: 62ch; --sx-h2: 1.58em;
        --sx-bg: #fbf8f1; --sx-ink: #262421; --sx-ink-soft: #5e5a52; --sx-accent: #3a2f22; --sx-box-bg: #f4eee2; --sx-box-border: 1px solid #d9cfbc; --sx-radius: 2px;
    }
    html[data-sxstyle="livre"] .simplex_content, html[data-sxstyle="livre"] .entry-content { font-variant-numeric: oldstyle-nums; hyphens: auto; -webkit-hyphens: auto; }/* ALINEA-OFF : plus d'alinea ; un blanc separe les paragraphes */

    
    html[data-sxstyle="livre"] .simplex_content p, html[data-sxstyle="livre"] .entry-content p { text-align: justify; text-indent: 0; margin-top: 0; margin-bottom: .85em; }
    html[data-sxstyle="livre"] .simplex_content li, html[data-sxstyle="livre"] .entry-content li { text-align: justify; }/* LIVRE-FIX2 */
 
    html[data-sxstyle="livre"] .simplex_content h2 + p, html[data-sxstyle="livre"] .simplex_content h3 + p, html[data-sxstyle="livre"] .simplex_content .tooltip-box + p, html[data-sxstyle="livre"] .simplex_content ul + p, html[data-sxstyle="livre"] .simplex_content ol + p, html[data-sxstyle="livre"] .simplex_content .hr + p, html[data-sxstyle="livre"] .simplex_content .darkstyle + p, html[data-sxstyle="livre"] .simplex_content .tooltip-box p, html[data-sxstyle="livre"] .entry-content h2 + p, html[data-sxstyle="livre"] .entry-content h3 + p, html[data-sxstyle="livre"] .entry-content .tooltip-box + p, html[data-sxstyle="livre"] .entry-content ul + p, html[data-sxstyle="livre"] .entry-content ol + p, html[data-sxstyle="livre"] .entry-content .hr + p, html[data-sxstyle="livre"] .entry-content .darkstyle + p, html[data-sxstyle="livre"] .entry-content .tooltip-box p { text-indent: 0; }
    html[data-sxstyle="livre"] .simplex_content p + ul, html[data-sxstyle="livre"] .simplex_content p + ol, html[data-sxstyle="livre"] .entry-content p + ul, html[data-sxstyle="livre"] .entry-content p + ol { margin-top: .8em; }
    html[data-sxstyle="livre"] .simplex_content h2, html[data-sxstyle="livre"] .entry-content h2 { font-variant-caps: small-caps; text-align: center; }
    html[data-sxstyle="livre"] .simplex_filter h2 { font-variant-caps: normal; text-align: left; letter-spacing: 0; }
    html[data-sxstyle="livre"] .tooltip-box .hr, html[data-sxstyle="livre"] .simplex_content > .hr, html[data-sxstyle="livre"] .entry-content > .hr { margin: 1em 0 !important; }
    html[data-sxstyle="livre"] .simplex_content h3, html[data-sxstyle="livre"] .entry-content h3 { font-style: italic; font-weight: 500 !important; letter-spacing: 0; }
    html[data-sxstyle="livre"] #main-content > h1, html[data-sxstyle="livre"] .blog-item > h1 { font-weight: 500 !important; letter-spacing: 0; text-align: justify; hyphens: auto; -webkit-hyphens: auto; }/* LIVRE-FIX4 */
 
    html[data-sxstyle="livre"] #main-content > h2.maintagline, html[data-sxstyle="livre"] .blog-item > h2.maintagline { font-family: var(--sx-serif-book) !important; font-style: italic; font-size: 1.4em !important; line-height: 1.4 !important; color: var(--sx-ink) !important; text-align: justify; hyphens: auto; -webkit-hyphens: auto; }/* LIVRE-FIX3 */
 
    html[data-sxstyle="livre"] .simplex_content .hr, html[data-sxstyle="livre"] .entry-content .hr { margin: 2.4em auto !important; }
    html[data-sxstyle="livre"] #contents > .hr::before, html[data-sxstyle="livre"] .entry-content > .hr::before { content: "\2766"; /* LIVRE-FIX1 */ display: block; text-align: center; visibility: visible; color: var(--sx-ink-soft); font-size: 1.1em; }/* 5. NUIT — sombre et chaud, sans humaniste, contraste doux. Le soir. */


    
    html[data-sxstyle="nuit"] {
        color-scheme: dark;
        --sx-body: var(--sx-sans-text); --sx-head: var(--sx-sans-display); --sx-head-weight: 700; --sx-head-track: -0.012em;
        --sx-size: clamp(1.0625rem, 0.98rem + 0.35vw, 1.2rem); --sx-lh: 1.66; --sx-measure: 66ch; --sx-h2: 1.45em;
        --sx-bg: #121417; --sx-ink: #e6e1d7; --sx-ink-soft: #b3ada2; --sx-accent: #f0b273; --sx-box-bg: #1b1e23; --sx-box-border: 1px solid #2c3037; --sx-radius: 8px;
    }
    html[data-sxstyle="nuit"] body { background: var(--sx-bg); }
    html[data-sxstyle="nuit"] .simplex_breadcrumb, html[data-sxstyle="nuit"] .simplex_breadcrumb a { color: var(--sx-ink-soft) !important; }
    html[data-sxstyle="nuit"] #main-content > h1, html[data-sxstyle="nuit"] .simplex_content h2, html[data-sxstyle="nuit"] .simplex_content h3, html[data-sxstyle="nuit"] .blog-item > h1, html[data-sxstyle="nuit"] .entry-content h2, html[data-sxstyle="nuit"] .entry-content h3 { color: #fff !important; }
    html[data-sxstyle="nuit"] .simplex_content .tooltip-label, html[data-sxstyle="nuit"] .entry-content .tooltip-label { color: #121417 !important; }
    html[data-sxstyle="nuit"] .simplex_content .darkstyle, html[data-sxstyle="nuit"] .entry-content .darkstyle { background: #1b1e23 !important; }
    html[data-sxstyle="nuit"] .simplex_content .darkstyle::before, html[data-sxstyle="nuit"] .simplex_content .darkstyle::after, html[data-sxstyle="nuit"] .entry-content .darkstyle::before, html[data-sxstyle="nuit"] .entry-content .darkstyle::after { background: #1b1e23 !important; }
    html[data-sxstyle="nuit"] .simplex_content img, html[data-sxstyle="nuit"] .simplex_image, html[data-sxstyle="nuit"] .entry-content img { filter: brightness(.88) contrast(1.02); }
    html[data-sxstyle="nuit"] .simplex_content .simplex_filter h2, html[data-sxstyle="nuit"] .simplex_filter .tagline, html[data-sxstyle="nuit"] .entry-content .simplex_filter h2 { color: var(--sx-ink) !important; }
    html[data-sxstyle="nuit"] .simplex_content .stabilo, html[data-sxstyle="nuit"] .entry-content .stabilo { background-color: #5a4a1f !important; color: #fff; }/* ==== fin STYLES-V1 ==== */
/* ==== LIVRE-CHARTE-V1 : composants du contenu en style « livre » (toutes les pages .sdex) ====
       Palette : papier --sx-bg, encre --sx-ink, accent --lv-accent (terre de Sienne), filet --lv-rule, panneau --lv-panel,
       plaque sombre --lv-plate. Regle : aucun noir pur, aucun pointille, aucun fluo ; filets de 1 px, coins a 2 px. */

    

    
    html[data-sxstyle="livre"] {
        --lv-accent: #8a3b2b; --lv-rule: #d9cfbc; --lv-panel: #f4eee2; --lv-plate: #2b2622; --lv-plate-ink: #efe9dc;
        --lv-hl: #efdca4; --sx-accent: #3a2f22;
    }/* — Liens : encre, souligne fin couleur accent — */


    
    html[data-sxstyle="livre"] #main-content .simplex_content a, html[data-sxstyle="livre"] .blog-item .entry-content a { /* LIVRE-COMPAT */
        color: var(--sx-ink); text-decoration: underline; text-decoration-color: var(--lv-accent);
        text-decoration-thickness: 1px; text-underline-offset: .18em; transition: color .15s;
    }
    html[data-sxstyle="livre"] #main-content .simplex_content a:hover, html[data-sxstyle="livre"] .blog-item .entry-content a:hover { color: var(--lv-accent); }
    html[data-sxstyle="livre"] .simplex_content strong, html[data-sxstyle="livre"] .entry-content strong { font-weight: 700; color: #1d1a17; }/* — Encadre [[tooltip-box]] : panneau papier, legende en petites capitales posee sur le filet (comme un fieldset) — */


    
    html[data-sxstyle="livre"] .simplex_content .tooltip-box, html[data-sxstyle="livre"] .entry-content .tooltip-box {
        background: var(--lv-panel) !important; border: 1px solid var(--lv-rule) !important; border-radius: 2px !important;
        padding: 2.1em 2em 1.7em !important; text-align: justify; hyphens: auto; -webkit-hyphens: auto;
    }
    html[data-sxstyle="livre"] .simplex_content .tooltip-box .tooltip-label, html[data-sxstyle="livre"] .entry-content .tooltip-box .tooltip-label {
        position: absolute; top: -.8em; left: 1.4em; height: auto !important; padding: .1em .7em .05em !important;
        background: var(--sx-bg) !important; color: var(--lv-accent) !important; border: 1px solid var(--lv-rule); border-radius: 2px;
        font-family: var(--sx-serif-book) !important; font-variant-caps: small-caps; font-weight: 600 !important;
        font-size: .82em !important; letter-spacing: .08em; line-height: 1.5 !important;
    }
    html[data-sxstyle="livre"] .simplex_content .tooltip-box h2, html[data-sxstyle="livre"] .entry-content .tooltip-box h2 { text-align: left; margin-top: .2em !important; }/* — Bandeau [[darkstyle]] : plaque sombre contenue (plus de pleine largeur d'ecran), encre ivoire — */


    
    html[data-sxstyle="livre"] .simplex_content .darkstyle, html[data-sxstyle="livre"] .entry-content .darkstyle {
        background: var(--lv-plate) !important; color: var(--lv-plate-ink) !important; border-radius: 2px;
        padding: 2em 2.4em !important; margin-left: 0; margin-right: 0;
    }
    html[data-sxstyle="livre"] .simplex_content .darkstyle::before, html[data-sxstyle="livre"] .simplex_content .darkstyle::after, html[data-sxstyle="livre"] .entry-content .darkstyle::before, html[data-sxstyle="livre"] .entry-content .darkstyle::after { display: none !important; }
    html[data-sxstyle="livre"] .simplex_content .darkstyle h2, html[data-sxstyle="livre"] .simplex_content .darkstyle h3, html[data-sxstyle="livre"] .simplex_content .darkstyle strong, html[data-sxstyle="livre"] .entry-content .darkstyle h2, html[data-sxstyle="livre"] .entry-content .darkstyle h3, html[data-sxstyle="livre"] .entry-content .darkstyle strong { color: #fff !important; }
    html[data-sxstyle="livre"] .simplex_content .darkstyle h2, html[data-sxstyle="livre"] .entry-content .darkstyle h2 { text-align: left; }
    html[data-sxstyle="livre"] .simplex_content .darkstyle a, html[data-sxstyle="livre"] .entry-content .darkstyle a { color: #f3dcb9; text-decoration-color: #f3dcb9; }
    html[data-sxstyle="livre"] .simplex_content .darkstyle li::marker, html[data-sxstyle="livre"] .entry-content .darkstyle li::marker { color: #e0b48a; }
    html[data-sxstyle="livre"] .simplex_content .darkstyle p, html[data-sxstyle="livre"] .entry-content .darkstyle p { color: var(--lv-plate-ink); }
    html[data-sxstyle="livre"] .simplex_content .darkstyle > :first-child, html[data-sxstyle="livre"] .simplex_content .darkstyle > p:first-child + h2, html[data-sxstyle="livre"] .entry-content .darkstyle > :first-child, html[data-sxstyle="livre"] .entry-content .darkstyle > p:first-child + h2 { margin-top: 0 !important; }
    html[data-sxstyle="livre"] .simplex_content .darkstyle > :last-child, html[data-sxstyle="livre"] .entry-content .darkstyle > :last-child { margin-bottom: 0 !important; }/* — Colonnes [[cleft]] / [[cright]] : deux colonnes egales, alignees en haut, separees d'un filet — */


    
    html[data-sxstyle="livre"] .simplex_content .simplexrow, html[data-sxstyle="livre"] .entry-content .simplexrow { display: flex !important; gap: 0; align-items: flex-start; }/* LIVRE-COLVID */
 
    html[data-sxstyle="livre"] .simplex_content .simplexcolumn, html[data-sxstyle="livre"] .entry-content .simplexcolumn {
        display: block !important; flex: 1 1 0; width: auto !important; min-width: 0; margin: 0 !important;
        box-sizing: border-box; padding: 0 2.2em !important; vertical-align: top;
    }/* marges exterieures a zero : le texte s'aligne sur la colonne de lecture */

    
    html[data-sxstyle="livre"] .simplex_content .simplexrow > .simplexcolumn:first-child, html[data-sxstyle="livre"] .entry-content .simplexrow > .simplexcolumn:first-child { padding-left: 0 !important; }
    html[data-sxstyle="livre"] .simplex_content .simplexrow > .simplexcolumn:last-child, html[data-sxstyle="livre"] .entry-content .simplexrow > .simplexcolumn:last-child { padding-right: 0 !important; }/* paragraphes vides intercales par Google Docs entre les colonnes : pas de colonne fantome */

    
    html[data-sxstyle="livre"] .simplex_content .simplexrow > p, html[data-sxstyle="livre"] .entry-content .simplexrow > p { flex: 0 0 0 !important; width: 0 !important; margin: 0 !important; padding: 0 !important; overflow: hidden; }
    html[data-sxstyle="livre"] .simplex_content .simplexcolumn ~ .simplexcolumn, html[data-sxstyle="livre"] .entry-content .simplexcolumn ~ .simplexcolumn { border-left: 1px solid var(--lv-rule); }
    html[data-sxstyle="livre"] .simplex_content .simplexcolumn h2, html[data-sxstyle="livre"] .simplex_content .simplexcolumn h3, html[data-sxstyle="livre"] .entry-content .simplexcolumn h2, html[data-sxstyle="livre"] .entry-content .simplexcolumn h3 { text-align: left; }
    html[data-sxstyle="livre"] .simplex_content .simplexcolumn > h2:first-child, html[data-sxstyle="livre"] .simplex_content .simplexcolumn > p:first-child + h2, html[data-sxstyle="livre"] .simplex_content .simplexcolumn > .image-hero-container:first-child, html[data-sxstyle="livre"] .entry-content .simplexcolumn > h2:first-child, html[data-sxstyle="livre"] .entry-content .simplexcolumn > p:first-child + h2, html[data-sxstyle="livre"] .entry-content .simplexcolumn > .image-hero-container:first-child { margin-top: 0 !important; }
    @media (max-width: 700px) {
        html[data-sxstyle="livre"] .simplex_content .simplexrow, html[data-sxstyle="livre"] .entry-content .simplexrow { display: block !important; }
        html[data-sxstyle="livre"] .simplex_content .simplexcolumn ~ .simplexcolumn, html[data-sxstyle="livre"] .entry-content .simplexcolumn ~ .simplexcolumn { border-left: 0; padding-left: 0 !important; margin-top: 1.6em !important; border-top: 1px solid var(--lv-rule); padding-top: 1.6em !important; }
    }/* — Images : plus de fond noir ; planche avec filet fin, centree — */


    
    html[data-sxstyle="livre"] .simplex_content .image-hero-container, html[data-sxstyle="livre"] .entry-content .image-hero-container {
        background: transparent !important; height: auto !important; padding: 0 !important; margin: 1.6em 0 !important; text-align: center;
    }
    html[data-sxstyle="livre"] .simplex_content .image-hero-container img, html[data-sxstyle="livre"] .simplex_content img.imgFull, html[data-sxstyle="livre"] .entry-content .image-hero-container img, html[data-sxstyle="livre"] .entry-content img.imgFull {
        max-width: 100% !important; width: auto !important; height: auto !important; display: inline-block;
        background: #fff; border: 1px solid var(--lv-rule); padding: 4px; border-radius: 0 !important; box-sizing: border-box;
    }
    html[data-sxstyle="livre"] .simplex_content img:not(.imgFull), html[data-sxstyle="livre"] .entry-content img:not(.imgFull) { border-radius: 0 !important; }
    html[data-sxstyle="livre"] #main-content > a.simplex_link > img.simplex_image, html[data-sxstyle="livre"] .blog-item > a.simplex_link > img.simplex_image { border-radius: 0; }/* — Listes : uniquement des puces rondes (les listes numerotees sont rendues en puces, sous-listes en cercle) — */


    
    html[data-sxstyle="livre"] .simplex_content ul, html[data-sxstyle="livre"] .simplex_content ol, html[data-sxstyle="livre"] .entry-content ul, html[data-sxstyle="livre"] .entry-content ol { list-style: disc !important; padding-left: 1.5em; }
    html[data-sxstyle="livre"] .simplex_content ul ul, html[data-sxstyle="livre"] .simplex_content ol ol, html[data-sxstyle="livre"] .simplex_content ul ol, html[data-sxstyle="livre"] .simplex_content ol ul, html[data-sxstyle="livre"] .entry-content ul ul, html[data-sxstyle="livre"] .entry-content ol ol, html[data-sxstyle="livre"] .entry-content ul ol, html[data-sxstyle="livre"] .entry-content ol ul { list-style: circle !important; margin-top: .4em; }
    html[data-sxstyle="livre"] .simplex_content li::marker, html[data-sxstyle="livre"] .entry-content li::marker { color: var(--lv-accent); }
    html[data-sxstyle="livre"] .simplex_content li, html[data-sxstyle="livre"] .entry-content li { margin-bottom: .55em; padding-left: .15em; }
    html[data-sxstyle="livre"] .simplex_content li > strong:first-child, html[data-sxstyle="livre"] .entry-content li > strong:first-child { color: var(--sx-ink); }/* — Surlignage [[stabilo]] : trait de surligneur ocre sous la ligne, pas de fluo ni d'animation — */


    
    html[data-sxstyle="livre"] .simplex_content .stabilo, html[data-sxstyle="livre"] .simplex_content .stabilo.highlight-animate, html[data-sxstyle="livre"] .entry-content .stabilo, html[data-sxstyle="livre"] .entry-content .stabilo.highlight-animate {
        background: none !important; background-image: none !important; color: inherit !important; font-weight: inherit !important;
        box-shadow: none !important; background-color: rgba(239,220,164,.72) !important; padding: .04em .28em; margin: 0 -.1em; border-radius: 2px; -webkit-box-decoration-break: clone; box-decoration-break: clone; /* LIVRE-STABILO2 */
    }/* — Video : planche comme les images — */
/* le ratio 16/9 vient de height:0 + padding-bottom:56.25% : ne jamais redefinir padding ici */


    
    
    html[data-sxstyle="livre"] .simplex_content .video-responsive, html[data-sxstyle="livre"] .entry-content .video-responsive { background: transparent; border: 1px solid var(--lv-rule); }
    html[data-sxstyle="livre"] .simplex_content .video-responsive iframe, html[data-sxstyle="livre"] .entry-content .video-responsive iframe { border-radius: 0; }/* — Tableaux : filets horizontaux seulement, en-tete en petites capitales — */


    
    html[data-sxstyle="livre"] .simplex_content table, html[data-sxstyle="livre"] .entry-content table { border-collapse: collapse; width: 100%; font-size: .95em; }
    html[data-sxstyle="livre"] .simplex_content th, html[data-sxstyle="livre"] .entry-content th { font-variant-caps: small-caps; letter-spacing: .06em; font-weight: 600; text-align: left; padding: .5em .7em; border-bottom: 2px solid var(--sx-ink); }
    html[data-sxstyle="livre"] .simplex_content td, html[data-sxstyle="livre"] .entry-content td { padding: .5em .7em; border-bottom: 1px solid var(--lv-rule); vertical-align: top; }/* — Citation, FAQ, boites colorees, depliant, bouton : meme langage que l'encadre — */


    
    html[data-sxstyle="livre"] .simplex_content blockquote, html[data-sxstyle="livre"] .entry-content blockquote { margin: 1.8em 2em; padding-left: 1.2em; border-left: 2px solid var(--lv-accent); font-style: italic; }
    html[data-sxstyle="livre"] .simplex_content .simplex_question, html[data-sxstyle="livre"] .entry-content .simplex_question { font-variant-caps: small-caps; letter-spacing: .05em; color: var(--sx-ink) !important; font-weight: 600 !important; }
    html[data-sxstyle="livre"] .simplex_content .simplex_answer, html[data-sxstyle="livre"] .entry-content .simplex_answer { border-left: 1px solid var(--lv-rule) !important; padding-left: 1.2em; margin-left: .4em; }
    html[data-sxstyle="livre"] .simplex_content [class^="simplexRoundBorder"], html[data-sxstyle="livre"] .simplex_content .expand-box, html[data-sxstyle="livre"] .simplex_content .simplexScratchBox-center, html[data-sxstyle="livre"] .entry-content [class^="simplexRoundBorder"], html[data-sxstyle="livre"] .entry-content .expand-box, html[data-sxstyle="livre"] .entry-content .simplexScratchBox-center {
        background: var(--lv-panel) !important; border: 1px solid var(--lv-rule) !important; border-radius: 2px !important; color: var(--sx-ink) !important;
        font-family: inherit !important; font-size: inherit !important; padding: 1.4em 1.8em !important;
    }
    html[data-sxstyle="livre"] .simplex_content .expand-title, html[data-sxstyle="livre"] .entry-content .expand-title { font-variant-caps: small-caps; letter-spacing: .06em; font-weight: 600; }
    html[data-sxstyle="livre"] .simplex_content .bk-button, html[data-sxstyle="livre"] .entry-content .bk-button { background: transparent !important; border: 1px solid var(--sx-ink) !important; border-radius: 2px !important; padding: .55em 1.3em !important; }
    html[data-sxstyle="livre"] .simplex_content .bk-button a, html[data-sxstyle="livre"] .entry-content .bk-button a { font-variant-caps: small-caps; letter-spacing: .08em; text-decoration: none; color: var(--sx-ink); }
    html[data-sxstyle="livre"] .simplex_content .bk-button:hover, html[data-sxstyle="livre"] .entry-content .bk-button:hover { background: var(--lv-panel) !important; }
    html[data-sxstyle="livre"] .simplex_content .iconlink img, html[data-sxstyle="livre"] .entry-content .iconlink img { border: 0; padding: 0; background: transparent; }/* — Vignettes « A decouvrir » (filter) : meme panneau, images sur planche, titres serif — */


    
    html[data-sxstyle="livre"] .simplex_content .simplex_filter, html[data-sxstyle="livre"] .entry-content .simplex_filter { border-collapse: separate; border-spacing: 0; }
    html[data-sxstyle="livre"] .simplex_content .simplex_item_filter img, html[data-sxstyle="livre"] .entry-content .simplex_item_filter img { background: #fff; border: 1px solid var(--lv-rule); padding: 3px; box-sizing: border-box; border-radius: 0 !important; height: 170px !important; }
    html[data-sxstyle="livre"] .simplex_content .simplex_item_filter h2, html[data-sxstyle="livre"] .entry-content .simplex_item_filter h2 { font-family: var(--sx-serif-book) !important; font-size: 1.05em !important; font-weight: 600 !important; letter-spacing: 0; line-height: 1.3 !important; padding-top: .7em !important; }
    html[data-sxstyle="livre"] .simplex_content .simplex_item_filter .tagline, html[data-sxstyle="livre"] .entry-content .simplex_item_filter .tagline { color: var(--sx-ink-soft); font-size: .92em; }
    html[data-sxstyle="livre"] .simplex_content .simplex_item_filter a, html[data-sxstyle="livre"] .entry-content .simplex_item_filter a { text-decoration: none; }
    html[data-sxstyle="livre"] .simplex_content .simplex_item_filter a:hover h2, html[data-sxstyle="livre"] .entry-content .simplex_item_filter a:hover h2 { color: var(--lv-accent) !important; }/* — Titres : petites capitales centrees hors colonnes, avec un court filet accent — */


    
    html[data-sxstyle="livre"] .simplex_content h2, html[data-sxstyle="livre"] .entry-content h2 { padding-bottom: .35em !important; }/* LIVRE-COMPAT */
 
    html[data-sxstyle="livre"] .simplex_content h2::after, html[data-sxstyle="livre"] .entry-content h2::after { content: ""; display: block; width: 2.2em; height: 1px; background: var(--lv-accent); margin: .45em auto 0; }/* -- Image de tete de page : plus de bandes noires, planche sur papier (LIVRE-HERO) -- */

    
    html[data-sxstyle="livre"] #main-content > a.simplex_link, html[data-sxstyle="livre"] .blog-item > a.simplex_link { background: transparent !important; display: block; text-align: center; }
    html[data-sxstyle="livre"] #main-content img.simplex_image, html[data-sxstyle="livre"] .blog-item img.simplex_image { background: #fff !important; width: auto !important; max-width: 100%; height: auto; border: 1px solid var(--lv-rule); padding: 4px; box-sizing: border-box; margin: 1.6em auto 0; }/* -- LIVRE-FILIGRANE : les marges laterales d'une image etroite sont comblees par l'image elle-meme,
       floutee et agrandie ; l'image nette reste posee au centre. data-sxfil/--sx-img viennent de conf/extHead.html. -- */

    
    html[data-sxstyle="livre"] .simplex_content .image-hero-container[data-sxfil], html[data-sxstyle="livre"] #main-content > a.simplex_link[data-sxfil], html[data-sxstyle="livre"] .entry-content .image-hero-container[data-sxfil], html[data-sxstyle="livre"] .blog-item > a.simplex_link[data-sxfil] {
        position: relative; overflow: hidden; background: transparent !important;
    }
    html[data-sxstyle="livre"] .simplex_content .image-hero-container[data-sxfil]::before, html[data-sxstyle="livre"] #main-content > a.simplex_link[data-sxfil]::before, html[data-sxstyle="livre"] .entry-content .image-hero-container[data-sxfil]::before, html[data-sxstyle="livre"] .blog-item > a.simplex_link[data-sxfil]::before {
        content: ""; position: absolute; inset: 0; z-index: 0;
        background-image: var(--sx-img); background-size: cover; background-position: center;
        filter: grayscale(1) saturate(0) brightness(1.06) contrast(1.45); transform: scale(1.1); opacity: .50;
    }
    html[data-sxstyle="livre"] .simplex_content .image-hero-container[data-sxfil] > *, html[data-sxstyle="livre"] #main-content > a.simplex_link[data-sxfil] > img, html[data-sxstyle="livre"] .entry-content .image-hero-container[data-sxfil] > *, html[data-sxstyle="livre"] .blog-item > a.simplex_link[data-sxfil] > img { position: relative; z-index: 2; }
    html[data-sxstyle="livre"] #main-content > a.simplex_link[data-sxfil] > img.simplex_image, html[data-sxstyle="livre"] .blog-item > a.simplex_link[data-sxfil] > img.simplex_image { margin-top: 0; margin-bottom: 0; }
    html[data-sxstyle="livre"] #main-content > a.simplex_link[data-sxfil], html[data-sxstyle="livre"] .blog-item > a.simplex_link[data-sxfil] { margin: 1.6em 0; }
    @media (prefers-reduced-motion: no-preference) {
        html[data-sxstyle="livre"] .simplex_content .image-hero-container[data-sxfil]::before, html[data-sxstyle="livre"] #main-content > a.simplex_link[data-sxfil]::before, html[data-sxstyle="livre"] .entry-content .image-hero-container[data-sxfil]::before, html[data-sxstyle="livre"] .blog-item > a.simplex_link[data-sxfil]::before { transition: opacity .3s; }
    }/* TEMP-NOFRAME (14/09, a la demande, reversible : supprimer ce bloc pour revenir en arriere)
       Cadre (bord blanc + filet) retire autour de l'image principale de la page. */

    
    html[data-sxstyle="livre"] #main-content img.simplex_image, html[data-sxstyle="livre"] .blog-item img.simplex_image { background: transparent !important; border: 0 !important; padding: 0 !important; }/* LIVRE-COMPAT : annulation du filet de titre la ou les :not() l'excluaient (colonnes, plaque,
       encadre, vignettes, depliant) — ecrit sans :not() complexe pour les navigateurs plus anciens. */

    
    html[data-sxstyle="livre"] .simplex_content .simplexcolumn h2::after, html[data-sxstyle="livre"] .simplex_content .darkstyle h2::after, html[data-sxstyle="livre"] .simplex_content .tooltip-box h2::after, html[data-sxstyle="livre"] .simplex_content .simplex_filter h2::after, html[data-sxstyle="livre"] .simplex_content .expand-box h2::after, html[data-sxstyle="livre"] .entry-content .simplexcolumn h2::after, html[data-sxstyle="livre"] .entry-content .darkstyle h2::after, html[data-sxstyle="livre"] .entry-content .tooltip-box h2::after, html[data-sxstyle="livre"] .entry-content .simplex_filter h2::after, html[data-sxstyle="livre"] .entry-content .expand-box h2::after { display: none !important; }
    html[data-sxstyle="livre"] .simplex_content .simplexcolumn h2, html[data-sxstyle="livre"] .simplex_content .darkstyle h2, html[data-sxstyle="livre"] .simplex_content .tooltip-box h2, html[data-sxstyle="livre"] .simplex_content .simplex_filter h2, html[data-sxstyle="livre"] .simplex_content .expand-box h2, html[data-sxstyle="livre"] .entry-content .simplexcolumn h2, html[data-sxstyle="livre"] .entry-content .darkstyle h2, html[data-sxstyle="livre"] .entry-content .tooltip-box h2, html[data-sxstyle="livre"] .entry-content .simplex_filter h2, html[data-sxstyle="livre"] .entry-content .expand-box h2 { padding-bottom: 0 !important; }/* les vignettes gardent leur lien neutre (remplace le :not sur les liens) */

    
    html[data-sxstyle="livre"] .simplex_content .simplex_item_filter a, html[data-sxstyle="livre"] .entry-content .simplex_item_filter a { color: inherit; text-decoration: none; }/* petites capitales : Safari plus anciens */

    
    html[data-sxstyle="livre"] .simplex_content .tooltip-label, html[data-sxstyle="livre"] .simplex_content h2, html[data-sxstyle="livre"] .simplex_content .simplex_question, html[data-sxstyle="livre"] .simplex_content .expand-title, html[data-sxstyle="livre"] .entry-content .tooltip-label, html[data-sxstyle="livre"] .entry-content h2, html[data-sxstyle="livre"] .entry-content .simplex_question, html[data-sxstyle="livre"] .entry-content .expand-title { -webkit-font-feature-settings: "smcp"; font-feature-settings: "smcp"; }
    html[data-sxstyle="livre"] .simplex_content .simplex_filter h2, html[data-sxstyle="livre"] .simplex_content .simplexcolumn h2, html[data-sxstyle="livre"] .entry-content .simplex_filter h2, html[data-sxstyle="livre"] .entry-content .simplexcolumn h2 { -webkit-font-feature-settings: normal; font-feature-settings: normal; }
    /* telephone : marges internes de l'encadre et de la plaque reduites */
    @media (max-width: 600px) {
        html[data-sxstyle="livre"] .simplex_content .tooltip-box, html[data-sxstyle="livre"] .entry-content .tooltip-box { padding: 1.9em 1.15em 1.3em !important; }
        html[data-sxstyle="livre"] .simplex_content .darkstyle, html[data-sxstyle="livre"] .entry-content .darkstyle { padding: 1.5em 1.15em !important; }
        html[data-sxstyle="livre"] .simplex_content .tooltip-box .tooltip-label, html[data-sxstyle="livre"] .entry-content .tooltip-box .tooltip-label { left: .8em; }
    }/* LIVRE-COLTYPO : colonnes, encadres et plaques = blocs etroits -> fer a gauche, pas d'alinea,
       pas de cesure, un blanc entre les paragraphes. La justification reste pour le texte pleine largeur. */

    
    html[data-sxstyle="livre"] .simplex_content .simplexcolumn, html[data-sxstyle="livre"] .simplex_content .simplexcolumn p, html[data-sxstyle="livre"] .simplex_content .simplexcolumn li, html[data-sxstyle="livre"] .simplex_content .tooltip-box, html[data-sxstyle="livre"] .simplex_content .tooltip-box p, html[data-sxstyle="livre"] .simplex_content .darkstyle, html[data-sxstyle="livre"] .simplex_content .darkstyle p, html[data-sxstyle="livre"] .entry-content .simplexcolumn, html[data-sxstyle="livre"] .entry-content .simplexcolumn p, html[data-sxstyle="livre"] .entry-content .simplexcolumn li, html[data-sxstyle="livre"] .entry-content .tooltip-box, html[data-sxstyle="livre"] .entry-content .tooltip-box p, html[data-sxstyle="livre"] .entry-content .darkstyle, html[data-sxstyle="livre"] .entry-content .darkstyle p {
        text-align: left; text-indent: 0 !important;
        hyphens: none !important; -webkit-hyphens: none !important;
    }
    html[data-sxstyle="livre"] .simplex_content .simplexcolumn p, html[data-sxstyle="livre"] .simplex_content .tooltip-box p, html[data-sxstyle="livre"] .simplex_content .darkstyle p, html[data-sxstyle="livre"] .entry-content .simplexcolumn p, html[data-sxstyle="livre"] .entry-content .tooltip-box p, html[data-sxstyle="livre"] .entry-content .darkstyle p { margin: 0 0 .75em !important; }
    html[data-sxstyle="livre"] .simplex_content .simplexcolumn p:last-child, html[data-sxstyle="livre"] .simplex_content .tooltip-box p:last-child, html[data-sxstyle="livre"] .simplex_content .darkstyle p:last-child, html[data-sxstyle="livre"] .entry-content .simplexcolumn p:last-child, html[data-sxstyle="livre"] .entry-content .tooltip-box p:last-child, html[data-sxstyle="livre"] .entry-content .darkstyle p:last-child { margin-bottom: 0 !important; }/* paragraphes vides du Doc : ils ne doivent pas creuser de trou dans une colonne */

    
    html[data-sxstyle="livre"] .simplex_content .simplexcolumn p:empty, html[data-sxstyle="livre"] .entry-content .simplexcolumn p:empty { display: none; }/* le premier titre d'une colonne reste cale en haut */

    
    html[data-sxstyle="livre"] .simplex_content .simplexcolumn > p:empty:first-child + h2, html[data-sxstyle="livre"] .entry-content .simplexcolumn > p:empty:first-child + h2 { margin-top: 0 !important; }/* ==== LIVRE-CHROME : habillage du site dans la police du contenu ==== */

    
    html[data-sxstyle="livre"] .site-header, html[data-sxstyle="livre"] .site-header *, html[data-sxstyle="livre"] .site-footer, html[data-sxstyle="livre"] .site-footer *, html[data-sxstyle="livre"] .simplex_breadcrumb, html[data-sxstyle="livre"] .simplex_breadcrumb * { font-family: var(--sx-serif-book) !important; }/* titre du site : serif, poids modere (le gras d'Arial ne convient pas a une romane) */


    
    html[data-sxstyle="livre"] .site-title, html[data-sxstyle="livre"] .site-title a {
        font-weight: 600 !important; letter-spacing: .005em; color: var(--sx-ink) !important;
    }
    html[data-sxstyle="livre"] .site-description { font-style: italic; color: var(--sx-ink-soft) !important; }/* menu : petites capitales, interlettrage leger */


    
    html[data-sxstyle="livre"] .main-navigation a {
        font-variant-caps: small-caps; -webkit-font-feature-settings: "smcp"; font-feature-settings: "smcp";
        letter-spacing: .05em; font-size: 1.05em;
    }/* fil d'Ariane : petites capitales, discret, separateurs attenues */

    
    html[data-sxstyle="livre"] .simplex_breadcrumb {
        font-variant-caps: small-caps; -webkit-font-feature-settings: "smcp"; font-feature-settings: "smcp";
        letter-spacing: .05em; font-size: 1em; color: var(--sx-ink-soft);
    }
    html[data-sxstyle="livre"] .simplex_breadcrumb a {
        font-weight: 600 !important; color: var(--sx-ink) !important;
        text-decoration: none; border-bottom: 1px solid var(--lv-rule);
    }
    html[data-sxstyle="livre"] .simplex_breadcrumb a:hover { color: var(--lv-accent) !important; border-bottom-color: var(--lv-accent); }/* ==== fin LIVRE-CHROME ==== */
/* ==== LIVRE-ENTETE : bloc de titre + barre de menu, facon revue ==== */

    
    
    html[data-sxstyle="livre"] { --lv-brand: #1d3d33; --lv-gold: #b08a3e; }/* --- bloc de titre : centre, aere, sur papier --- */


    
    html[data-sxstyle="livre"] .site-header {
        background: var(--sx-bg) !important; padding: 2.1em 1em 0 !important;
        box-sizing: border-box !important; /* BORDER-BOX-ENTETE */
        /* SX-VW : largeur utile mesuree en JS (conf/extHead.html) ; repli sur 100vw */
        max-width: none !important; width: var(--sx-vw, 100vw) !important;
        margin-left: calc(50% - var(--sx-vw, 100vw) / 2) !important; margin-right: 0 !important; margin-top: 0 !important;
        padding-left: 0 !important; padding-right: 0 !important;
    }/* le contenu de l'en-tete reste dans la colonne de lecture */

    
    html[data-sxstyle="livre"] .site-branding { max-width: 1000px; margin: 0 auto !important; padding: 0 1em; box-sizing: border-box; }
    html[data-sxstyle="livre"] .main-navigation .menu-container { max-width: 1000px; margin: 0 auto; width: 100%; }
    html[data-sxstyle="livre"] .site-branding { display: block !important; text-align: center; margin: 0 auto; }/* LIVRE-ENTETE-FIX1 */
 
    html[data-sxstyle="livre"] .site-title {
        margin: 0 !important; line-height: 1.05;
        font-size: clamp(2.1rem, 1.5rem + 2.4vw, 3.1rem) !important;
    }
    html[data-sxstyle="livre"] .site-title a {
        color: var(--lv-brand) !important; font-weight: 600 !important; letter-spacing: .005em;
        text-decoration: none; border: 0 !important;
    }/* BASELINE (texte decoratif : modifier la valeur de content ci-dessous) */

    
    html[data-sxstyle="livre"] .site-branding::after {
        content: "Support des Idées - Recherches - Laboratoire - Travaux du Diplôme de Communication digitale de l'Université de Genève";
        display: block; margin: .8em auto 0; max-width: 52em;
        font-variant-caps: small-caps; -webkit-font-feature-settings: "smcp"; font-feature-settings: "smcp";
        letter-spacing: .13em; font-size: .74em; line-height: 1.7; color: var(--sx-ink-soft);
    }/* FILET-TITRE-OFF : filet dore au-dessus du titre retire a la demande (14/09) */

    
    html[data-sxstyle="livre"] .site-branding::before { display: none !important; }/* --- barre de menu : plus de bandeau noir, deux filets fins et un menu centre --- */
/* LIVRE-ENTETE-PLEINE : l'en-tete est pleine largeur, les filets de la barre suffisent */


    
    
    html[data-sxstyle="livre"] .main-navigation::before, html[data-sxstyle="livre"] .main-navigation::after { display: none !important; }
    html[data-sxstyle="livre"] .main-navigation {
        background: transparent !important;
        border-top: 1px solid var(--lv-rule); border-bottom: 1px solid var(--lv-rule); /* LIVRE-FILETS3 */
        margin-top: 1.5em;
    }
    html[data-sxstyle="livre"] .main-navigation .menu-container { display: flex; justify-content: center; }
    html[data-sxstyle="livre"] #primary-menu { display: flex; justify-content: center; flex-wrap: wrap; gap: 0 2.4em; margin: 0 auto !important; padding: 0 !important; }
    html[data-sxstyle="livre"] #primary-menu > li { position: relative; }
    html[data-sxstyle="livre"] #primary-menu > li > a {
        display: block; padding: .95em .1em !important;
        color: var(--sx-ink) !important; background: transparent !important;
        border-bottom: 2px solid transparent; transition: color .15s, border-color .15s;
    }
    html[data-sxstyle="livre"] #primary-menu > li > a:hover, html[data-sxstyle="livre"] #primary-menu > li:hover > a { color: var(--lv-brand) !important; border-bottom-color: var(--lv-gold); }/* page courante : soulignement dore */

    
    html[data-sxstyle="livre"] #primary-menu > li.current-menu-item > a, html[data-sxstyle="livre"] #primary-menu > li.current-menu-ancestor > a, html[data-sxstyle="livre"] #primary-menu > li.current_page_item > a { color: var(--lv-brand) !important; border-bottom-color: var(--lv-gold); }/* --- sous-menus : papier, filet, ombre legere (au lieu du bloc blanc brut) --- */


    
    html[data-sxstyle="livre"] #primary-menu .sub-menu {
        background: var(--sx-bg) !important; border: 1px solid var(--lv-rule); border-radius: 2px;
        box-shadow: 0 6px 18px rgba(40,34,26,.10); padding: .35em 0 !important; min-width: 15em;
    }
    html[data-sxstyle="livre"] #primary-menu .sub-menu a {
        color: var(--sx-ink) !important; padding: .45em 1.2em !important;
        font-variant-caps: normal; -webkit-font-feature-settings: normal; font-feature-settings: normal;
        letter-spacing: 0; font-size: .95em;
    }
    html[data-sxstyle="livre"] #primary-menu .sub-menu a:hover { color: var(--lv-brand) !important; background: var(--lv-panel) !important; }

    /* --- telephone : titre plus compact, menu en colonne --- */
    @media (max-width: 767px) {
        html[data-sxstyle="livre"] .site-header { padding: 1.4em .9em 1em !important; }
        html[data-sxstyle="livre"] .site-branding::after { letter-spacing: .14em; font-size: .72em; }
        html[data-sxstyle="livre"] #primary-menu { gap: 0; }
        html[data-sxstyle="livre"] #primary-menu > li > a { padding: .7em .1em !important; }
        html[data-sxstyle="livre"] #primary-menu .sub-menu { box-shadow: none; }
    }

    /* ==== LIVRE-BURGER : menu de telephone ==== */
    @media (max-width: 768px) {
        html[data-sxstyle="livre"] .site-header { position: relative; }/* le bouton du theme devient une icone a trois filets, en haut a droite */


        
        html[data-sxstyle="livre"] .menu-toggle {
            /* BURGER-FIX : rem et non em (font-size: 0 sur ce bouton annulerait la valeur) */
            position: absolute; top: .85rem; right: .85rem; z-index: 5;
            width: 42px; height: 42px; padding: 0 !important; margin: 0 !important;
            background: transparent !important; border: 1px solid var(--lv-rule) !important;
            border-radius: 2px; cursor: pointer;
            font-size: 0 !important; line-height: 0; color: transparent !important;
            -webkit-appearance: none; appearance: none;
        }
        html[data-sxstyle="livre"] .menu-toggle::before {
            content: ""; position: absolute; left: 11px; right: 11px; top: 13px;
            height: 1px; background: var(--sx-ink);
            box-shadow: 0 7px 0 var(--sx-ink), 0 14px 0 var(--sx-ink);
        }
        html[data-sxstyle="livre"] .menu-toggle:hover, html[data-sxstyle="livre"] .menu-toggle:focus { background: var(--lv-panel) !important; }
        html[data-sxstyle="livre"] .menu-toggle:focus-visible { outline: 2px solid var(--lv-accent); outline-offset: 2px; }/* le titre laisse la place a l'icone */


        
        html[data-sxstyle="livre"] .site-branding { padding-right: 3.4em; padding-left: 3.4em; }/* menu deploye : une entree par ligne, separees d'un filet */


        
        html[data-sxstyle="livre"] .main-navigation { margin-top: 1.1em; border: 0; }
        html[data-sxstyle="livre"] .main-navigation::before { display: none !important; }
        html[data-sxstyle="livre"] .main-navigation.toggled { border-top: 1px solid var(--lv-rule); }
        html[data-sxstyle="livre"] #primary-menu { display: block; gap: 0; }
        html[data-sxstyle="livre"] #primary-menu > li { border-bottom: 1px solid var(--lv-rule); }
        html[data-sxstyle="livre"] #primary-menu > li > a {
            display: block; text-align: center; padding: .85em .5em !important; border-bottom: 0 !important;
        }
        html[data-sxstyle="livre"] #primary-menu .sub-menu {
            border: 0 !important; box-shadow: none !important; background: var(--lv-panel) !important;
            min-width: 0; padding: .2em 0 !important;
        }
        html[data-sxstyle="livre"] #primary-menu .sub-menu a { text-align: center; }
    }
    @media (max-width: 700px) {/* un sous-titre court justifie se disloque sur un ecran etroit */

        
        html[data-sxstyle="livre"] #main-content > h2.maintagline, html[data-sxstyle="livre"] .blog-item > h2.maintagline { text-align: left !important; }
        html[data-sxstyle="livre"] .site-branding::after { letter-spacing: .1em; }
    }/* ==== fin LIVRE-BURGER ==== */
/* ==== fin LIVRE-ENTETE ==== */
/* IMG-HAUTEUR-AUTO : les attributs width/height poses par le moteur ne servent qu au rapport
       largeur/hauteur ; l affichage reste fluide. */

    
    

    
    html[data-sxstyle] .simplex_content img, html[data-sxstyle] .entry-content img { height: auto; max-width: 100%; }/* TITRE-COLLE : intertitre saisi en gras au debut d'un paragraphe, sans retour a la ligne
       (marque par le script de conf/extHead.html). Il passe en bloc, avec l'air d'un intertitre. */

    
    html[data-sxstyle="livre"] .simplex_content p[data-sx-titre] > strong:first-child, html[data-sxstyle="livre"] .entry-content p[data-sx-titre] > strong:first-child {
        display: block; margin: .2em 0 .35em; color: var(--sx-ink);
        font-variant-caps: small-caps; -webkit-font-feature-settings: "smcp"; font-feature-settings: "smcp";
        letter-spacing: .04em; font-size: 1.06em; font-weight: 600;
    }
    html[data-sxstyle="livre"] .simplex_content p[data-sx-titre], html[data-sxstyle="livre"] .entry-content p[data-sx-titre] { margin-top: 1.5em !important; }/* SIGNATURE-ARTICLE : ligne « Par X — Mis a jour le ... », posee en haut de l'article */

    
    html[data-sxstyle="livre"] .simplex_content .simplex_author, html[data-sxstyle="livre"] .simplex_content .simplex_datemod, html[data-sxstyle="livre"] .entry-content .simplex_author, html[data-sxstyle="livre"] .entry-content .simplex_datemod {
        font-size: .8em; color: var(--sx-ink-soft); font-style: normal;
        font-variant-caps: small-caps; -webkit-font-feature-settings: "smcp"; font-feature-settings: "smcp";
        letter-spacing: .06em; white-space: nowrap;
    }
    html[data-sxstyle="livre"] .simplex_content .simplex_author_name, html[data-sxstyle="livre"] .entry-content .simplex_author_name { color: var(--sx-ink); font-weight: 600; }
    html[data-sxstyle="livre"] .simplex_content .simplex_sign_label, html[data-sxstyle="livre"] .entry-content .simplex_sign_label { font-variant-caps: normal; letter-spacing: 0; font-style: italic; }/* les deux se suivent dans le meme paragraphe : separateur discret entre elles */

    
    html[data-sxstyle="livre"] .simplex_content .simplex_author + .simplex_datemod::before, html[data-sxstyle="livre"] .entry-content .simplex_author + .simplex_datemod::before {
        content: " — "; color: var(--lv-rule); font-variant-caps: normal; letter-spacing: 0;
    }/* le paragraphe de signature : filet dessous, pas de justification */

    
    html[data-sxstyle="livre"] .simplex_content p:has(.simplex_author), html[data-sxstyle="livre"] .simplex_content p:has(.simplex_datemod), html[data-sxstyle="livre"] .entry-content p:has(.simplex_author), html[data-sxstyle="livre"] .entry-content p:has(.simplex_datemod) {
        text-align: left !important; text-indent: 0 !important;
        border-bottom: 1px solid var(--lv-rule); padding-bottom: .6em; margin-bottom: 1.6em !important;
    }/* PHOTO-LEGENDE-CSS : legende et credit de l'image de tete, centres sous l'image */

    
    html[data-sxstyle="livre"] .simplex_content .simplex_photo, html[data-sxstyle="livre"] .entry-content .simplex_photo {
        display: block; font-size: .8em; line-height: 1.5; color: var(--sx-ink-soft);
    }
    html[data-sxstyle="livre"] .simplex_content .simplex_photo_legend, html[data-sxstyle="livre"] .entry-content .simplex_photo_legend { font-style: italic; }
    html[data-sxstyle="livre"] .simplex_content .simplex_photo_credit, html[data-sxstyle="livre"] .entry-content .simplex_photo_credit {
        font-variant-caps: small-caps; -webkit-font-feature-settings: "smcp"; font-feature-settings: "smcp";
        letter-spacing: .06em; white-space: nowrap;
    }
    html[data-sxstyle="livre"] .simplex_content .simplex_photo_legend + .simplex_photo_credit::before, html[data-sxstyle="livre"] .entry-content .simplex_photo_legend + .simplex_photo_credit::before {
        content: " — "; font-variant-caps: normal; letter-spacing: 0; color: var(--lv-rule);
    }
    html[data-sxstyle="livre"] .simplex_content p:has(.simplex_photo), html[data-sxstyle="livre"] .entry-content p:has(.simplex_photo) {
        text-align: center !important; text-indent: 0 !important;
        margin-top: .5em; margin-bottom: 1.4em !important;
    }/* ==== fin LIVRE-CHARTE-V1 ==== */
/* ==== LECTURE-V2 : progression de lecture, en marge ====
       La mesure porte sur le texte de l'article, pas sur la page entiere : la reglure est pleine au dernier
       paragraphe, pas apres le pied de page. Elle ne parait pas si l'article tient dans un ecran et demi.
       Le script qui l'anime est dans conf/extHead.html. */

    
    
    #sx-lecture {
        position: fixed;
        /* 34 px a gauche de la colonne de texte (1000 px, centree) ; au bord si la marge n'y suffit pas */
        left: max(2px, calc((100vw - 1000px) / 2 - 34px));
        /* LECTURE-PLEINE : d'un bord a l'autre de l'ecran */
        top: 0; height: 100vh; width: 1px;
        z-index: 9990;
        background: var(--lv-rule, #d9cfbc);
        opacity: 0; transition: opacity .35s ease;
    }
    #sx-lecture[data-actif="1"] { opacity: 1; }
    #sx-lecture .sx-encre {
        position: absolute; left: -1px; top: 0; width: 3px; height: 0;
        background: var(--lv-accent, #8a3b2b);
    }
    #sx-lecture .sx-tete {
        position: absolute; left: -3px; top: 0; width: 7px; height: 7px;
        margin-top: -3.5px; border-radius: 50%;
        background: var(--lv-accent, #8a3b2b);
    }/* un trait par intertitre ; il s'encre une fois l'intertitre atteint */

    
    #sx-lecture .sx-jalon {
        position: absolute; left: -4px; width: 9px; height: 1px; margin-top: -.5px;
        background: var(--lv-rule, #d9cfbc);
        cursor: pointer;
        transition: width .15s ease, left .15s ease;
    }
    #sx-lecture .sx-jalon::after {
        content: ""; position: absolute; left: -9px; right: -9px; top: -8px; bottom: -8px;
    }
    #sx-lecture .sx-jalon[data-passe="1"] { background: var(--lv-accent, #8a3b2b); }
    #sx-lecture .sx-jalon:hover { left: -8px; width: 17px; background: var(--lv-accent, #8a3b2b); }/* le temps restant, compose a la verticale : la marge est trop etroite pour une ligne horizontale */

    
    #sx-reste {
        /* RESTE-LISIBLE : a l'horizontale, a gauche du trait pour que l'encre ne la traverse pas */
        position: absolute; bottom: 1.6em; right: calc(100% + 9px);
        text-align: right;
        white-space: nowrap; pointer-events: none;
        font-family: var(--sx-body, Georgia, serif);
        /* RESTE-TAILLE : 12 px etait illisible */
        font-size: 15px; line-height: 1;
        font-variant-caps: small-caps; -webkit-font-feature-settings: "smcp"; font-feature-settings: "smcp";
        letter-spacing: .08em;
        color: var(--sx-ink-soft, #5e5a52);
        opacity: 0; transition: opacity .3s ease;
    }
    #sx-reste[data-actif="1"] { opacity: 1; }
    @media (max-width: 1179px) {/* plus de marge : la reglure se met au bord, sans traits ni etiquette */

        
        #sx-lecture { width: 1px; }
        #sx-lecture .sx-encre { width: 2px; }
        #sx-lecture .sx-tete { left: -2px; width: 5px; height: 5px; margin-top: -2.5px; }
        #sx-lecture .sx-jalon { display: none; }
        #sx-reste { display: none; }
    }
    @media (max-width: 1279px) {
        #sx-reste { display: none; }   /* la marge ne suffit plus a une etiquette lisible */
    }
    @media (prefers-reduced-motion: reduce) {
        #sx-lecture, #sx-reste, #sx-lecture .sx-jalon { transition: none; }
    }
    /* ==== fin LECTURE-V2 ==== */
    /* ==== LISTES-MOBILE : retrait des listes reduit sur telephone ====
       Le retrait par defaut du navigateur (40 px) coutait un huitieme de la colonne. On revient a un
       cadratin, la puce restant hors du bloc de texte comme le veut l'usage. */
    @media (max-width: 820px) {
        .simplex_content ul, .simplex_content ol, .entry-content ul, .entry-content ol {
            padding-left: 1.15em !important;
            margin-left: 0 !important;
        }
        .simplex_content ul ul, .simplex_content ul ol, .simplex_content ol ul, .simplex_content ol ol, .entry-content ul ul, .entry-content ul ol, .entry-content ol ul, .entry-content ol ol {
            padding-left: 1em !important;
        }
        .simplex_content li, .entry-content li { padding-left: 0 !important; }
    }/* ==== fin LISTES-MOBILE ==== */
/* ==== A11Y-SKIP : lien d'evitement visible au clavier ==== */

    
    
    a.skip-link:focus {
        clip-path: none !important;
        clip: auto !important;
        position: fixed !important;
        top: 8px !important; left: 8px !important;
        width: auto !important; height: auto !important;
        margin: 0 !important;
        padding: .7em 1.1em !important;
        overflow: visible !important;
        z-index: 100001 !important;
        background: var(--sx-bg, #fbf8f1) !important;
        color: var(--sx-ink, #262421) !important;
        border: 1px solid var(--lv-accent, #8a3b2b) !important;
        border-radius: 2px;
        font-family: var(--sx-body, Georgia, serif);
        font-size: 15px;
        text-decoration: none !important;
    }/* ==== fin A11Y-SKIP ==== */
/* ==== PIED-V1 : colophon du site ====
       Le pied n'est pas un bandeau rapporte : il prolonge la page, separe par un double filet. La liste des
       compositions typographiques y est exposee, faute de quoi personne ne saurait qu'elles existent. */

    


    
    .site-footer {
        background: none !important;
        border: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
        color: inherit !important;
        text-align: left !important;
    }
    .site-footer .site-info { display: none !important; }
    .sx-colophon {
        font-family: var(--sx-body, Georgia, "Times New Roman", serif);
        color: var(--sx-ink-soft, #5e5a52);
        font-size: 15px; line-height: 1.6;
        border-top: 1px solid var(--lv-rule, #d9cfbc);
        margin-top: 4em;
        padding: 0 0 2.6em;
        box-sizing: border-box;
    }/* PIED-FIX1 : meme largeur que la colonne de texte, marges laterales seulement si l'ecran est etroit */

    
    .sx-colophon-grille, .sx-colophon-bas {
        width: auto; margin-left: 0; margin-right: 0;
    }
    .sx-colophon::before {
        content: ""; display: block; height: 3px;
        border-bottom: 1px solid var(--lv-rule, #d9cfbc);
        margin-bottom: 3em;
    }
    .sx-colophon a { color: inherit; text-decoration: none; border-bottom: 1px solid transparent; }
    .sx-colophon a:hover, .sx-colophon a:focus {
        color: var(--lv-accent, #8a3b2b); border-bottom-color: var(--lv-accent, #8a3b2b);
    }
    .sx-colophon-grille {
        display: grid; grid-template-columns: 1.7fr 1fr 1fr 1fr; gap: 2.6em;
        align-items: start;
    }
    .sx-colo-nom {
        font-family: var(--sx-head, Georgia, serif);
        font-size: 1.5em; line-height: 1.1; margin: 0 0 .5em 0;
        color: var(--sx-ink, #262421);
        letter-spacing: .02em;
    }
    .sx-colo-texte { margin: 0; font-size: .95em; max-width: 42ch; }
    .sx-colo-titre {
        display: block;
        font-family: var(--sx-body, Georgia, serif) !important;
        font-size: .82em !important; font-weight: 600 !important;
        text-transform: uppercase; letter-spacing: .12em;
        color: var(--sx-ink, #262421);
        margin: 0 0 .9em 0 !important; padding: 0 0 .6em 0 !important;
        border-bottom: 1px solid var(--lv-rule, #d9cfbc);
    }
    .sx-colo-liste { list-style: none; margin: 0; padding: 0; }
    .sx-colo-liste li { margin: 0 0 .5em 0; padding: 0; font-size: .95em; }
    .sx-colo-liste li::before { content: none; }
    .sx-colophon-bas {
        margin-top: 2.8em; padding-top: 1.6em;
        border-top: 1px solid var(--lv-rule, #d9cfbc);
        display: flex; flex-wrap: wrap; justify-content: space-between; gap: .4em 1.6em;
        font-size: .82em;
    }
    .sx-colo-fonte { font-style: italic; opacity: .75; }
    @media (max-width: 860px) {
        .sx-colophon-grille { grid-template-columns: 1fr 1fr; gap: 2em; }
        .sx-colo-marque { grid-column: 1 / -1; }
    }
    @media (max-width: 520px) {
        .sx-colophon-grille { grid-template-columns: 1fr; gap: 1.8em; }
        .sx-colophon { font-size: 14px; }
        .sx-colophon-bas { justify-content: flex-start; }
    }/* PIED-NUIT : filets et accent du colophon sur les styles sombres */

    
    html[data-sxstyle="nuit"] .sx-colophon, html[data-sxstyle="nuit"] .sx-colophon::before, html[data-sxstyle="nuit"] .sx-colo-titre, html[data-sxstyle="nuit"] .sx-colophon-bas { border-color: #2c3037; }
    html[data-sxstyle="nuit"] .sx-colophon a:hover, html[data-sxstyle="nuit"] .sx-colophon a:focus {
        color: var(--sx-accent, #f0b273); border-bottom-color: var(--sx-accent, #f0b273);
    }
    /* ==== fin PIED-V1 ==== */




/* ======================================================================
   Complement propre a WordPress : elements qui n'existent pas dans le moteur.
   Ajoute a la fin de livre-wp.css par build (ne pas editer le fichier genere).
   ====================================================================== */

/* Titre de la page WordPress : il est dans <article class="post-content">, et non dans le conteneur
   de contenu ; la transposition automatique ne pouvait pas l'atteindre. */
html[data-sxstyle="livre"] article.post-content h1 {
    font-family: var(--sx-serif-book) !important;
    font-size: clamp(1.9rem, 1.4rem + 1.8vw, 2.7rem) !important;
    font-weight: 500 !important;
    letter-spacing: 0 !important;
    color: var(--sx-ink) !important;
    line-height: 1.15 !important;
    margin: .1em 0 .1em !important;
    padding: 0 !important;
    text-align: left !important;
}
html[data-sxstyle="livre"] article.post-content h1::after { display: none !important; }

/* Un peu d'air entre la barre de menu et le debut de la page */
html[data-sxstyle="livre"] .section-blog > .container { padding-top: 1.4em; }

/* Le premier titre du contenu sert de sous-titre a la page : on le traite comme le chapo des pages du
   moteur (italique, aligne sur le titre, sans petites capitales ni filet) au lieu d'un intertitre centre. */
html[data-sxstyle="livre"] .entry-content > h1:first-child,
html[data-sxstyle="livre"] .entry-content > h2:first-child {
    text-align: left !important;
    font-variant-caps: normal !important;
    -webkit-font-feature-settings: normal !important;
    font-feature-settings: normal !important;
    letter-spacing: 0 !important;
    font-size: 1.3em !important;
    font-weight: 400 !important;
    font-style: italic;
    line-height: 1.4 !important;
    color: var(--sx-ink-soft) !important;
    margin: .15em 0 1.3em !important;
    padding-bottom: 0 !important;
}
html[data-sxstyle="livre"] .entry-content > h1:first-child::after,
html[data-sxstyle="livre"] .entry-content > h2:first-child::after { display: none !important; }
/* le sous-titre est souvent ecrit en gras dans WordPress : on neutralise, l'italique suffit */
html[data-sxstyle="livre"] .entry-content > h1:first-child strong,
html[data-sxstyle="livre"] .entry-content > h2:first-child strong,
html[data-sxstyle="livre"] .entry-content > h1:first-child b,
html[data-sxstyle="livre"] .entry-content > h2:first-child b { font-weight: 400 !important; color: inherit !important; }

/* Legendes et images flottantes du contenu WordPress */
html[data-sxstyle="livre"] .entry-content figure.wp-caption { margin: .4em 1.6em 1em 0; }
html[data-sxstyle="livre"] .entry-content figcaption,
html[data-sxstyle="livre"] .entry-content .wp-caption-text {
    font-size: .82em; color: var(--sx-ink-soft); text-align: left; font-style: italic; line-height: 1.45;
}
html[data-sxstyle="livre"] .entry-content img { border-radius: 0; }

/* Liste des articles (pages d'archive et page d'accueil) */
html[data-sxstyle="livre"] .blog-item + .blog-item { border-top: 1px solid var(--lv-rule); padding-top: 1.6em; margin-top: 1.6em; }


/* ======================================================================
   PARAGRAPHES WORDPRESS : le mode « livre » supprime les blancs entre paragraphes (alineas a la place).
   WordPress met souvent une image seule dans un <p>, et intercale des <p> vides : sans marge, l'image se
   colle au texte et les <p> vides creusent un trou irregulier.
   ====================================================================== */

/* un paragraphe qui ne contient qu'une image (ou une figure) est un bloc, pas une ligne de texte */
html[data-sxstyle="livre"] .entry-content > p:has(> img:only-child),
html[data-sxstyle="livre"] .entry-content > p:has(> a:only-child > img),
html[data-sxstyle="livre"] .entry-content > p:has(> figure) {
    margin: 1.6em 0 !important;
    text-indent: 0 !important;
    text-align: center;
}
/* repli pour les navigateurs sans :has() — l'image porte elle-meme la marge */
html[data-sxstyle="livre"] .entry-content > p > img { margin: .3em 0; }

/* paragraphes vides : ils ne doivent pas ouvrir un blanc de la hauteur d'une ligne */
html[data-sxstyle="livre"] .entry-content > p:empty { display: none; }

/* tableaux de vignettes : pleine largeur, cellules regulieres, legendes discretes */
html[data-sxstyle="livre"] .entry-content table { width: 100% !important; table-layout: fixed; height: auto !important; }
html[data-sxstyle="livre"] .entry-content table tr { height: auto !important; }
html[data-sxstyle="livre"] .entry-content table td { padding: .4em .7em 1em !important; text-align: center; vertical-align: top; }
html[data-sxstyle="livre"] .entry-content table td img { width: auto; max-width: 100%; height: auto; }
html[data-sxstyle="livre"] .entry-content table td strong { display: block; margin-top: .4em; }


/* ======================================================================
   IMAGES ALIGNEES DE WORDPRESS : elles vivent dans un <p> avec du texte et n'ont que des marges
   laterales (classes aligncenter / alignleft / alignright). En mode « livre », ou les paragraphes n'ont
   pas de blanc entre eux, elles se retrouvaient collees au texte. On leur rend une respiration verticale.
   ====================================================================== */
html[data-sxstyle="livre"] .entry-content img.aligncenter,
html[data-sxstyle="livre"] .entry-content .aligncenter > img,
html[data-sxstyle="livre"] .entry-content figure.aligncenter {
    margin-top: 1.5em !important; margin-bottom: 1.5em !important;
}
html[data-sxstyle="livre"] .entry-content img.alignleft,
html[data-sxstyle="livre"] .entry-content figure.alignleft {
    margin: .35em 1.8em 1.1em 0 !important;
}
html[data-sxstyle="livre"] .entry-content img.alignright,
html[data-sxstyle="livre"] .entry-content figure.alignright {
    margin: .35em 0 1.1em 1.8em !important;
}
html[data-sxstyle="livre"] .entry-content img.alignnone,
html[data-sxstyle="livre"] .entry-content img.size-full { margin-top: 1.2em; margin-bottom: 1.2em; }
/* une image seule dans son lien, en tete de paragraphe, ne doit pas coller au texte precedent */
html[data-sxstyle="livre"] .entry-content > p > a > img { margin-top: 1.2em; }


/* ALINEA-OFF-WP : meme convention que le moteur (blanc entre paragraphes, pas d'alinea). Les paragraphes
   de WordPress n'ont pas de marge propre : on la pose ici. */
html[data-sxstyle="livre"] .entry-content > p { text-indent: 0 !important; margin: 0 0 .85em !important; }
html[data-sxstyle="livre"] .entry-content blockquote p { text-indent: 0 !important; margin-bottom: .6em !important; }
html[data-sxstyle="livre"] .entry-content li { text-indent: 0 !important; }


/* ======================================================================
   FLOTTANTS-WP : certaines pages placent une photo flottante en tete (portrait, interview...). Le texte
   s'ecoule a cote, ce qui est voulu, mais les intertitres centres se retrouvaient centres dans l'espace
   restant, donc visuellement decales. Un intertitre reprend desormais toute la largeur.
   ====================================================================== */
html[data-sxstyle="livre"] .entry-content h2,
html[data-sxstyle="livre"] .entry-content h3,
html[data-sxstyle="livre"] .entry-content h4 { clear: both; }

/* Le premier titre du contenu sert de sous-titre meme s'il est precede d'une image flottante :
   on vise le premier titre rencontre, pas seulement le premier enfant. */
html[data-sxstyle="livre"] .entry-content h1:first-of-type {
    text-align: left !important;
    font-variant-caps: normal !important;
    -webkit-font-feature-settings: normal !important;
    font-feature-settings: normal !important;
    letter-spacing: 0 !important;
    font-size: 1.3em !important;
    font-weight: 400 !important;
    font-style: italic;
    line-height: 1.4 !important;
    color: var(--sx-ink-soft) !important;
    margin: .15em 0 1.1em !important;
    padding-bottom: 0 !important;
    clear: none;
}
html[data-sxstyle="livre"] .entry-content h1:first-of-type::after { display: none !important; }
html[data-sxstyle="livre"] .entry-content h1:first-of-type strong,
html[data-sxstyle="livre"] .entry-content h1:first-of-type b { font-weight: 400 !important; }

/* Legende sous une photo flottante */
html[data-sxstyle="livre"] .entry-content .wp-caption { max-width: 100%; }