/* Styles historiques V150 */
@font-face{font-family:'Playfair Display';font-style:normal;font-weight:400;font-display:swap;src:url('fonts/playfair-400-normal.woff2') format('woff2')}
@font-face{font-family:'Playfair Display';font-style:italic;font-weight:400;font-display:swap;src:url('fonts/playfair-400-italic.woff2') format('woff2')}
@font-face{font-family:'Playfair Display';font-style:normal;font-weight:700;font-display:swap;src:url('fonts/playfair-700-normal.woff2') format('woff2')}
@font-face{font-family:'Playfair Display';font-style:italic;font-weight:700;font-display:swap;src:url('fonts/playfair-700-italic.woff2') format('woff2')}
@font-face{font-family:'Playfair Display';font-style:italic;font-weight:500;font-display:swap;src:url('fonts/playfair-500-italic.woff2') format('woff2')}
/* v142 — page 10 « Focale » : Instrument Serif et Newsreader (latin + latin-ext) */
@font-face{font-family:'Instrument Serif';font-style:normal;font-weight:400;font-display:swap;src:url('fonts/instrument-serif-latin-400-normal.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Instrument Serif';font-style:normal;font-weight:400;font-display:swap;src:url('fonts/instrument-serif-latin-ext-400-normal.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Instrument Serif';font-style:italic;font-weight:400;font-display:swap;src:url('fonts/instrument-serif-latin-400-italic.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Instrument Serif';font-style:italic;font-weight:400;font-display:swap;src:url('fonts/instrument-serif-latin-ext-400-italic.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Newsreader';font-style:normal;font-weight:400;font-display:swap;src:url('fonts/newsreader-latin-400-normal.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Newsreader';font-style:normal;font-weight:400;font-display:swap;src:url('fonts/newsreader-latin-ext-400-normal.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
/* v140 — galerie des figures : IBM Plex Sans 600 (latin + latin-ext) */
@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:600;font-display:swap;src:url('fonts/plexsans-600-normal-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:600;font-display:swap;src:url('fonts/plexsans-600-normal-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
/* v139 — pages 40-41 « Plan gravé » : Spectral et IBM Plex Mono, sous-ensembles latin + latin-ext seulement */
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:400;font-display:swap;src:url('fonts/plexmono-400-normal-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:400;font-display:swap;src:url('fonts/plexmono-400-normal-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:600;font-display:swap;src:url('fonts/plexmono-600-normal-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:600;font-display:swap;src:url('fonts/plexmono-600-normal-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Spectral';font-style:italic;font-weight:400;font-display:swap;src:url('fonts/spectral-400-italic-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Spectral';font-style:italic;font-weight:400;font-display:swap;src:url('fonts/spectral-400-italic-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Spectral';font-style:normal;font-weight:400;font-display:swap;src:url('fonts/spectral-400-normal-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Spectral';font-style:normal;font-weight:400;font-display:swap;src:url('fonts/spectral-400-normal-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Spectral';font-style:normal;font-weight:600;font-display:swap;src:url('fonts/spectral-600-normal-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Spectral';font-style:normal;font-weight:600;font-display:swap;src:url('fonts/spectral-600-normal-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
:root { --ink:#171717; --muted:#686872; --paper:#fff; --line:#e4e1dc; --red:#dc2626; --blue:#2456d3; --cream:#f6f3ed; --shadow:0 18px 48px rgba(20,20,18,.13); }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:#eae7e1; font-family:Arial,Helvetica,sans-serif; }
button,input { font:inherit; }
a { color:inherit; }
.skip-link { position:fixed; left:14px; top:10px; z-index:200; padding:10px 14px; border-radius:8px; color:#fff; background:#171717; font-weight:800; text-decoration:none; transform:translateY(-150%); transition:transform .15s ease; }
.skip-link:focus { transform:translateY(0); outline:3px solid #e9b64a; outline-offset:3px; }
.topbar { position:sticky; top:0; z-index:30; display:flex; gap:14px; align-items:center; padding:12px 18px; color:#fff; background:rgba(20,20,20,.96); box-shadow:0 2px 14px rgba(0,0,0,.2); }
.brand { margin-right:auto; min-width:220px; }
.brand b,.brand small { display:block; }
.brand b { font-size:15px; } .brand small { margin-top:2px; color:#cfcfd5; font-size:11px; }
.topbar button,.topbar select { min-height:38px; border:1px solid #555; border-radius:7px; color:#fff; background:#292929; padding:8px 12px; cursor:pointer; }
.topbar button:hover,.topbar button:focus-visible { border-color:#fff; outline:none; }
.topbar button.primary { border-color:var(--red); background:var(--red); }
.hero { color:#fff; background:linear-gradient(135deg,#171717 0%,#262626 58%,#38211e 100%); padding:58px max(24px,calc((100vw - 1180px)/2)); }
.hero .eyebrow { color:#ff9999; font-size:12px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
.hero h1 { max-width:900px; margin:12px 0 16px; font-size:clamp(38px,6vw,76px); line-height:.98; letter-spacing:-.045em; }
.hero p { max-width:820px; margin:0; color:#fff; font:20px/1.55 Georgia,serif; }
.hero .hero-note { margin-top:28px; }
.hero-promesse{display:flex; flex-wrap:wrap; align-items:center; gap:14px 34px; margin:4px 0 26px}
.hero-refs{display:flex; flex-direction:column; gap:8px; align-items:flex-start}
.hero .ref-verset{
padding:8px 14px 8px 13px; border:1px solid rgba(255,255,255,.34); border-radius:999px;
color:#f2e7d8; background:rgba(255,255,255,.08); cursor:pointer;
font:700 13px/1 Arial,Helvetica,sans-serif; white-space:nowrap;
transition:background .13s ease,border-color .13s ease,transform .12s ease}
.hero .ref-verset::after{content:" ›"; color:#e9b64a; font-weight:800}
.hero .ref-verset:hover,.hero .ref-verset:focus-visible{
outline:none; transform:translateY(-1px); border-color:#e9b64a; background:rgba(255,255,255,.18); color:#fff}
.hero .ref-verset[aria-expanded="true"]{border-color:#e9b64a; background:rgba(255,255,255,.2); color:#fff}
.hero .hero-epigraphe{
position:relative; max-width:30ch; margin:0; padding:2px 0 2px 22px;
color:#f0e3d2; font:italic 400 clamp(22px,2.7vw,33px)/1.3 Georgia,serif;
letter-spacing:-.01em; text-wrap:balance; }
.hero .hero-epigraphe::before{
content:""; position:absolute; left:0; top:.14em; bottom:.14em; width:3px;
border-radius:2px; background:linear-gradient(#d6a72c,#c0454b); }
.hero .hero-epigraphe em{ font-style:normal; font-weight:700; color:#fff; }
@media (max-width:640px){
.hero .hero-epigraphe{ max-width:none; padding-left:15px; font-size:22px; }
.hero-promesse{gap:14px; margin-bottom:22px}
.hero-refs{flex-direction:row; flex-wrap:wrap; gap:7px}
.hero .ref-verset{font-size:12px; padding:7px 12px}
}
main { width:min(1240px,calc(100% - 30px)); margin:0 auto; }
.guide { margin:26px 0; padding:18px 20px; border-left:5px solid var(--red); border-radius:8px; background:#fff; box-shadow:0 6px 22px rgba(0,0,0,.06); }
.guide h2 { margin:0 0 8px; font-size:20px; } .guide p { margin:0; color:#4b4b52; line-height:1.55; }
.explorer { margin:26px 0 42px; }
.explorer h2 { margin:0 0 4px; font-size:32px; } .explorer-head p { margin:0; color:var(--muted); }
.pages { display:grid; gap:42px; padding:8px 0 80px; }
.poster-page { scroll-margin-top:76px; }
.poster-head { width:min(100%,1120px); margin:0 auto 10px; display:flex; align-items:end; justify-content:space-between; gap:16px; }
/* v60 : sur les pages portrait (820 px), le titre s’aligne sur la feuille au lieu de déborder à gauche */
.poster-page.portrait .poster-head { width:min(100%,820px); }
.poster-head span { color:var(--muted); font-size:12px; font-weight:700; letter-spacing:.05em; text-transform:uppercase; }
.poster-head h2 { margin:5px 0 0; font-size:clamp(20px,3vw,32px); line-height:1.12; }
.poster-frame { margin:0 auto; display:grid; place-items:center; overflow:hidden; background:#fff; box-shadow:var(--shadow); }
.poster-frame.portrait { width:min(100%,820px); aspect-ratio:210/297; }
.poster-frame.landscape { width:min(100%,1120px); aspect-ratio:297/210; }
.poster-frame img { width:100%; height:100%; display:block; object-fit:contain; }
.five-misunderstandings-sheet { width:min(100%,820px); margin:0 auto; display:grid; grid-template-rows:minmax(0,1fr) auto; aspect-ratio:210/297; overflow:hidden; background:#fff; box-shadow:var(--shadow); }
.five-misunderstandings-sheet .poster-frame { width:100%; min-height:0; margin:0; aspect-ratio:auto; box-shadow:none; }
.misunderstanding-five { position:relative; z-index:2; padding:18px 24px 20px; border-top:7px solid #c52b27; color:#27221f; background:linear-gradient(135deg,#fff8e8,#f4ead2); }
.misunderstanding-five .number { display:block; margin-bottom:5px; color:#9e201d; font-size:12px; font-weight:900; letter-spacing:.1em; text-transform:uppercase; }
.misunderstanding-five h3 { margin:0 0 7px; color:#241c18; font:700 clamp(16px,2.1vw,22px)/1.18 Georgia,serif; }
.misunderstanding-five p { margin:0; color:#4c4039; font-size:clamp(11px,1.35vw,15px); line-height:1.48; }
.pager { position:fixed; right:18px; bottom:18px; z-index:25; display:flex; gap:8px; padding:8px; border:1px solid #444; border-radius:10px; background:rgba(24,24,24,.94); box-shadow:0 10px 28px rgba(0,0,0,.25); }
.pager button { width:42px; height:42px; border:1px solid #555; border-radius:7px; color:#fff; background:#2e2e2e; cursor:pointer; }
.pager button:hover,.pager button:focus-visible { border-color:#fff; outline:none; }
/* v52 : raccourcis à gauche des flèches (frise, galerie, fiches) */
.v52-raccourcis { display:flex; gap:6px; padding-right:8px; margin-right:2px; border-right:1px solid #4a4a4a; }
.pager .v52-raccourci { width:auto; min-width:46px; height:42px; padding:0 9px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:2px; color:#e8e2d6; background:#262626; font:700 9.5px/1 Arial,Helvetica,sans-serif; letter-spacing:.06em; text-transform:uppercase; transition:background .15s ease,border-color .15s ease,color .15s ease; }
.pager .v52-raccourci svg { width:16px; height:16px; }
.pager .v52-raccourci:hover,.pager .v52-raccourci:focus-visible { color:#fff; border-color:#e9b64a; background:#33302b; }
@media (max-width:760px) { .pager .v52-raccourci { height:50px; min-width:44px; padding:0 6px; font-size:9px; } .pager .v52-raccourci svg { width:18px; height:18px; } }
@media (max-width:380px) { .pager .v52-raccourci span { display:none; } .pager .v52-raccourci { min-width:40px; } }
.footer { padding:34px 18px 80px; text-align:center; color:#666; background:#dedbd5; }
@media (max-width:980px) { }
@media (max-width:620px) { .topbar { flex-wrap:wrap; } .brand { width:100%; } .topbar button { flex:1; } .hero { padding:40px 20px; } main { width:min(100% - 18px,1240px); } .filters input { width:100%; } .poster-head { align-items:flex-start; } }
@media print {
body { background:#fff; } .topbar,.hero,.guide,.explorer,.pager,.footer,.poster-head { display:none !important; }
main { width:auto; margin:0; } .pages { display:block; padding:0; } .poster-page { display:block !important; margin:0; break-after:page; page-break-after:always; } .poster-page:last-child { break-after:auto; page-break-after:auto; }
.poster-page.landscape { page:landscapeSheet; } .poster-page.portrait { page:portraitSheet; }
.poster-frame,.poster-frame.portrait,.poster-frame.landscape { width:100%; height:auto; margin:0; box-shadow:none; aspect-ratio:auto; overflow:visible; } .poster-frame img { width:100%; height:auto; }
@page landscapeSheet { size:A4 landscape; margin:0; } @page portraitSheet { size:A4 portrait; margin:0; }
}
.audit-guide { margin:26px 0; padding:22px; border:1px solid #b8d5c0; border-left:6px solid #16803c; border-radius:10px; background:#f2fbf4; box-shadow:0 6px 22px rgba(0,0,0,.06); }
.audit-guide h2 { margin:0 0 8px; font-size:22px; }
.audit-guide p { margin:7px 0; color:#304b37; line-height:1.55; }
.audit-guide a { font-weight:700; color:#075f2c; }
/* v61 : sur les pages portrait, les encadrés ont la largeur de la feuille (820 px) */
.poster-page.portrait .verification-note { width:min(100%,820px); }
.verification-note { width:min(100%,1120px); margin:12px auto 0; border:1px solid #e0b04b; border-left:6px solid #d08900; border-radius:8px; background:#fff9e9; color:#43330d; box-shadow:0 4px 16px rgba(0,0,0,.05); }
.notes-toggle-ligne { margin:10px 0 0; text-align:center; }
.notes-toggle { padding:8px 15px; border:1px dashed #c8c2b6; border-radius:999px; background:#fff;
color:#4a4640; font:700 13px/1 Arial,Helvetica,sans-serif; cursor:pointer; }
.notes-toggle:hover,.notes-toggle:focus-visible { border-color:#8a8375; background:#faf8f4; }
.notes-toggle[aria-pressed="true"] { border-style:solid; border-color:#8a8375; background:#f3efe7; }
@media print { .notes-toggle-ligne { display:none; } }
.verification-note.critical { border-color:#e0b04b; border-left-color:#d08900; background:#fff9e9; color:#43330d; }
.verification-note.critical summary { color:#43330d; }
.verification-note.critical .note-body { padding:0 15px 14px; }
.verification-note.critical a { color:#1d4ed8; }
.verification-note summary { padding:13px 15px; cursor:pointer; font-weight:800; }
.verification-note .note-body { padding:0 15px 14px; line-height:1.55; }
.poster-page.portrait .poster-transcription { width:min(100%,820px); }
.poster-transcription { width:min(100%,1120px); margin:12px auto 0; border:1px solid var(--line); border-left:6px solid #b9b2a6; border-radius:8px; background:var(--cream); color:#3d372f; box-shadow:0 4px 16px rgba(0,0,0,.05); }
.poster-transcription summary { padding:13px 15px; cursor:pointer; font-weight:800; }
.poster-transcription .note-body { padding:0 15px 14px; line-height:1.55; }
.poster-transcription h3 { margin:14px 0 6px; font-size:17px; }
.poster-transcription p { margin:0 0 10px; }
.poster-transcription dl { margin:0; }
.poster-transcription dt { margin-top:12px; font-weight:700; }
.poster-transcription dd { margin:3px 0 0; color:#4c4438; }
.poster-transcription .tr-marge { margin:14px 0 0; padding-top:10px; border-top:1px solid #ddd6c9; color:#6b6255; font-size:13px; }
@media print { .poster-transcription { display:none !important; } }
.verification-note p { margin:5px 0; }
.verification-note ul { margin:8px 0 0 20px; padding:0; }
.verification-note li + li { margin-top:5px; }
.verification-note a { color:#1d4ed8; }
.poster-frame { position:relative; }
.correction-stamp { position:absolute; top:12px; right:12px; z-index:3; padding:7px 10px; border:2px solid #fff; border-radius:999px; color:#fff; background:#b91c1c; box-shadow:0 3px 12px rgba(0,0,0,.28); font-size:11px; font-weight:900; letter-spacing:.08em; text-transform:uppercase; }
.correction-appendix { margin:20px 0 70px; padding:28px; border-radius:12px; background:#fff; box-shadow:var(--shadow); }
.correction-appendix h2 { margin:0 0 8px; font-size:32px; }
.correction-appendix h3 { margin:28px 0 8px; font-size:20px; }
.correction-appendix p,.correction-appendix li { line-height:1.55; }
.correction-appendix table { width:100%; border-collapse:collapse; font-size:14px; }
.correction-appendix th,.correction-appendix td { padding:10px; border:1px solid #d9d6d0; text-align:left; vertical-align:top; }
.correction-appendix th { background:#f4f1eb; }
.correction-appendix .sources { columns:2; column-gap:28px; }
.correction-appendix .sources li { break-inside:avoid; margin-bottom:7px; }
@media (max-width:700px) { .correction-appendix { padding:18px; } .correction-appendix .sources { columns:1; } .correction-appendix table { font-size:12px; } }
@media print {
.audit-guide { display:none !important; }
.verification-note { display:none !important; }
.correction-stamp { display:block !important; font-size:7pt; top:7mm; right:7mm; }
.correction-appendix { display:block !important; margin:0; padding:12mm; border:0; border-radius:0; box-shadow:none; break-before:page; page-break-before:always; }
.correction-appendix .sources { columns:1; }
.correction-appendix a { text-decoration:none; }
}
html { -webkit-text-size-adjust:100%; text-size-adjust:100%; }
body { min-height:100%; padding-bottom:env(safe-area-inset-bottom,0px); overscroll-behavior-y:none; }
button,input { -webkit-appearance:none; appearance:none; touch-action:manipulation; }
button { -webkit-tap-highlight-color:transparent; }
.topbar { padding-top:calc(12px + env(safe-area-inset-top,0px)); padding-left:calc(18px + env(safe-area-inset-left,0px)); padding-right:calc(18px + env(safe-area-inset-right,0px)); }
.poster-frame { isolation:isolate; }
.common-works-frame .common-works-notes { position:absolute; z-index:3; left:6.2%; right:6.2%; top:50.5%; bottom:6.5%; display:flex; flex-direction:column; padding:clamp(10px,2.2vw,28px); border:1px solid #d8d3cb; border-top:clamp(4px,.7vw,8px) solid #171717; border-radius:clamp(5px,.8vw,10px); color:#282522; background:linear-gradient(145deg,rgba(249,247,243,.98),rgba(241,237,230,.98)); box-shadow:0 10px 28px rgba(34,31,27,.08); }
.common-works-notes .cwn-kicker { margin:0 0 clamp(3px,.6vw,7px); color:#9b3941; font-size:clamp(7px,1vw,12px); font-weight:900; letter-spacing:.12em; text-transform:uppercase; }
.common-works-notes h3 { margin:0; color:#1d1d1d; font:900 clamp(14px,2.6vw,31px)/1.02 Arial,Helvetica,sans-serif; letter-spacing:-.03em; }
.common-works-notes .cwn-lead { max-width:92%; margin:clamp(5px,1vw,12px) 0 0; color:#4d4944; font:clamp(8px,1.25vw,14px)/1.42 Georgia,serif; }
.cwn-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:clamp(5px,.9vw,11px); margin-top:clamp(8px,1.4vw,16px); }
.cwn-card { padding:clamp(7px,1.2vw,14px); border-left:clamp(3px,.45vw,5px) solid #2455cf; border-radius:5px; background:#fff; }
.cwn-card:nth-child(2) { border-left-color:#9b3941; }
.cwn-card:nth-child(3) { border-left-color:#c69a2f; }
.cwn-card b { display:block; margin-bottom:clamp(2px,.4vw,5px); color:#232323; font-size:clamp(8px,1.15vw,13px); }
.cwn-card p { margin:0; color:#59544e; font-size:clamp(6.8px,.95vw,10.5px); line-height:1.38; }
.cwn-distinction { margin-top:clamp(8px,1.3vw,15px); padding:clamp(7px,1.1vw,13px) clamp(9px,1.4vw,16px); border-radius:6px; color:#fff; background:#262320; }
.cwn-distinction b { display:block; margin-bottom:3px; color:#f1c65e; font-size:clamp(8px,1.1vw,13px); letter-spacing:.04em; text-transform:uppercase; }
.cwn-distinction p { margin:0; font:clamp(7px,1vw,11px)/1.4 Georgia,serif; }
.cwn-questions { display:grid; grid-template-columns:auto repeat(3,minmax(0,1fr)); align-items:center; gap:clamp(5px,.8vw,9px); margin-top:auto; padding-top:clamp(7px,1.1vw,13px); border-top:1px solid #d0c9bf; }
.cwn-questions b { color:#34302c; font-size:clamp(7px,1vw,11px); text-transform:uppercase; letter-spacing:.06em; }
.cwn-questions span { padding:clamp(4px,.7vw,8px); border-radius:5px; color:#55504a; background:#fff; font-size:clamp(6.5px,.9vw,10px); line-height:1.28; text-align:center; }
.poster-frame::before { content:"Chargement de la page…"; position:absolute; inset:0; z-index:0; display:grid; place-items:center; color:#777; background:linear-gradient(135deg,#f5f2ec,#e7e2d9); font-size:14px; font-weight:700; }
.poster-frame.image-ready::before { display:none; }
.poster-frame img { position:relative; z-index:1; -webkit-user-select:none; user-select:none; }
.poster-frame img:not([src]) { opacity:0; }
.poster-frame img[src] { opacity:1; transition:opacity .18s ease; }
.correction-stamp { z-index:4; }
.promise-note { margin:26px 0 18px; padding:28px 34px 32px; border:1px solid #ddd5ca; border-radius:12px; color:#302b27; background:linear-gradient(135deg,#fbfaf7 0%,#f6f2eb 62%,#f1e9e3 100%); box-shadow:0 10px 28px rgba(50,45,38,.08); }
.promise-note h2 { margin:0 0 6px; color:#292522; font-size:clamp(21px,2.4vw,27px); letter-spacing:-.02em; }
.promise-note .pn-eyebrow { margin:0 0 12px; color:#9b3941; font-size:12px; font-weight:900; letter-spacing:.14em; text-transform:uppercase; }
.promise-note .pn-lead {
position:relative; max-width:26ch; margin:22px 0 18px; padding:0 0 0 22px;
color:#7c2f38; font:italic 400 clamp(23px,3.2vw,34px)/1.28 Georgia,serif;
letter-spacing:-.01em; text-wrap:balance; }
.promise-note .pn-lead::before {
content:""; position:absolute; left:0; top:.18em; bottom:.18em; width:3px;
border-radius:2px; background:linear-gradient(#b68b27,#9b3941); }
.promise-note .pn-lead em { font-style:normal; font-weight:700; color:#5d2229; }
@media (max-width:640px){
.promise-note h2 { font-size:20px; }
}
.promise-note blockquote { margin:20px 0; padding:22px 24px 20px 28px; border:1px solid #ded4c3; border-left:5px solid #b68b27; border-radius:0 10px 10px 0; color:#302b27; background:rgba(255,255,255,.78); box-shadow:0 6px 18px rgba(68,55,40,.07); font:italic 24px/1.5 Georgia,serif; text-wrap:pretty; }
.promise-note blockquote cite { display:block; width:max-content; margin-top:14px; font-style:normal; }
/* v49 : mandat de Matthieu 28.18-20 au-dessus d'Actes 1.8 */
.promise-note blockquote.v49-mandat,.promise-note blockquote.v49-promesse { border-left-color:#e9b64a; background:linear-gradient(135deg,rgba(255,250,240,.92),rgba(255,255,255,.78)); }
.promise-note blockquote.v49-mandat p { margin:0; font:inherit; color:inherit; }
.promise-note blockquote.v49-mandat p + p { margin-top:14px; padding-top:14px; border-top:1px solid rgba(182,139,39,.28); }
.promise-note blockquote.v49-mandat cite { display:flex; flex-wrap:wrap; justify-content:center; gap:8px; width:auto; margin-top:16px; }
.v49-mandat-kicker { display:block; margin:0 0 10px; font:700 12px/1.3 Arial,Helvetica,sans-serif; font-style:normal; letter-spacing:.14em; text-transform:uppercase; color:#9a7420; }
.v49-mandat-kicker::before { content:"\271D\00a0"; color:#b68b27; }
button.ref-verset-sombre { padding:8px 14px 8px 13px; border:1px solid #4a4a4a; border-radius:999px; color:#f2e7d8; background:#262626; cursor:pointer; font:700 13px/1 Arial,Helvetica,sans-serif; white-space:nowrap; transition:background .13s ease,border-color .13s ease,transform .12s ease; }
button.ref-verset-sombre::after { content:" \203a"; color:#e9b64a; font-weight:800; }
button.ref-verset-sombre:hover,button.ref-verset-sombre:focus-visible { outline:none; transform:translateY(-1px); border-color:#e9b64a; background:#33302b; color:#fff; }
button.ref-verset-sombre[aria-expanded="true"] { border-color:#e9b64a; background:#3a362f; color:#fff; }
.promise-note p { margin:12px 0 0; color:#4a4540; font-size:15px; line-height:1.6; text-wrap:pretty; }
.promise-note .pn-bridge { margin-top:22px; padding-top:18px; border-top:1px solid #d9d1c7; }
.promise-note .pn-bridge h3 { margin:0 0 3px; color:#302b27; font-size:17px; letter-spacing:-.01em; }
.promise-note .pn-bridge > p { margin:0; color:#5c5650; font-size:14px; line-height:1.55; }
.promise-note .pn-timeline { display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); gap:9px; margin-top:15px; }
.promise-note .pn-step { min-width:0; padding:12px 11px; border:1px solid #d9d1c7; border-radius:9px; background:rgba(255,255,255,.58); }
.promise-note .pn-step b { display:block; color:#92701e; font-size:14px; }
.promise-note .pn-step em { display:block; margin:2px 0 6px; color:#756f67; font-style:normal; font-size:10.5px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.promise-note .pn-step span { display:block; color:#4a4540; font-size:12px; line-height:1.38; }
@media (max-width:980px) { .promise-note .pn-timeline { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media print {
.promise-note .pn-bridge { border-top-color:#bbb; }
.promise-note .pn-bridge h3 { color:#171717; font-size:13pt; }
.promise-note .pn-bridge > p { color:#333; font-size:10pt; }
.promise-note .pn-step { border-color:#ccc; background:#fff; }
.promise-note .pn-step b { color:#8e1727; font-size:10pt; }
.promise-note .pn-step em,.promise-note .pn-step span { color:#333; }
.promise-note .pn-step span { font-size:8.5pt; }
}
.promise-note .pn-refs { display:flex; flex-wrap:wrap; gap:8px; margin-top:18px; }
.promise-note .pn-refs span { padding:7px 12px; border:1px solid #cbc2b7; border-radius:999px; color:#49433e; background:rgba(255,255,255,.5); font-size:13px; font-weight:700; }
.paul-map-panel { margin:18px 0 26px; padding:18px; border:1px solid #ddd5ca; border-radius:12px; background:#fbfaf7; box-shadow:0 8px 24px rgba(50,45,38,.07); }
.paul-map-panel figure { margin:0; }
.paul-map-panel img { display:block; width:100%; height:auto; border:1px solid #d5cbbb; border-radius:8px; background:#f6f2eb; }
.paul-map-panel figcaption { margin-top:10px; color:#5c5650; font:13px/1.5 Georgia,serif; text-align:center; }
.timeline-intro-panel { margin:0 0 30px; padding:18px; border:1px solid #ddd5ca; border-radius:12px; background:#f3f0ea; box-shadow:0 8px 24px rgba(50,45,38,.07); break-inside:avoid; }
.timeline-intro-panel figure { width:min(100%,1000px); margin:0 auto; }
/* v72 : le code couleur des familles, déplacé entre la frise animée et la page 1 */
.pages > .v72-code-couleur { width:min(100%,1120px); margin:0 auto; padding:0; border:0; border-radius:0; background:#fff; box-shadow:var(--shadow); overflow:hidden; }
.pages > .v72-code-couleur figure { width:100%; margin:0; }
.pages > .v72-code-couleur .v52-cc-zone > img { border:0; border-radius:0; }
.pages > .v72-code-couleur figcaption { margin:0 !important; padding:14px 22px 16px; background:#fff; border-top:1px solid var(--line); color:#4a4540; font:15px/1.5 Georgia,serif; text-align:left; }
@media print { .pages > .v72-code-couleur { display:block !important; break-before:page; page-break-before:always; } }
.timeline-intro-panel img { display:block; width:100%; height:auto; border:1px solid #d5cbbb; border-radius:8px; background:#fff; }
.timeline-fathers-note { display:grid; grid-template-columns:18px minmax(0,1fr); gap:13px; width:min(100%,1000px); margin:0 auto 16px; padding:15px 17px; border:1px solid #c9d5ef; border-left:5px solid #2455cf; border-radius:8px; background:#f5f7fc; }
.timeline-fathers-swatch { width:14px; height:14px; margin-top:4px; border-radius:3px; background:#2455cf; box-shadow:0 0 0 1px rgba(25,65,165,.16); }
.timeline-fathers-note p { margin:0; color:#4f5664; font:14px/1.5 Georgia,serif; text-wrap:pretty; }
.timeline-fathers-note .timeline-fathers-title { margin-bottom:3px; color:#20242c; font:800 17px/1.3 Arial,Helvetica,sans-serif; }
.timeline-fathers-note strong { color:#263f7f; }
.timeline-fathers-note .timeline-fathers-precision { margin-top:5px; color:#656b76; font-size:13px; }
.fathers-portraits { display:flex; flex-wrap:wrap; gap:16px 22px; justify-content:center; margin:14px 0 10px; }
.fathers-portraits figure { margin:0; width:120px; text-align:center; }
.fathers-portraits img { display:block; width:106px; height:106px; margin:0 auto 8px; border-radius:50%; object-fit:cover; border:3px solid #fff; box-shadow:0 0 0 2px #2455cf, 0 6px 16px rgba(36,85,207,.20); background:#e8edf8; }
.fathers-portraits figcaption { color:#263f7f; font:700 13px/1.35 Arial,Helvetica,sans-serif; }
.fathers-portraits .fp-dates { display:block; margin-top:2px; color:#656b76; font:400 12px/1.3 Georgia,serif; }
/* v97 : les trois portraits ouvrent leur fiche figure */
.fathers-portraits .fp-btn { display:block; margin:0 auto; padding:0; border:0; background:none; border-radius:50%; cursor:pointer; }
.fathers-portraits .fp-btn:hover img, .fathers-portraits .fp-btn:focus-visible img { box-shadow:0 0 0 3px #e9b64a, 0 6px 16px rgba(36,85,207,.28); }
.fathers-portraits .fp-btn:focus-visible { outline:none; }
.fathers-portraits .fp-lire { display:block; margin-top:3px; color:#2456d3; font:700 11px/1.3 Arial,Helvetica,sans-serif; }
@media print { .fathers-portraits .fp-lire { display:none; } }
@media print { .fathers-portraits img { box-shadow:none; border:2px solid #2455cf; } }
@media print { .promise-note { display:block !important; margin:0; padding:14mm; border:0; border-radius:0; box-shadow:none; color:#171717; background:#fff; break-after:page; page-break-after:always; } .promise-note h2 { color:#171717; font-size:20pt; } .promise-note blockquote { color:#171717; font-size:15pt; } .v49-mandat-kicker { color:#333; } .promise-note p { color:#333; font-size:11pt; } .promise-note .pn-lead { color:#555; font-size:12pt; } .promise-note .pn-refs span { color:#333; border-color:#bbb; } }
.contemporary-bridge { position:relative; width:min(100%,1120px); margin:34px auto 10px; padding:clamp(28px,5vw,58px); overflow:hidden; border:1px solid #d7d0c6; border-radius:16px; color:#282421; background:linear-gradient(145deg,#fbfaf7 0%,#f3efe8 62%,#ece6dc 100%); box-shadow:0 18px 48px rgba(43,38,31,.11); }
.contemporary-bridge::before { content:""; position:absolute; inset:0 auto 0 0; width:9px; background:linear-gradient(180deg,#2455cf 0 33%,#8f2741 33% 66%,#c48d23 66% 100%); }
.contemporary-bridge .cb-kicker { margin:0 0 10px; color:#8f2741; font-size:12px; font-weight:900; letter-spacing:.15em; text-transform:uppercase; }
.contemporary-bridge h2 { max-width:860px; margin:0; color:#1d1b19; font:900 clamp(30px,4.8vw,54px)/1.02 Arial,Helvetica,sans-serif; letter-spacing:-.045em; text-wrap:balance; }
.contemporary-bridge .cb-lead { max-width:900px; margin:18px 0 0; color:#514a44; font:clamp(15px,1.8vw,19px)/1.58 Georgia,serif; text-wrap:pretty; }
.cb-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; margin-top:28px; }
.cb-card { min-width:0; padding:20px 18px 18px; border:1px solid #ddd6cc; border-top:6px solid #2455cf; border-radius:10px; background:rgba(255,255,255,.84); box-shadow:0 7px 18px rgba(45,39,32,.05); }
.cb-card:nth-child(2) { border-top-color:#8f2741; }
.cb-card:nth-child(3) { border-top-color:#c48d23; }
.cb-card .cb-person { margin:0 0 4px; color:#6d655e; font-size:11px; font-weight:900; letter-spacing:.08em; text-transform:uppercase; }
.cb-card h3 { margin:0; color:#23201d; font:850 clamp(18px,2.2vw,24px)/1.12 Arial,Helvetica,sans-serif; letter-spacing:-.025em; }
.cb-card p { margin:12px 0 0; color:#554f49; font:14px/1.52 Georgia,serif; text-wrap:pretty; }
.cb-card .cb-status { display:inline-block; margin-top:15px; padding:6px 9px; border-radius:999px; color:#314a81; background:#e8eefb; font:800 10px/1.25 Arial,Helvetica,sans-serif; letter-spacing:.04em; text-transform:uppercase; }
.cb-card:nth-child(2) .cb-status { color:#79283a; background:#f5e7eb; }
.cb-card:nth-child(3) .cb-status { color:#745514; background:#f8efda; }
.cb-distinction { margin-top:18px; padding:17px 19px; border-left:5px solid #55504a; border-radius:7px; background:rgba(255,255,255,.66); }
.cb-distinction h3 { margin:0 0 5px; color:#282421; font-size:17px; }
.cb-distinction p { margin:0; color:#57504a; font:14px/1.55 Georgia,serif; text-wrap:pretty; }
.cb-mission { margin-top:22px; padding:23px 24px; border-radius:10px; color:#f7f4ef; background:linear-gradient(130deg,#252423,#36312d); }
.cb-mission .cb-mission-label { margin:0 0 6px; color:#e1b94e; font-size:11px; font-weight:900; letter-spacing:.14em; text-transform:uppercase; }
.cb-mission h3 { margin:0; color:#fff; font:800 clamp(21px,2.8vw,29px)/1.12 Arial,Helvetica,sans-serif; }
.cb-mission p { margin:11px 0 0; color:#e8e2da; font:15px/1.58 Georgia,serif; text-wrap:pretty; }
.cb-thread { margin:19px 0 0; color:#5b534c; font:italic 15px/1.55 Georgia,serif; text-align:center; text-wrap:pretty; }
@media (max-width:760px) { .cb-grid { grid-template-columns:1fr; } .contemporary-bridge { padding:28px 24px 32px 30px; } }
@media print { .contemporary-bridge { display:block !important; margin:0; padding:14mm; border:0; border-radius:0; box-shadow:none; color:#171717; background:#fff; break-before:page; page-break-before:always; break-after:page; page-break-after:always; } .contemporary-bridge::before { width:3mm; } .contemporary-bridge h2 { font-size:27pt; } .contemporary-bridge .cb-lead { font-size:11pt; } .cb-card { box-shadow:none; } .cb-card p,.cb-distinction p,.cb-mission p { font-size:9.5pt; } .cb-mission { color:#171717; border:1px solid #aaa; background:#f3f3f3; } .cb-mission h3 { color:#171717; } .cb-mission p { color:#333; } .cb-mission .cb-mission-label { color:#7b5d12; } }
.matthew-transition { position:relative; width:min(100%,1120px); margin:34px auto 22px; padding:clamp(30px,5vw,58px); overflow:hidden; border-radius:16px; color:#f7f3ec; background:linear-gradient(135deg,#22272d 0%,#292725 62%,#3b2d29 100%); box-shadow:0 18px 48px rgba(32,28,24,.2); }
.matthew-transition::after { content:""; position:absolute; right:-80px; bottom:-110px; width:310px; height:310px; border:1px solid rgba(224,185,78,.22); border-radius:50%; box-shadow:0 0 0 38px rgba(224,185,78,.035),0 0 0 76px rgba(224,185,78,.025); pointer-events:none; }
.matthew-transition .mt-kicker { position:relative; z-index:1; margin:0 0 11px; color:#e0b94e; font-size:11px; font-weight:900; letter-spacing:.15em; text-transform:uppercase; }
.matthew-transition h2 { position:relative; z-index:1; margin:0; color:#fff; font:850 clamp(28px,4.4vw,48px)/1.03 Arial,Helvetica,sans-serif; letter-spacing:-.04em; }
.matthew-transition blockquote { position:relative; z-index:1; max-width:900px; margin:24px 0 0; padding:5px 0 5px 22px; border-left:5px solid #e0b94e; color:#fff; font:italic clamp(20px,2.7vw,31px)/1.42 Georgia,serif; text-wrap:pretty; }
.matthew-transition cite { position:relative; z-index:1; display:block; margin:11px 0 0 27px; color:#e0b94e; font:900 11px/1.3 Arial,Helvetica,sans-serif; letter-spacing:.12em; text-transform:uppercase; }
.matthew-transition .mt-reading { position:relative; z-index:1; max-width:920px; margin:24px 0 0; padding-top:20px; border-top:1px solid rgba(255,255,255,.16); color:#e7e0d8; font:15px/1.62 Georgia,serif; text-wrap:pretty; }
.matthew-transition .mt-reading strong { color:#fff; }
@media print { .matthew-transition { display:block !important; margin:0; padding:24mm 18mm; border:0; border-radius:0; box-shadow:none; color:#171717; background:#fff; break-before:page; page-break-before:always; break-after:page; page-break-after:always; } .matthew-transition::after { display:none; } .matthew-transition .mt-kicker,.matthew-transition cite { color:#7b5d12; } .matthew-transition h2,.matthew-transition blockquote,.matthew-transition .mt-reading,.matthew-transition .mt-reading strong { color:#171717; } .matthew-transition blockquote { border-left-color:#a27a19; font-size:17pt; } .matthew-transition .mt-reading { border-top-color:#bbb; font-size:10.5pt; } }
.annex-divider { width:min(100%,1120px); margin:26px auto 4px; padding:26px 28px; border-top:4px solid #171717; border-bottom:1px solid var(--line); background:transparent; }
.annex-divider p { margin:0; color:var(--red); font-size:12px; font-weight:900; letter-spacing:.14em; text-transform:uppercase; }
.annex-divider h2 { margin:8px 0 0; font-size:clamp(24px,3.4vw,38px); line-height:1.06; letter-spacing:-.03em; }
.annex-divider .annex-lead { max-width:820px; margin:12px 0 0; color:#4b4b52; font:16px/1.55 Georgia,serif; font-weight:400; letter-spacing:0; text-transform:none; text-wrap:pretty; }
@media print { .annex-divider { display:block !important; margin:0; padding:14mm; border:0; break-before:page; page-break-before:always; break-after:page; page-break-after:always; } }
.intent-guide { margin:26px 0; padding:24px; border:1px solid #e2cf9a; border-left:6px solid #d6a72c; border-radius:10px; background:#fffaef; box-shadow:0 6px 22px rgba(0,0,0,.06); }
.intent-guide h2 { margin:0 0 10px; font-size:24px; }
.intent-guide p { margin:9px 0; color:#4a4123; font-size:15px; line-height:1.6; text-wrap:pretty; }
.intent-guide p strong { color:#3a2f10; }
.intent-guide .intent-rules { display:grid; gap:8px; margin:12px 0 0; padding:0; list-style:none; }
.intent-guide .intent-rules li { padding:11px 13px; border-radius:8px; background:#fff; border:1px solid #ecdcb4; color:#4a4123; font-size:14px; line-height:1.5; }
@media print { .intent-guide { display:block !important; margin:0; padding:14mm; border:0; border-radius:0; box-shadow:none; background:#fff; break-after:page; page-break-after:always; } .intent-guide h2 { font-size:20pt; } .intent-guide p,.intent-guide .intent-rules li { font-size:11pt; } }
.apple-guide { margin:26px 0; padding:22px; border:1px solid #b9c9e7; border-left:6px solid #2456d3; border-radius:10px; background:#f3f7ff; box-shadow:0 6px 22px rgba(0,0,0,.06); }
.apple-guide h2 { margin:0 0 8px; font-size:22px; }
.apple-guide p { margin:7px 0; color:#2d405f; line-height:1.55; }
.apple-guide ol { margin:12px 0 0 22px; padding:0; color:#2d405f; line-height:1.55; }
.apple-guide li + li { margin-top:6px; }
.device-badges { display:flex; flex-wrap:wrap; gap:8px; margin-top:13px; }
.device-badges span { padding:7px 10px; border:1px solid #b9c9e7; border-radius:999px; background:#fff; color:#244574; font-size:12px; font-weight:800; }
.mobile-tip { display:none; }
.pager { right:calc(18px + env(safe-area-inset-right,0px)); bottom:calc(18px + env(safe-area-inset-bottom,0px)); }
@media (max-width:760px) {
body { background:#f0ede7; }
.topbar { gap:8px; padding-bottom:10px; }
.brand { min-width:0; }
.topbar button { min-height:46px; padding:9px 11px; }
#printAll { display:none; }
.hero { padding:34px max(18px,env(safe-area-inset-left,0px)) 38px; }
.hero h1 { font-size:clamp(35px,12vw,54px); }
.hero p { font-size:17px; line-height:1.48; }
main { width:min(100% - 14px,1240px); }
.guide,.audit-guide,.apple-guide,.intent-guide { margin:14px 0; padding:17px; } .promise-note { margin:14px 0; padding:20px; } .promise-note blockquote { font-size:19px; }
.apple-guide ol { margin-left:18px; }
.mobile-tip { display:block; }
.explorer { margin:20px 0 32px; }
.explorer h2 { font-size:27px; }
.pages { gap:30px; }
.poster-head { padding:0 5px; }
.poster-head h2 { font-size:21px; }
.verification-note summary { min-height:46px; }
.verification-note,.verification-note.critical { margin-top:9px; border-radius:7px; }
.correction-stamp { top:7px; right:7px; padding:5px 7px; font-size:8px; }
.pager { left:50%; right:auto; transform:translateX(-50%); }
.pager button { width:50px; height:50px; }
.correction-appendix { margin-bottom:90px; }
}
@media (max-width:410px) {
.topbar button[data-go="haut"] { display:none; }
.topbar button { font-size:13px; }
}
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } *,*::before,*::after { animation-duration:.01ms !important; transition-duration:.01ms !important; } }
@media print {
.apple-guide { display:none !important; }
}
/* Planches en annexe */
.legacy-transition-frame { display:none !important; }
.transition-thumb { position:relative; overflow:hidden; background:linear-gradient(145deg,#f8f5ef 0%,#ece7de 100%); }
.transition-thumb .legacy-transition-image { display:none; }
.transition-thumb::before { content:"APRÈS LA FRISE"; position:absolute; left:10%; right:10%; top:18%; color:#9b3941; font-size:9px; font-weight:900; letter-spacing:.11em; }
.transition-thumb::after { content:"DES ÉVÉNEMENTS AUX FAMILLES →"; position:absolute; left:10%; right:10%; top:38%; color:#1e2428; font-size:12px; font-weight:900; line-height:1.18; }
.transition-sheet { position:relative; display:flex; flex-direction:column; padding:clamp(30px,5vw,62px); color:#252321; background:linear-gradient(145deg,#fff 0%,#fbfaf7 62%,#f1ece4 100%); }
.transition-sheet::before { content:""; position:absolute; inset:0 0 auto; height:10px; background:linear-gradient(90deg,#9b3941 0 34%,#2455cf 34% 69%,#c69a2f 69%); }
.transition-kicker { margin:0 0 11px; color:#9b3941; font-size:clamp(10px,1.3vw,14px); font-weight:900; letter-spacing:.14em; text-transform:uppercase; }
.transition-sheet h3 { max-width:790px; margin:0; color:#202020; font:900 clamp(34px,5.4vw,66px)/.98 Arial,Helvetica,sans-serif; letter-spacing:-.045em; text-wrap:balance; }
.transition-lead { max-width:850px; margin:18px 0 0; color:#4e4944; font:clamp(15px,1.8vw,20px)/1.5 Georgia,serif; text-wrap:pretty; }
.transition-answer { margin-top:20px; padding:17px 19px; border-radius:9px; color:#f8f5ee; background:linear-gradient(125deg,#252321,#37312c); }
.transition-answer b { display:block; margin-bottom:6px; color:#f1c65e; font-size:13px; letter-spacing:.07em; text-transform:uppercase; }
.transition-answer p { margin:0; font:14px/1.5 Georgia,serif; text-wrap:pretty; }
.transition-bridge { display:grid; grid-template-columns:1fr auto 1fr; align-items:stretch; gap:13px; margin-top:31px; }
.transition-side { padding:18px; border:1px solid #d9d2c8; border-radius:10px; background:rgba(255,255,255,.78); }
.transition-side b { display:block; margin-bottom:7px; color:#8e303a; font-size:12px; letter-spacing:.08em; text-transform:uppercase; }
.transition-side:last-child b { color:#224db5; }
.transition-side p { margin:0; color:#4d4a46; font:14px/1.5 Georgia,serif; }
.transition-arrow { align-self:center; color:#c09328; font-size:28px; font-weight:900; }
.transition-steps-title { margin:28px 0 11px; color:#282624; font-size:19px; }
.transition-steps { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
.transition-step { padding:15px; border-top:5px solid #2455cf; border-radius:8px; background:#fff; box-shadow:0 6px 17px rgba(46,42,36,.07); }
.transition-step:nth-child(2) { border-top-color:#9b3941; }
.transition-step:nth-child(3) { border-top-color:#c69a2f; }
.transition-step span { display:block; margin-bottom:6px; color:#7d7367; font-size:11px; font-weight:900; letter-spacing:.08em; text-transform:uppercase; }
.transition-step b { display:block; margin-bottom:5px; color:#222; font-size:14px; }
.transition-step p { margin:0; color:#59544e; font-size:11.5px; line-height:1.42; }
.transition-links-title { margin:25px 0 10px; color:#282624; font-size:19px; }
.transition-links { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
.transition-link { padding:14px 15px; border:1px solid #d9d2c8; border-radius:8px; background:rgba(255,255,255,.82); }
.transition-link b { display:block; margin-bottom:5px; color:#8e303a; font-size:13px; }
.transition-link:nth-child(2) b { color:#224db5; }
.transition-link:nth-child(3) b { color:#79601e; }
.transition-link p { margin:0; color:#59544e; font-size:11px; line-height:1.42; }
.transition-principle { margin-top:24px; padding:18px 20px; border-left:6px solid #171717; border-radius:0 9px 9px 0; background:#f0ede8; }
.transition-principle b { display:block; margin-bottom:6px; color:#171717; font-size:16px; }
.transition-principle p { margin:0; color:#4d4842; font:14px/1.5 Georgia,serif; }
.transition-next { margin-top:auto; padding-top:19px; color:#6a6259; font-size:11px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
@media (max-width:760px) {
.transition-sheet { padding:28px 20px; }
.transition-bridge,.transition-steps,.transition-links { grid-template-columns:1fr; }
.transition-arrow { justify-self:center; transform:rotate(90deg); }
}
.ztf-thumb { position:relative; background:linear-gradient(145deg,#f5efe3,#dfe9df); }
.ztf-thumb::after { content:"CMFI"; position:absolute; right:4px; bottom:4px; padding:2px 4px; border-radius:3px; color:#fff; background:#8e1727; font-size:8px; font-weight:900; letter-spacing:.06em; }
.ztf-thumb img { width:100%; height:100%; object-fit:cover; object-position:center 22%; filter:grayscale(1); }
.native-poster { position:relative; margin:0 auto; overflow:hidden; color:#182019; background:#fbfaf6; box-shadow:var(--shadow); font-family:Arial,Helvetica,sans-serif; }
.native-poster.portrait { width:min(100%,820px); min-height:min(1160px,calc((100vw - 30px) * 1.414)); }
.native-poster.landscape { width:min(100%,1120px); min-height:min(792px,calc((100vw - 30px) * .707)); }
.ztf-sheet { --forest:#174b39; --forest2:#247052; --wine:#8e1727; --gold:#d6a72c; --cream:#f5efe3; display:flex; flex-direction:column; padding:clamp(22px,4.5vw,54px); background:linear-gradient(145deg,#fff 0%,#fbfaf6 68%,#eef4ee 100%); }
.ztf-sheet::before { content:""; position:absolute; inset:0 0 auto; height:10px; background:linear-gradient(90deg,var(--forest) 0 42%,var(--wine) 42% 74%,var(--gold) 74%); }
.ztf-kicker { margin:0 0 8px; color:var(--wine); font-size:clamp(10px,1.2vw,14px); font-weight:900; letter-spacing:.14em; text-transform:uppercase; }
.ztf-sheet h3 { margin:0; color:#17221b; font:900 clamp(27px,4.6vw,58px)/.98 Arial,Helvetica,sans-serif; letter-spacing:-.045em; }
.ztf-sheet h4 { margin:0; color:var(--forest); font-size:clamp(15px,2vw,23px); line-height:1.08; }
.ztf-lead { max-width:850px; margin:12px 0 0; color:#485149; font:clamp(13px,1.55vw,18px)/1.47 Georgia,serif; }
.ztf-rule { width:74px; height:5px; margin:17px 0; border-radius:8px; background:var(--gold); }
.ztf-source { display:inline-flex; align-items:center; gap:5px; width:max-content; max-width:100%; margin-top:7px; padding:4px 7px; border:1px solid #c9d6ca; border-radius:999px; color:#31523d; background:#fff; font-size:9px; font-weight:900; letter-spacing:.04em; text-transform:uppercase; }
.ztf-source.internal { border-color:#ead3a0; color:#6f5010; background:#fff9e9; }
.ztf-source.independent { border-color:#bcd5c5; color:#174b39; background:#f2fbf4; }
.ztf-note { margin-top:auto; padding-top:13px; border-top:1px solid #cad4cb; color:#566158; font-size:10px; line-height:1.4; }
.ztf-note strong { color:#263c2c; }
.ztf-timeline { position:relative; display:grid; grid-template-columns:repeat(8,minmax(0,1fr)); gap:8px; margin-top:34px; padding-top:29px; }
.ztf-timeline::before { content:""; position:absolute; left:1%; right:1%; top:9px; height:4px; border-radius:4px; background:linear-gradient(90deg,var(--forest),var(--forest2) 58%,var(--wine)); }
.ztf-event { position:relative; min-width:0; padding:14px 10px 12px; border:1px solid #d6ddd6; border-radius:8px; background:rgba(255,255,255,.88); }
.ztf-event::before { content:""; position:absolute; top:-29px; left:13px; width:13px; height:13px; border:4px solid #fff; border-radius:50%; background:var(--gold); box-shadow:0 0 0 2px var(--forest); }
.ztf-event time { display:block; margin-bottom:5px; color:var(--wine); font-size:clamp(13px,1.6vw,20px); font-weight:900; }
.ztf-event b { display:block; margin-bottom:4px; color:#1f3426; font-size:clamp(10px,1.1vw,13px); line-height:1.2; }
.ztf-event p { margin:0; color:#4e5950; font-size:clamp(9px,1vw,12px); line-height:1.34; }
.ztf-lineage-strip { display:grid; grid-template-columns:repeat(7,1fr); align-items:center; gap:7px; margin-top:26px; }
.ztf-lineage-strip span { position:relative; padding:11px 7px; border-radius:6px; text-align:center; color:#fff; background:var(--forest); font-size:11px; font-weight:800; line-height:1.2; }
.ztf-lineage-strip span:nth-child(even) { background:var(--forest2); }
.ztf-lineage-strip span:last-child { background:var(--wine); }
.ztf-lineage-strip i { color:var(--gold); text-align:center; font-style:normal; font-size:18px; font-weight:900; }
.ztf-gallery-grid { display:grid; grid-template-columns:.9fr 1.1fr; gap:25px; margin-top:23px; }
.ztf-photo-panel { position:relative; min-height:395px; overflow:hidden; border-radius:10px; background:#ece9e2; box-shadow:0 12px 26px rgba(23,75,57,.14); }
.ztf-photo-panel img { width:100%; height:100%; display:block; object-fit:cover; object-position:center 24%; filter:grayscale(1); }
.ztf-photo-caption { position:absolute; inset:auto 0 0; padding:20px 16px 14px; color:#fff; background:linear-gradient(transparent,rgba(15,24,18,.92)); font-size:11px; line-height:1.35; }
.ztf-roles { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; margin-top:16px; }
.ztf-role { padding:12px; border-left:4px solid var(--gold); border-radius:6px; background:#f0f5f0; }
.ztf-role b { display:block; color:var(--forest); font-size:12px; }
.ztf-role span { display:block; margin-top:4px; color:#536057; font-size:10px; line-height:1.35; }
.ztf-body { color:#414b43; font:13px/1.48 Georgia,serif; }
.ztf-body p { margin:0 0 10px; }
.ztf-facts { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; margin-top:14px; }
.ztf-fact { padding:11px; border:1px solid #d6ddd6; border-radius:7px; background:#fff; }
.ztf-fact strong { display:block; color:var(--wine); font-size:18px; }
.ztf-fact span { color:#566158; font-size:10px; line-height:1.3; }
.ztf-family-path { display:grid; gap:9px; margin-top:20px; }
.ztf-family-node { display:grid; grid-template-columns:114px 1fr; align-items:center; gap:12px; padding:12px 14px; border:1px solid #d6ddd6; border-left:6px solid var(--forest); border-radius:8px; background:#fff; }
.ztf-family-node:nth-child(2) { border-left-color:var(--forest2); }
.ztf-family-node:nth-child(3) { border-left-color:var(--gold); }
.ztf-family-node:nth-child(4) { border-left-color:var(--wine); }
.ztf-family-node b { color:var(--forest); font-size:12px; text-transform:uppercase; }
.ztf-family-node p { margin:0; color:#4d584f; font-size:11px; line-height:1.38; }
.ztf-influences { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin-top:18px; }
.ztf-influence { padding:12px; border-radius:8px; color:#fff; background:var(--forest); }
.ztf-influence:nth-child(2) { background:#296a51; }
.ztf-influence:nth-child(3) { background:#7a4b19; }
.ztf-influence:nth-child(4) { background:var(--wine); }
.ztf-influence b { display:block; margin-bottom:4px; color:#fff3c7; font-size:12px; }
.ztf-influence p { margin:0; font-size:10px; line-height:1.35; }
.ztf-position { display:grid; gap:9px; margin-top:22px; }
.ztf-position-row { display:grid; grid-template-columns:126px 1fr; gap:12px; align-items:start; padding:12px 14px; border:1px solid #d5ddd6; border-radius:8px; background:#fff; }
.ztf-position-row strong { color:var(--wine); font-size:12px; text-transform:uppercase; }
.ztf-position-row p { margin:0; color:#455047; font-size:11px; line-height:1.4; }
.ztf-verdict { margin-top:17px; padding:15px; border-radius:8px; color:#fff; background:linear-gradient(125deg,var(--forest),#123328); }
.ztf-verdict b { display:block; margin-bottom:5px; color:#ffe8a5; font-size:13px; text-transform:uppercase; letter-spacing:.05em; }
.ztf-verdict p { margin:0; font:12px/1.45 Georgia,serif; }
@media (max-width:760px) {
.native-poster.portrait,.native-poster.landscape { min-height:0; }
.ztf-sheet { padding:25px 19px; }
.ztf-timeline { grid-template-columns:repeat(2,minmax(0,1fr)); padding-top:0; margin-top:22px; }
.ztf-timeline::before,.ztf-event::before { display:none; }
.ztf-lineage-strip { grid-template-columns:1fr; }
.ztf-lineage-strip i { transform:rotate(90deg); }
.ztf-gallery-grid { grid-template-columns:1fr; }
.ztf-photo-panel { min-height:330px; }
.ztf-family-node,.ztf-position-row { grid-template-columns:1fr; }
}
@media print {
.native-poster { width:100% !important; height:100vh !important; min-height:0 !important; box-shadow:none; }
.ztf-sheet { padding:11mm; }
.ztf-sheet h3 { font-size:27pt; }
.ztf-kicker { font-size:8pt; }
.ztf-lead { font-size:10pt; }
.ztf-event p,.ztf-family-node p,.ztf-influence p,.ztf-position-row p { font-size:7.2pt; }
.ztf-event b,.ztf-family-node b,.ztf-influence b,.ztf-position-row strong { font-size:8pt; }
.ztf-note { font-size:6.6pt; }
.five-misunderstandings-sheet { width:100%; height:100vh; aspect-ratio:auto; box-shadow:none; }
.five-misunderstandings-sheet .poster-frame { height:100%; overflow:hidden; }
.five-misunderstandings-sheet .poster-frame img { width:100%; height:100%; object-fit:contain; }
.misunderstanding-five { padding:5mm 7mm 6mm; border-top-width:2mm; }
.misunderstanding-five .number { font-size:8pt; }
.misunderstanding-five h3 { font-size:13pt; }
.misunderstanding-five p { font-size:8.5pt; }
}
.ztf-acronym-box { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; margin:14px 0 5px; padding:12px; border:1px solid #e0c77f; border-radius:9px; background:#fff9e8; }
.ztf-acronym-item { padding:9px 10px; border-radius:7px; background:#fff; }
.ztf-acronym-item b { display:block; margin-bottom:3px; color:var(--wine); font-size:14px; }
.ztf-acronym-item span { display:block; color:#3f4d43; font-size:10px; line-height:1.35; }
.ztf-acronym-note { grid-column:1/-1; margin:0; color:#5c4b21; font-size:10px; line-height:1.38; }
@media (max-width:760px) { .ztf-acronym-box { grid-template-columns:1fr; } .ztf-acronym-note { grid-column:auto; } }
.ellel-sheet { --forest:#153f4c; --forest2:#2d7181; --wine:#8b2942; --gold:#c99a2d; --cream:#f5f1e8; }
.ellel-sheet::before { background:linear-gradient(90deg,var(--forest) 0 46%,var(--forest2) 46% 76%,var(--gold) 76%); }
.ellel-sheet .ztf-kicker { color:var(--wine); }
.ellel-sheet .ztf-photo-panel img { object-position:center 38%; filter:saturate(.84) contrast(1.03); }
.hopesland-sheet { --forest:#264d43; --forest2:#477b68; --wine:#9a4937; --gold:#c89d3b; --cream:#f5f1e7; background:linear-gradient(145deg,#fff 0%,#fbfaf6 67%,#edf4f0 100%); }
.hopesland-sheet::before { background:linear-gradient(90deg,var(--forest) 0 44%,var(--forest2) 44% 76%,var(--gold) 76%); }
.hopesland-sheet .ztf-kicker { color:var(--wine); }
.hopesland-sheet .ztf-photo-panel img { object-position:center 30%; filter:saturate(.9) contrast(1.03); }
.hopesland-sheet .ellel-card { border-color:#d4dfda; }
.ellel-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin-top:22px; }
.ellel-card { padding:16px; border:1px solid #d4dfe2; border-top:5px solid var(--forest2); border-radius:9px; background:#fff; }
.ellel-card:nth-child(2) { border-top-color:var(--gold); }
.ellel-card:nth-child(3) { border-top-color:var(--wine); }
.ellel-card:nth-child(4) { border-top-color:var(--forest); }
.ellel-card b { display:block; margin-bottom:6px; color:var(--forest); font-size:13px; text-transform:uppercase; letter-spacing:.04em; }
.ellel-card p { margin:0; color:#46555a; font-size:11px; line-height:1.46; }
.status-table { display:grid; grid-template-columns:150px 1fr 1fr; margin-top:21px; overflow:hidden; border:1px solid #cfdadc; border-radius:9px; background:#fff; }
.status-table > div { padding:12px 13px; border-right:1px solid #dbe3e5; border-bottom:1px solid #dbe3e5; color:#435258; font-size:10.5px; line-height:1.4; }
.status-table > div:nth-child(3n) { border-right:0; }
.status-table > div:nth-last-child(-n+3) { border-bottom:0; }
.status-table .status-head { color:#fff; background:var(--forest); font-size:11px; font-weight:900; text-transform:uppercase; letter-spacing:.04em; }
.status-table .status-head:nth-child(3) { background:var(--wine); }
.status-table .status-label { color:#223b43; background:#f2f6f7; font-weight:900; text-transform:uppercase; }
.status-conclusion { margin-top:17px; padding:16px; border-radius:9px; color:#fff; background:linear-gradient(125deg,var(--forest),#0e2c35); }
.status-conclusion b { display:block; margin-bottom:6px; color:#ffe7a3; font-size:13px; text-transform:uppercase; letter-spacing:.05em; }
.status-conclusion p { margin:0; font:12px/1.48 Georgia,serif; }
@media (max-width:760px) {
.ellel-grid { grid-template-columns:1fr; }
.status-table { grid-template-columns:92px 1fr 1fr; }
.status-table > div { padding:9px 8px; font-size:9px; }
}
@media print {
.ellel-card p,.status-table > div { font-size:7.2pt; }
.ellel-card b,.status-table .status-head { font-size:8pt; }
.status-conclusion p { font-size:8pt; }
}
.timeline-bridge{width:min(100%,1000px);margin:0 auto 14px;color:#3a3f49;
font:italic 16.5px/1.6 Georgia,serif;text-wrap:pretty}
.tb-type{position:relative}
.tb-type .tb-ghost{visibility:hidden}
.tb-type .tb-live{position:absolute;left:0;top:0;right:0}
.tb-caret{display:none;width:2px;height:1em;margin-left:2px;vertical-align:-.12em;
background:currentColor;opacity:.75}
.tb-type.is-typing .tb-caret{display:inline-block;animation:tbBlink 1s steps(1,end) infinite}
@keyframes tbBlink{0%,49%{opacity:.75}50%,100%{opacity:0}}
@media (prefers-reduced-motion:reduce){.tb-type .tb-live{position:static}
.tb-type .tb-ghost{display:none}.tb-caret{display:none!important}}
.paul-map-inline{margin:16px 0 4px;padding:0;background:none;border:0;box-shadow:none}
.paul-map-inline figure{margin:0}
.paul-map-inline img{width:100%;height:auto;border:1px solid #ddd5ca;border-radius:9px;
box-shadow:0 6px 18px rgba(68,55,40,.10)}
.paul-map-inline figcaption{margin-top:9px;color:#5c5650;font-size:13px;line-height:1.5}
/* Fiche « Pourquoi peut-on s'y perdre ? » (version web). */
.pieges{width:min(100%,1000px);margin:18px auto 0;padding:20px 22px 18px;
border:1px solid #ddd5ca;border-left:5px solid #b68b27;border-radius:10px;
background:linear-gradient(135deg,#fbfaf7 0%,#f6f2eb 70%,#f2ece3 100%)}
.pieges h3{margin:0;color:#292522;font:800 18px/1.3 Arial,Helvetica,sans-serif}
.pieges p.pieges-lead{margin:7px 0 15px;color:#4a4540;font:15px/1.6 Georgia,serif;text-wrap:pretty}
.pieges ol{margin:0;padding:0;list-style:none;display:grid;gap:11px}
.pieges li{position:relative;padding:12px 15px 11px 46px;border:1px solid #e2dace;border-radius:8px;
background:rgba(255,255,255,.72);color:#41464f;font:14.5px/1.6 Georgia,serif;text-wrap:pretty}
.pieges li::before{counter-increment:piege;content:counter(piege);
position:absolute;left:14px;top:12px;width:21px;height:21px;border-radius:50%;
display:grid;place-items:center;background:#b68b27;color:#fff;
font:800 12px/1 Arial,Helvetica,sans-serif}
.pieges ol{counter-reset:piege}
.pieges li b{color:#292522;font-weight:700}
.pieges p.pieges-close{margin:15px 0 0;padding-top:13px;border-top:1px solid #e2dace;
color:#5c5650;font:italic 15px/1.6 Georgia,serif}
@media (max-width:860px){ .pieges{padding:16px 15px 15px} .pieges li{padding:11px 13px 10px 42px} }
@media print{ .pieges{break-inside:avoid} }
/* Glossaire des mots (version web). */
.glossaire{width:min(100%,1000px);margin:18px auto 0;scroll-margin-top:84px}
.glo-banner{width:100%;display:flex;align-items:stretch;gap:0;overflow:hidden;padding:0;
cursor:pointer;text-align:left;border:0;border-radius:10px;color:#fff;
background:linear-gradient(135deg,#1f2a24 0%,#26332c 60%,#2f3a2f 100%);
box-shadow:0 6px 18px rgba(20,20,18,.14);transition:box-shadow .15s ease,transform .12s ease}
.glo-banner:hover,.glo-banner:focus-visible{outline:none;transform:translateY(-1px);box-shadow:0 10px 24px rgba(20,20,18,.2)}
.glo-banner-text{flex:0 1 auto;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:3px;padding:14px 18px}
.glo-banner-text span{font:800 17px/1.25 Arial,Helvetica,sans-serif}
.glo-banner-text small{color:#c6cdc4;font-size:12.5px}
.glo-banner-action{flex:1 1 auto;display:flex;align-items:center;justify-content:center;gap:9px;
padding:0 18px;border-left:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.07);
font:800 17px/1 Arial,Helvetica,sans-serif;letter-spacing:.11em;text-transform:uppercase;white-space:nowrap;
transition:background .15s ease}
.glo-banner:hover .glo-banner-action{background:rgba(255,255,255,.14)}
.glo-banner-action svg{width:21px;height:21px;transition:transform .18s ease}
.glo-banner[aria-expanded="false"] .glo-banner-action svg{transform:rotate(-90deg)}
#gloPanel[hidden]{display:none}
.glo-note{margin:14px 0 12px;color:#686872;font:13.5px/1.55 Georgia,serif}
.glo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin:0}
.glo-item{min-width:0;padding:12px 15px 11px;border:1px solid var(--line);
border-left:3px solid #4b6a55;border-radius:8px;background:#fff}
.glo-item dt{margin:0 0 4px;color:#20242c;font:800 14.5px/1.3 Arial,Helvetica,sans-serif}
.glo-item dd{margin:0;color:#41464f;font:14px/1.58 Georgia,serif;text-wrap:pretty}
@media (max-width:860px){
.glo-grid{grid-template-columns:1fr}
.glo-banner-text{padding:12px 14px}
.glo-banner-text span{font-size:15.5px}
.glo-banner-action{flex:0 0 auto;min-width:120px;padding:0 14px;font-size:14px;letter-spacing:.07em}
.glo-banner-action svg{width:17px;height:17px}
}
@media print{ #gloPanel{display:block !important} .glo-banner-action{display:none} }
/* Visionneuse plein écran des pages. */
.poster-frame img{cursor:zoom-in}
.loupe{
position:absolute;right:12px;bottom:12px;z-index:3;display:inline-flex;align-items:center;gap:6px;
padding:8px 12px;border:0;border-radius:999px;cursor:pointer;
color:#fff;background:rgba(20,20,20,.72);backdrop-filter:blur(4px);
font:700 12.5px/1 Arial,Helvetica,sans-serif;letter-spacing:.03em;
opacity:0;transition:opacity .15s ease,background .15s ease}
.poster-page:hover .loupe,.feuille-agrandissable:hover .loupe,.loupe:focus-visible{opacity:1}
.loupe:hover{background:rgba(20,20,20,.9)}
.loupe svg{width:15px;height:15px}
@media (hover:none){ .loupe{opacity:1} }
.visionneuse{
position:fixed;inset:0;z-index:100;display:none;
background:rgba(18,18,17,.94);overscroll-behavior:contain}
.visionneuse[open],.visionneuse.ouverte{display:block}
.visionneuse-zone{position:absolute;inset:0;overflow:auto;-webkit-overflow-scrolling:touch;
display:grid;place-items:center;padding:12px;touch-action:pinch-zoom}
.visionneuse img{display:block;max-width:100%;height:auto;border-radius:4px;
box-shadow:0 24px 60px rgba(0,0,0,.5);transition:none}
.visionneuse img.agrandi{max-width:none;width:var(--zw);cursor:zoom-out}
.visionneuse-zone:has(img.agrandi) .visionneuse-pile{max-width:none}
.visionneuse-barre{
position:absolute;left:0;right:0;top:0;z-index:2;display:flex;align-items:center;gap:12px;
padding:12px 14px;color:#fff;background:linear-gradient(rgba(0,0,0,.6),transparent)}
.visionneuse-titre{min-width:0;flex:1 1 auto;font:700 14px/1.3 Arial,Helvetica,sans-serif;
overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.visionneuse-barre button{
flex:0 0 auto;min-width:42px;height:38px;padding:0 12px;border:1px solid rgba(255,255,255,.35);
border-radius:8px;background:rgba(255,255,255,.1);color:#fff;cursor:pointer;
font:700 14px/1 Arial,Helvetica,sans-serif}
.visionneuse-barre button:hover{background:rgba(255,255,255,.22)}
.visionneuse-aide{position:absolute;left:0;right:0;bottom:0;padding:10px 14px 14px;
color:#d9d6d0;background:linear-gradient(transparent,rgba(0,0,0,.6));
font:12.5px/1.4 Arial,Helvetica,sans-serif;text-align:center}
.visionneuse-pile{display:flex;flex-direction:column;align-items:center;gap:14px;width:100%;max-width:1120px;margin:0 auto}
#visionneuseComplement{width:100%;padding:18px 20px;border-radius:10px;background:#fff;color:var(--ink);
box-shadow:0 18px 44px rgba(0,0,0,.4)}
#visionneuseComplement[hidden]{display:none}
/* les compléments sont dessinés pour se poser sur la page : on les remet à plat */
#visionneuseComplement .family-distinctions-overlay,
#visionneuseComplement .common-works-notes,
#visionneuseComplement .native-poster{margin:0 !important;border-radius:8px}
#visionneuseComplement .native-poster{width:100%;min-height:0;aspect-ratio:auto;box-shadow:none;padding:0}
#visionneuseComplement .verification-note{margin-top:14px}
#visionneuseComplement > *+*{margin-top:14px}
.feuille-agrandissable{position:relative}
.visionneuse img[hidden]{display:none}
.visionneuse.texte-seul .visionneuse-pile{max-width:900px;padding-top:66px}
.visionneuse.texte-seul #visionneuseComplement{padding:22px 24px}
.visionneuse.texte-seul #visionneuseComplement .native-poster{height:auto !important;font-size:1.06em}
.visionneuse-barre [hidden]{display:none}
body.visionneuse-active{overflow:hidden}
body.visionneuse-active .pager,body.visionneuse-active .topbar{display:none}
@media print{ .visionneuse,.loupe{display:none !important} }
/* v79 : un seul bouton « Agrandir », fixe, au-dessus des flèches de navigation ; les loupes au survol sont retirées */
/* v80 : le bouton « Agrandir » de chaque page est toujours visible, calé juste au-dessus du folio (N / 43) en bas à droite */
.loupe { opacity:1; }
/* v81 : plus de curseur-loupe au survol des images — seul le bouton « Agrandir » ouvre la visionneuse */
.poster-frame img, .v52-cc-zone > img, .paul-map-inline img, .v72-code-couleur img { cursor:default !important; }
.poster-page.portrait .poster-frame .loupe { right:5.8%; bottom:4.6%; }
.poster-page.landscape .poster-frame .loupe { right:4.1%; bottom:6%; }
.poster-page .native-poster .loupe { right:22px; bottom:18px; }
.v72-code-couleur .loupe, .paul-map-inline .loupe { right:14px; bottom:14px; }
.v72-code-couleur figure { position:relative; }
.v72-code-couleur .loupe { bottom:calc(14px + 52px); }
.loupe-fixe { position:fixed; right:calc(18px + env(safe-area-inset-right,0px)); bottom:calc(18px + 58px + 10px + env(safe-area-inset-bottom,0px)); z-index:25; opacity:1; display:inline-flex; align-items:center; gap:6px; padding:9px 14px; border:1px solid #555; border-radius:999px; cursor:pointer; color:#fff; background:rgba(24,24,24,.94); box-shadow:0 10px 28px rgba(0,0,0,.25); font:700 12.5px/1 Arial,Helvetica,sans-serif; letter-spacing:.03em; transition:border-color .15s ease,transform .15s ease; }
.loupe-fixe svg { width:15px; height:15px; }
.loupe-fixe:hover, .loupe-fixe:focus-visible { outline:none; border-color:#e9b64a; transform:translateY(-1px); }
.loupe-fixe[hidden] { display:none; }
body.visionneuse-active .loupe-fixe { display:none; }
@media (max-width:760px) { .loupe-fixe { right:auto; left:50%; transform:translateX(-50%); bottom:calc(18px + 66px + 10px + env(safe-area-inset-bottom,0px)); } .loupe-fixe:hover { transform:translateX(-50%); } }
@media print { .loupe-fixe { display:none !important; } }
/* Références bibliques cliquables et bulle de lecture. */
.pn-refs button.ref-verset{
padding:7px 13px 7px 12px; border:1px solid #cbc2b7; border-radius:999px;
color:#49433e; background:rgba(255,255,255,.6); cursor:pointer;
font:700 13px/1 Arial,Helvetica,sans-serif; letter-spacing:.01em;
transition:background .13s ease,border-color .13s ease,transform .12s ease}
.pn-refs button.ref-verset::after{content:" ›"; color:#9b3941; font-weight:800}
.pn-refs button.ref-verset:hover,.pn-refs button.ref-verset:focus-visible{
outline:none; transform:translateY(-1px); border-color:#9b3941; background:#fff}
.pn-refs button.ref-verset[aria-expanded="true"]{border-color:#9b3941; background:#fff}
.bulle-verset{
position:absolute; z-index:60; width:min(470px,calc(100vw - 28px));
padding:16px 18px 14px; border:1px solid #ded4c3; border-left:4px solid #b68b27;
border-radius:10px; color:#302b27; background:#fffdf8;
box-shadow:0 18px 44px rgba(50,45,38,.22);
opacity:0; transform:translateY(-6px); pointer-events:none;
transition:opacity .16s ease,transform .16s ease}
.bulle-verset.ouverte{opacity:1; transform:none; pointer-events:auto}
.bulle-verset .bv-ref{
margin:0 0 7px; color:#9b3941; font:800 11.5px/1 Arial,Helvetica,sans-serif;
letter-spacing:.11em; text-transform:uppercase}
.bulle-verset .bv-texte{margin:0; font:italic 17px/1.5 Georgia,serif; text-wrap:pretty}
.bulle-verset .bv-pied{
display:flex; align-items:center; justify-content:space-between; gap:12px;
margin:11px 0 0; padding-top:9px; border-top:1px solid #ece3d3;
color:#7a7268; font:12px/1.4 Arial,Helvetica,sans-serif}
.bulle-verset .bv-pied a{color:#1d4ed8; text-decoration:none}
.bulle-verset .bv-pied a:hover{text-decoration:underline}
.bulle-verset .bv-vo{margin:10px 0 0; padding:9px 11px 8px; border-left:3px solid #2456d3; border-radius:6px; background:#f2f5fc; color:#22304d; font:15px/1.6 Georgia,'Times New Roman',serif; text-wrap:pretty;}
.bulle-verset .bv-vo[dir="rtl"]{border-left:0; border-right:3px solid #2456d3; font-size:16.5px;}
.bulle-verset .bv-strong{display:flex; flex-wrap:wrap; gap:6px; margin-top:8px;}
.bulle-verset .bv-mot{display:inline-flex; flex-direction:column; gap:1px; padding:6px 9px; border:1px solid #dbd2c2; border-radius:8px; background:#fff; font:11.5px/1.35 Arial,Helvetica,sans-serif; max-width:150px;}
.bulle-verset .bv-mot b{color:#1d4ed8; font-size:10px; letter-spacing:.06em;}
.bulle-verset .bv-mot .bv-orig{font:15px/1.25 Georgia,serif; color:#302b27;}
.bulle-verset .bv-mot em{color:#6d675c;}
.bulle-verset .bv-mot .bv-sens{color:#4a4540;}
.bulle-verset .bv-vo-src{margin:7px 0 0; color:#8a8375; font:italic 11px/1.3 Georgia,serif;}
/* v98 : références bibliques cliquables dans la prose et les fiches */
button.v97-vref{position:relative; display:inline; padding:0 1px; border:0; margin:0; background:none; color:#1d4ed8; font:inherit; font-weight:700; cursor:pointer; border-bottom:1px dotted currentColor; overflow:hidden;}
button.v97-vref:hover,button.v97-vref:focus-visible{outline:none; background:#eef2fd;}
.v52-fig-verset cite button.v97-vref{color:#9a7420; font-family:Arial,Helvetica,sans-serif; font-size:13px; letter-spacing:.04em; font-weight:700;}
.matthew-transition cite button.v97-vref{font:inherit; color:inherit;}
@media print{ .bulle-verset{display:none} }
/* Les trois réformateurs : texte d'introduction (version web). */
.reformateurs{width:min(100%,1000px);margin:0 auto 18px;padding:20px 22px 18px;
border:1px solid #c9d5ef;border-radius:10px;background:#fbfcfe}
.reformateurs .ref-title{margin:0 0 9px;color:#20242c;font:800 20px/1.25 Arial,Helvetica,sans-serif}
.reformateurs > p.ref-lead{margin:0 0 16px;color:#3a3f49;font:16px/1.62 Georgia,serif;text-wrap:pretty}
.reformateurs > p.ref-lead strong{color:#20242c}
.ref-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.ref-card{min-width:0;padding:15px 16px 14px;border:1px solid #dbe3f3;border-top:3px solid #2455cf;
border-radius:8px;background:#fff}
.ref-card h4{margin:0;color:#20242c;font:800 16px/1.25 Arial,Helvetica,sans-serif}
.ref-card .ref-meta{margin:3px 0 9px;color:#2455cf;font:700 11px/1.4 Arial,Helvetica,sans-serif;
letter-spacing:.07em;text-transform:uppercase}
.ref-card p{margin:0;color:#41464f;font:14.5px/1.6 Georgia,serif;text-wrap:pretty}
.ref-card .ref-heritage{margin-top:10px;padding-top:9px;border-top:1px dashed #d7dff0;
color:#263f7f;font:700 13px/1.45 Arial,Helvetica,sans-serif}
.reformateurs > p.ref-close{margin:16px 0 0;padding-top:14px;border-top:1px solid #dbe3f3;
color:#3a3f49;font:italic 700 17.5px/1.62 Georgia,serif;text-wrap:pretty}
@media (max-width:860px){ .ref-grid{grid-template-columns:1fr} .reformateurs{padding:16px 15px 15px}
.reformateurs > p.ref-close{font-size:16px} }
@media print{ .reformateurs{break-inside:avoid} }
/* La devise du dossier : encadré placé après les trois réformateurs. */
.devise{width:min(100%,1000px);margin:0 auto 20px;padding:20px 24px 18px;
border:1px solid #c9d5ef;border-left:5px solid #2455cf;border-radius:10px;
background:#fff;box-shadow:0 3px 14px rgba(36,85,207,.07)}
.devise > p{margin:0;color:#3a3f49;font:italic 700 17.5px/1.62 Georgia,serif;text-wrap:pretty}
.devise > p em{font-style:italic;color:#263f7f}
.devise-refs{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px;padding-top:13px;
border-top:1px dashed #d7dff0}
.devise-refs button.ref-verset{
padding:7px 13px;border:1px solid #c9d5ef;border-radius:999px;background:#f7f9fe;
color:#2455cf;font:700 12px/1 Arial,Helvetica,sans-serif;letter-spacing:.04em;cursor:pointer}
.devise-refs button.ref-verset::after{content:" ›";color:#2455cf;font-weight:800}
.devise-refs button.ref-verset:hover,.devise-refs button.ref-verset:focus-visible{
border-color:#2455cf;background:#eef3fd}
.devise-refs button.ref-verset[aria-expanded="true"]{border-color:#2455cf;background:#e4ecfc}
@media (max-width:860px){ .devise{padding:16px 16px 15px} .devise > p{font-size:16px} }
/* v65 : dans le fil des pages, la devise prend la largeur des pages paysage et se rapproche du mot de clôture */
@media print{ .devise{break-inside:avoid;box-shadow:none}
.devise-refs{display:none} }
/* v105 : la galerie illustrée latérale est l'unique sommaire. */
#sommaire{scroll-margin-top:84px}
.pieges p.v51-reperes-texte{font-size:16px;color:#302b27}
.pieges p.v51-reperes-cle{margin:0 0 18px;padding:10px 14px;border-left:3px solid #d08900;background:rgba(255,255,255,.55);border-radius:0 8px 8px 0;color:#43330d}
.pieges p.v51-reperes-cle b{color:#292522}
.pieges h3.v51-pieges-sous{margin:0;padding-top:16px;border-top:1px solid #e2dace}
/* v78 : la feuille du glossaire des sigles s’arrête à son contenu, sans blanc en bas */
.native-poster.portrait.v51-glossaire-sheet{min-height:0}
.v51-glossaire-sheet .v51-glossaire-pied{margin-top:18px !important}
.v51-glossaire-sheet h3{margin:6px 0 18px;font-size:clamp(26px,3.4vw,40px);letter-spacing:-.02em;color:#171717}
.v51-sigles{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:10px 34px}
.v51-sigle{margin:0}
.v51-sigle dt{display:inline;font-weight:800;color:#171717}
.v51-sigle dt::after{content:" — "}
.v51-sigle dd{display:inline;margin:0;font:16px/1.5 Georgia,serif;color:#2b2825}
.v51-methode-titre{margin:28px 0 10px;padding-top:18px;border-top:2px solid #171717;font-size:17px;letter-spacing:.08em;text-transform:uppercase;color:#171717}
.v51-glossaire-sheet p{margin:0 0 12px;font:16.5px/1.6 Georgia,serif;color:#2b2825}
.v51-glossaire-pied{margin-top:auto !important;padding-top:24px;color:#7b756e;font:12px Arial,Helvetica,sans-serif !important}
@media (max-width:640px){ .v51-sigles{grid-template-columns:1fr} }
/* Page 11 : distinctions entre les huit fils de couleur. */
.family-code-frame{position:relative;display:block;aspect-ratio:auto !important}
.family-code-frame > img{width:100%;height:auto;object-fit:contain}
.family-distinctions-overlay{
position:relative; z-index:4; left:auto; right:auto; top:auto; bottom:auto;
margin:-49% 5.2% 3.4%;
display:flex; flex-direction:column; padding:clamp(8px,1.65vw,20px);
border:1px solid #d8d5cf; border-top:clamp(4px,.62vw,7px) solid #171717;
border-radius:clamp(5px,.8vw,10px); color:#26231f;
background:linear-gradient(145deg,rgba(255,255,255,.985),rgba(246,243,237,.985));
box-shadow:0 10px 28px rgba(25,23,20,.10);
}
.family-distinctions-overlay .fdo-kicker{
margin:0; color:#66615a; font-size:clamp(6px,.82vw,10px); font-weight:900;
letter-spacing:.12em; text-transform:uppercase;
}
.family-distinctions-overlay h3{
margin:clamp(2px,.35vw,4px) 0 0; color:#171717;
font:900 clamp(12px,2vw,23px)/1.03 Arial,Helvetica,sans-serif; letter-spacing:-.025em;
}
.family-distinctions-overlay .fdo-lead{
margin:clamp(3px,.52vw,6px) 0 clamp(5px,.9vw,10px); color:#504c46;
font:clamp(7px,1.05vw,12px)/1.3 Georgia,serif;
}
.fdo-grid{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:clamp(4px,.72vw,8px); min-height:0}
.fdo-card{
min-width:0; padding:clamp(4px,.72vw,8px) clamp(5px,.85vw,10px);
border:1px solid #dedad3; border-left:clamp(3px,.52vw,6px) solid var(--family-color);
border-radius:clamp(4px,.6vw,7px); background:rgba(255,255,255,.92);
}
.fdo-card h4{
margin:0 0 clamp(1px,.25vw,3px); color:#1d1b19;
font:900 clamp(7.5px,1.15vw,13px)/1.12 Arial,Helvetica,sans-serif;
}
.fdo-card p{margin:0; color:#504c46; font:clamp(6.2px,.92vw,10.5px)/1.25 Arial,Helvetica,sans-serif}
.fdo-card strong{color:#292622}
.fdo-gray{--family-color:#7d8490}.fdo-blue{--family-color:#2456d3}
.fdo-teal{--family-color:#14857e}.fdo-brown{--family-color:#b85b00}
.fdo-purple{--family-color:#8b22d7}.fdo-red{--family-color:#e3262e}
.fdo-black{--family-color:#171717}.fdo-green{--family-color:#4b8610}
@media (max-width:420px){
.family-distinctions-overlay{margin:-47% 4.3% 3%;padding:7px}
.fdo-grid{gap:3px}.fdo-card{padding:3px 4px}.fdo-card p{line-height:1.2}
}
/* v103 : sur petit écran, les compléments textuels quittent les affiches et retrouvent une taille de lecture normale. */
@media (max-width:760px){
html{scroll-padding-bottom:100px}
body{padding-bottom:calc(100px + env(safe-area-inset-bottom,0px))}
.family-code-frame,.common-works-frame{display:block;aspect-ratio:auto !important;overflow:visible}
.family-code-frame > img,.common-works-frame > img{width:100%;height:auto;object-fit:contain}
.family-distinctions-overlay{position:relative;margin:14px 0 0;padding:18px;border-radius:10px}
.family-distinctions-overlay .fdo-kicker{font-size:11px;line-height:1.35}
.family-distinctions-overlay h3{font-size:22px;line-height:1.12}
.family-distinctions-overlay .fdo-lead{font-size:15px;line-height:1.48}
.fdo-grid{grid-template-columns:1fr;gap:8px}
.fdo-card{padding:10px 12px}
.fdo-card h4{font-size:15px;line-height:1.3}
.fdo-card p{font-size:14px;line-height:1.48}
.common-works-frame .common-works-notes{position:relative;inset:auto;margin:14px 0 0;padding:18px;border-radius:10px}
.common-works-notes .cwn-kicker{font-size:11px;line-height:1.35}
.common-works-notes h3{font-size:22px;line-height:1.12}
.common-works-notes .cwn-lead{max-width:none;font-size:15px;line-height:1.5}
.cwn-grid{grid-template-columns:1fr;gap:9px;margin-top:14px}
.cwn-card{padding:11px 12px}
.cwn-card b{font-size:15px;line-height:1.3}
.cwn-card p{font-size:14px;line-height:1.5}
.cwn-distinction{padding:12px 13px}
.cwn-distinction b{font-size:13px;line-height:1.35}
.cwn-distinction p{font-size:14px;line-height:1.5}
.cwn-questions{grid-template-columns:1fr;gap:7px;margin-top:14px}
.cwn-questions b{font-size:12px}
.cwn-questions span{padding:9px 10px;font-size:14px;line-height:1.4;text-align:left}
}
@media print{
.family-distinctions-overlay{display:flex !important;box-shadow:none}
}
/* ================= IMPRESSION — correctifs (v36) =================
1. format de papier par défaut : sans cette règle, les pages de texte
sortent au format par défaut du navigateur (Letter aux États-Unis) ;
2. le fantôme « Chargement de la page… » ne doit jamais atteindre le papier ;
3. pas de titre orphelin ni de fiche coupée en deux.
Les pages gardent leurs pages nommées (A4 paysage / portrait, marge 0).
Si votre imprimante rogne les bords des pages, remplacez les deux
« margin:0 » des @page ci-dessous par « margin:4mm ». */
@media print {
@page { size:A4 portrait; margin:12mm; }
html, body { -webkit-print-color-adjust:exact; print-color-adjust:exact; }
.poster-frame::before { display:none !important; content:none !important; }
.poster-frame img:not([src]) { display:none !important; }
.poster-page { break-inside:avoid; page-break-inside:avoid; }
/* Les pages font 1400x1981 px, soit 0,05 % de plus que le rapport A4 :
ce cheveu de dépassement suffisait à rejeter chaque page portrait
sur deux feuilles, donc une page blanche entre chaque. On plafonne la
hauteur juste sous la page (le rapport est conservé par le navigateur). */
.poster-frame img { display:block; margin:0 auto; break-inside:avoid; page-break-inside:avoid; }
.poster-page.portrait .poster-frame img { max-height:296mm; }
.poster-page.landscape .poster-frame img { max-height:209mm; }
.topbar, .pager, .visionneuse, .loupe, .notes-toggle, .notes-toggle-ligne,
h1, h2, h3, h4 { break-after:avoid; page-break-after:avoid; }
p, li, blockquote { orphans:3; widows:3; }
.glo-item, .ztf-event, .ztf-fact, .ztf-note, .ellel-card, .ref-card,
.cb-card, .cwn-card, .pn-step, .timeline-fathers-note, .misunderstanding-five,
.paul-map-panel, .timeline-intro-panel figure, .fathers-portraits figure {
break-inside:avoid; page-break-inside:avoid; }
table { break-inside:auto; }
thead { display:table-header-group; }
tr, figure { break-inside:avoid; page-break-inside:avoid; }
a { color:inherit; text-decoration:none; }
.ref-verset { border:1px solid #bbb; color:#333; background:#fff; }
/* Glossaire : replié à l'écran, il doit sortir entier sur le papier,
et en deux colonnes qui se coupent proprement — au lieu d'une grille
que le navigateur fragmente en demi-pages blanches. */
/* Une ligne de trop rejetait « la mission. » sur une feuille à elle seule. */
.contemporary-bridge { padding:10mm !important; }
.contemporary-bridge .cb-thread { margin-top:10px; font-size:10pt; }
#gloPanel[hidden] { display:block !important; }
.glo-banner { display:none !important; }
.glo-grid { display:block !important; columns:2; column-gap:9mm; }
.glo-item { break-inside:avoid; page-break-inside:avoid; margin:0 0 3.5mm; }
}
/* ================= IMPRESSION — correctifs (v39) ================= */
@media print {
main > :not(.promise-note):not(.timeline-intro-panel):not(.pages) { display:none !important; }
.promise-note,
.timeline-intro-panel {
display:block !important;
margin:0 !important;
box-shadow:none !important;
break-inside:auto !important;
page-break-inside:auto !important;
}
.promise-note { break-before:auto !important; page-break-before:auto !important; }
.timeline-intro-panel { break-before:page !important; page-break-before:always !important; }
.promise-note img,
.timeline-intro-panel img { max-width:100% !important; height:auto !important; }
.pages > :not(.poster-page) { display:none !important; }
.correction-appendix { display:none !important; }
.pages { gap:0 !important; }
.poster-page {
width:100% !important;
min-height:0 !important;
padding:0 !important;
overflow:hidden !important;
box-sizing:border-box !important;
break-before:page !important;
page-break-before:always !important;
break-after:page !important;
page-break-after:always !important;
}
.poster-frame,
.poster-frame.portrait,
.poster-frame.landscape {
display:block !important;
width:100% !important;
height:100% !important;
max-width:none !important;
max-height:none !important;
}
.poster-frame img {
width:100% !important;
height:100% !important;
max-width:100% !important;
object-fit:contain !important;
object-position:center !important;
}
.poster-page.portrait,
.poster-page.portrait .poster-frame { height:296mm !important; }
.poster-page.landscape,
.poster-page.landscape .poster-frame { height:209mm !important; }
.poster-page.portrait .poster-frame img { max-height:296mm !important; }
.poster-page.landscape .poster-frame img { max-height:209mm !important; }
.poster-page .native-poster,
.poster-page .five-misunderstandings-sheet {
width:100% !important;
height:100% !important;
min-height:0 !important;
max-height:100% !important;
box-sizing:border-box !important;
overflow:hidden !important;
}
}
/* ================= IMPRESSION — correctifs (v42) =================
Compatibilité maximale : aucune rotation CSS. Les documents paysage
restent horizontaux et sont réduits proportionnellement dans l'A4
portrait imposé par l'aperçu Windows. */
@media print {
@page { size:A4 portrait; margin:0; }
.hero {
display:block !important;
min-height:296mm !important;
box-sizing:border-box !important;
break-after:page !important;
page-break-after:always !important;
}
.promise-note { padding:12mm !important; }
.paul-map-panel {
display:block !important;
width:100% !important;
margin:0 !important;
padding:10mm !important;
box-sizing:border-box !important;
break-before:page !important;
page-break-before:always !important;
break-after:page !important;
page-break-after:always !important;
}
.paul-map-panel figure { margin:0 !important; }
.poster-page.landscape {
position:relative !important;
width:210mm !important;
height:296mm !important;
overflow:hidden !important;
}
.poster-page.landscape > .poster-frame,
.poster-page.landscape > .native-poster,
.poster-page.landscape > .five-misunderstandings-sheet {
position:static !important;
display:block !important;
width:210mm !important;
height:148mm !important;
min-height:0 !important;
max-height:148mm !important;
margin:0 !important;
transform:none !important;
overflow:hidden !important;
}
.poster-page.landscape > .poster-frame img {
display:block !important;
width:210mm !important;
height:auto !important;
max-width:210mm !important;
max-height:148mm !important;
margin:0 !important;
object-fit:contain !important;
object-position:top center !important;
transform:none !important;
}
.paul-map-panel {
min-height:296mm !important;
overflow:hidden !important;
}
.paul-map-panel img {
width:190mm !important;
height:auto !important;
max-width:190mm !important;
max-height:135mm !important;
object-fit:contain !important;
transform:none !important;
}
}
/* ===== v52 : fiches figures (précurseurs, réveil, Désert) ===== */
.v52-figure-sheet{--c:#6b7280;padding:clamp(26px,4.2vw,52px) clamp(26px,4.6vw,56px);gap:0;background:linear-gradient(160deg,#fff 0%,#fbfaf7 55%,#f3efe7 100%)}
.v52-figure-sheet::before{background:var(--c)}
.v52-fig-bandeau{display:inline-flex;align-items:center;gap:8px;margin:0 0 18px;padding:6px 12px 6px 9px;border-radius:999px;background:color-mix(in srgb,var(--c) 10%,#fff);color:var(--c);font:800 11.5px/1 Arial,Helvetica,sans-serif;letter-spacing:.14em;text-transform:uppercase;border:1px solid color-mix(in srgb,var(--c) 35%,#fff)}
.v52-fig-puce{width:9px;height:9px;border-radius:50%;background:var(--c)}
.v52-fig-tete{display:flex;align-items:center;gap:clamp(14px,2.4vw,26px);margin:0 0 20px}
.v52-fig-medaillon{flex:0 0 auto;width:clamp(84px,13vw,124px);height:clamp(84px,13vw,124px);border-radius:50%;object-fit:cover;border:4px solid var(--c);box-shadow:0 0 0 3px #fff,0 10px 26px rgba(0,0,0,.16)}
.v52-figure-sheet h3{margin:0;color:var(--c);font:900 clamp(28px,4.4vw,44px)/1.02 Arial,Helvetica,sans-serif;letter-spacing:-.03em}
.v52-fig-sous{margin:6px 0 0;font:17px/1.4 Georgia,serif;color:#5b564e}
.v52-fig-sous em{color:#2b2825}
.v52-fig-reperes{list-style:none;margin:0 0 18px;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.v52-fig-reperes li{display:flex;flex-direction:column;gap:4px;padding:10px 12px;border-radius:8px;background:#fff;border:1px solid #e6e1d7;border-top:3px solid var(--c)}
.v52-fig-reperes b{font:800 11px/1.2 Arial,Helvetica,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#7a746a}
.v52-fig-reperes span{font:15px/1.4 Georgia,serif;color:#1c1a17}
.v52-fig-recit{display:grid;gap:10px;margin:0 0 14px}
.v52-fig-recit p{margin:0;padding:12px 14px;border-radius:8px;background:color-mix(in srgb,var(--c) 6%,#fff);border-left:4px solid color-mix(in srgb,var(--c) 55%,#fff);font:16px/1.58 Georgia,serif;color:#26231f}
.v52-fig-pourquoi{margin:0 0 14px;padding:14px 16px;border-radius:8px;background:#fff;border:1px solid #e6e1d7;border-left:5px solid var(--c)}
.v52-fig-pourquoi h4{margin:0 0 6px;font:800 12.5px/1.2 Arial,Helvetica,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--c)}
.v52-fig-pourquoi p{margin:0;font:16px/1.55 Georgia,serif;color:#26231f}
.v52-fig-verset{margin:0 0 16px;padding:16px 18px 14px 22px;border-left:4px solid #e9b64a;border-radius:0 8px 8px 0;background:linear-gradient(135deg,rgba(255,250,240,.95),rgba(255,255,255,.7))}
.v52-fig-verset p{margin:0 0 8px;font:italic 18px/1.5 Georgia,serif;color:#1c1a17}
.v52-fig-verset cite{display:block;font:14px/1.45 Georgia,serif;font-style:normal;color:#6f6558}
.v52-fig-verset cite b{color:#9a7420;font-family:Arial,Helvetica,sans-serif;font-size:13px;letter-spacing:.04em}
.v52-fig-heritage{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 10px;padding-top:14px;border-top:1px solid #e6e1d7}
.v52-fig-heritage > span{font:800 11px/1 Arial,Helvetica,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#7a746a;margin-right:4px}
.v52-fig-heritage button{border:1px solid color-mix(in srgb,var(--c) 45%,#fff);border-radius:999px;background:#fff;color:#1c1a17;padding:8px 13px;font:600 13.5px/1.2 Arial,Helvetica,sans-serif;cursor:pointer;text-align:left;transition:background .2s ease,transform .2s ease,box-shadow .2s ease}
.v52-fig-heritage button span{color:var(--c);font-weight:800}
.v52-fig-heritage button:hover,.v52-fig-heritage button:focus-visible{outline:none;background:color-mix(in srgb,var(--c) 10%,#fff);transform:translateY(-1px);box-shadow:0 6px 16px rgba(0,0,0,.10)}
.v52-figure-sheet .v51-glossaire-pied{margin-top:auto}
@media (max-width:640px){.v52-fig-reperes{grid-template-columns:1fr}.v52-fig-tete{align-items:flex-start}.v52-figure-sheet h3{font-size:26px}.v52-fig-recit p,.v52-fig-pourquoi p{font-size:15px}}
@media print{.v52-figure-sheet{background:#fff;color:#171717}.v52-fig-heritage button{border-color:#bbb}.v52-fig-recit p{background:#f6f4f0}}
/* ===== v52 : les trois cartes « Comment lire » reprennent l'effet des pastilles de versets du héros ===== */
.v50-comment li a { position:relative; overflow:hidden; animation:v47-rise .6s cubic-bezier(.22,.61,.36,1) both; transition:border-color .2s ease,background .2s ease,box-shadow .25s ease,transform .25s cubic-bezier(.34,1.56,.64,1); }
.v50-comment li:nth-child(1) a { animation-delay:.6s; }
.v50-comment li:nth-child(2) a { animation-delay:.74s; }
.v50-comment li:nth-child(3) a { animation-delay:.88s; }
.v50-comment li a::before { content:""; position:absolute; top:0; left:-60%; width:40%; height:100%; background:linear-gradient(105deg,transparent,rgba(255,255,255,.16),transparent); transform:skewX(-20deg); pointer-events:none; transition:left .6s ease; z-index:0; }
.v50-comment li a:hover::before,.v50-comment li a:focus-visible::before { left:140%; }
.v50-comment li a:hover,.v50-comment li a:focus-visible { transform:translateY(-3px) scale(1.015); box-shadow:0 10px 26px rgba(233,182,74,.22); }
.v50-comment li a > * { position:relative; z-index:1; }
.v50-comment .v50-num { transition:background .2s ease,color .2s ease,transform .25s ease,box-shadow .25s ease; }
.v50-comment li a:hover .v50-num,.v50-comment li a:focus-visible .v50-num { background:#e9b64a; color:#1c1a17; transform:scale(1.08); box-shadow:0 0 0 4px rgba(233,182,74,.18); }
.v50-comment b::after { content:" \203a"; color:#e9b64a; font-weight:800; display:inline-block; margin-left:2px; transition:transform .2s ease; }
.v50-comment li a:hover b::after,.v50-comment li a:focus-visible b::after { transform:translateX(4px); }
.v50-comment li a .v47-ripple { position:absolute; z-index:0; border-radius:50%; background:rgba(233,182,74,.28); transform:scale(0); animation:v47-ripple .6s ease-out forwards; pointer-events:none; }
@media (prefers-reduced-motion:reduce) { .v50-comment li a { animation:none; transition:none; } .v50-comment li a::before,.v50-comment li a .v47-ripple { display:none; } .v50-comment li a:hover { transform:none; } }
@media print { .v50-comment li a { animation:none; box-shadow:none; } .v50-comment li a::before { display:none; } }
/* ===== v52 : portraits du code couleur cliquables → fiches familles ===== */
.v52-cc-zone{position:relative;display:block;line-height:0}
.v52-cc-zone > img{display:block;width:100%;height:auto}
.v52-cc-hotspots{position:absolute;left:0;top:0;width:100%;pointer-events:none;z-index:3;line-height:1.3}
.v52-cc-affiche{aspect-ratio:1400/1981}
.v52-hotspot{position:absolute;transform:translate(-50%,-50%);border-radius:50%;border:0;padding:0;margin:0;background:transparent;cursor:pointer;pointer-events:auto;font:inherit;color:inherit;
box-shadow:0 0 0 0 rgba(255,255,255,0),0 0 0 0 var(--c,#7a1e2c);transition:box-shadow .28s ease,transform .28s ease}
.v52-hotspot:hover,.v52-hotspot:focus-visible,.v52-hotspot.ouvert{outline:none;transform:translate(-50%,-50%) scale(1.05);box-shadow:0 0 0 3px #fff,0 0 0 6px var(--c,#7a1e2c),0 10px 24px rgba(0,0,0,.22)}
.v52-hotspot.v52-invite{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--c,#7a1e2c)}
.v52-hotspot .v52-etiquette{position:absolute;left:calc(100% + 12px);top:50%;transform:translateY(-50%) translateX(-4px);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .22s ease,transform .22s ease;
background:#1c1a17;color:#fff;font-size:12.5px;font-weight:600;letter-spacing:.01em;padding:6px 10px;border-radius:6px;box-shadow:0 6px 18px rgba(0,0,0,.25);border-left:3px solid var(--c,#7a1e2c)}
.v52-hotspot .v52-etiquette::after{content:"";position:absolute;right:100%;top:50%;margin-top:-5px;border:5px solid transparent;border-right-color:#1c1a17;margin-right:-1px}
.v52-hotspot.v52-droite .v52-etiquette{left:auto;right:calc(100% + 12px);transform:translateY(-50%) translateX(4px)}
.v52-hotspot.v52-droite .v52-etiquette::after{right:auto;left:100%;border-right-color:transparent;border-left-color:#1c1a17;margin-right:0;margin-left:-1px}
.v52-hotspot:hover .v52-etiquette,.v52-hotspot:focus-visible .v52-etiquette{opacity:1;transform:translateY(-50%) translateX(0)}
.v52-hotspot.ouvert .v52-etiquette{opacity:0}
.v52-cc-menu{position:absolute;pointer-events:auto;z-index:5;min-width:220px;background:#fff;color:#1c1a17;border:1px solid #d8d2c6;border-top:3px solid var(--c,#7a1e2c);border-radius:8px;box-shadow:0 14px 34px rgba(0,0,0,.22);padding:6px;transform:translate(0,-50%);animation:v52-menu-in .22s ease}
@keyframes v52-menu-in{from{opacity:0;transform:translate(-6px,-50%)}to{opacity:1;transform:translate(0,-50%)}}
.v52-cc-menu p{margin:4px 8px 6px;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#7a746a;font-weight:700}
.v52-cc-menu button{display:flex;align-items:baseline;justify-content:space-between;gap:12px;width:100%;text-align:left;border:0;background:transparent;padding:8px 9px;border-radius:5px;font:inherit;font-size:14px;color:#1c1a17;cursor:pointer}
.v52-cc-menu button:hover,.v52-cc-menu button:focus-visible{background:#f3eee4;outline:none}
.v52-cc-menu button small{color:#7a746a;font-size:11.5px;white-space:nowrap}
@media (max-width:640px){.v52-hotspot .v52-etiquette{display:none}
.v52-cc-menu{position:fixed !important;left:12px !important;right:12px !important;top:auto !important;bottom:calc(92px + env(safe-area-inset-bottom,0px)) !important;transform:none !important;min-width:0;z-index:30;animation:v52-menu-up .24s ease}
.v52-cc-menu button{font-size:14px;padding:11px 10px}}
@keyframes v52-menu-up{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.v52-galerie{inset:0;width:auto;height:auto}
.v52-spot-rect{position:absolute;pointer-events:auto;border:0;padding:0;margin:0;background:transparent;cursor:pointer;border-radius:10px;font:inherit;color:inherit;
box-shadow:inset 0 0 0 0 var(--c,#7a1e2c);transition:box-shadow .25s ease,background .25s ease}
.v52-spot-rect:hover,.v52-spot-rect:focus-visible,.v52-spot-rect.ouvert{outline:none;box-shadow:inset 0 0 0 3px var(--c,#7a1e2c),0 10px 26px rgba(0,0,0,.16);background:linear-gradient(to top,rgba(255,255,255,.55),rgba(255,255,255,0) 45%)}
.v52-spot-rect.v52-invite{box-shadow:inset 0 0 0 2px var(--c,#7a1e2c)}
.v52-spot-rect .v52-etiquette{position:absolute;left:50%;bottom:8px;top:auto;right:auto;transform:translateX(-50%) translateY(4px);white-space:normal;width:max-content;max-width:92%;text-align:center;pointer-events:none;opacity:0;transition:opacity .22s ease,transform .22s ease;
background:#1c1a17;color:#fff;font-size:12.5px;font-weight:600;padding:6px 10px;border-radius:6px;box-shadow:0 6px 18px rgba(0,0,0,.25);border-left:3px solid var(--c,#7a1e2c)}
.v52-spot-rect .v52-etiquette::after{display:none}
.v52-spot-rect:hover .v52-etiquette,.v52-spot-rect:focus-visible .v52-etiquette{opacity:1;transform:translateX(-50%) translateY(0)}
.v52-spot-rect.ouvert .v52-etiquette{opacity:0}
@media (max-width:640px){.v52-spot-rect .v52-etiquette{display:none}}
@media print{.v52-cc-hotspots{display:none !important}}
/* ===== v47 : animations et elegance du haut de page ===== */
.topbar { background:rgba(20,20,20,.86); -webkit-backdrop-filter:blur(14px) saturate(1.25); backdrop-filter:blur(14px) saturate(1.25); border-bottom:1px solid rgba(233,182,74,.38); box-shadow:0 2px 18px rgba(0,0,0,.28); }
.scroll-progress { position:absolute; left:0; right:0; bottom:-1px; height:2px; transform:scaleX(0); transform-origin:0 50%; background:linear-gradient(90deg,#e9b64a,#dc2626); pointer-events:none; }
.topbar { flex-wrap:wrap; }
.topbar button { position:relative; overflow:hidden; flex-shrink:0; transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease; }
.topbar button::before { content:""; position:absolute; top:0; left:-80%; width:55%; height:100%; background:linear-gradient(105deg,transparent,rgba(255,255,255,.26),transparent); transform:skewX(-20deg); pointer-events:none; transition:left .5s ease; }
.topbar button:hover::before,.topbar button:focus-visible::before { left:130%; }
.topbar button:hover,.topbar button:focus-visible { transform:translateY(-1.5px); border-color:#e9b64a; box-shadow:0 7px 18px rgba(0,0,0,.38); }
.topbar button.primary:hover,.topbar button.primary:focus-visible { border-color:#ff9b9b; }
.hero { position:relative; overflow:hidden; }
.hero > * { position:relative; z-index:1; }
@keyframes v47-rise { from { opacity:0; transform:translateY(16px); } to { opacity:1; transform:none; } }
.hero .eyebrow { animation:v47-rise .65s cubic-bezier(.22,.61,.36,1) both; }
.hero h1 { animation:v47-rise .7s .12s cubic-bezier(.22,.61,.36,1) both; }
.hero .hero-promesse { animation:v47-rise .7s .26s cubic-bezier(.22,.61,.36,1) both; }
.hero > p { animation:v47-rise .7s .4s cubic-bezier(.22,.61,.36,1) both; }
.hero > p.hero-note { animation-delay:.52s; }
.hero .hero-epigraphe::before { transform-origin:top; animation:v47-bar .7s .45s ease both; }
@keyframes v47-bar { from { transform:scaleY(0); } to { transform:scaleY(1); } }
.hero .ref-verset { position:relative; overflow:hidden; animation:v47-rise .55s ease both; transition:background .15s ease,border-color .15s ease,box-shadow .2s ease,transform .22s cubic-bezier(.34,1.56,.64,1); }
.hero .ref-verset:nth-child(1) { animation-delay:.55s; }
.hero .ref-verset:nth-child(2) { animation-delay:.68s; }
.hero .ref-verset:nth-child(3) { animation-delay:.81s; }
.hero .ref-verset:hover,.hero .ref-verset:focus-visible { transform:translateY(-2px) scale(1.045); box-shadow:0 7px 20px rgba(233,182,74,.28); }
.ref-verset::after { display:inline-block; margin-left:4px; transition:transform .2s ease; }
.ref-verset:hover::after,.ref-verset:focus-visible::after { transform:translateX(3px); }
.ref-verset { position:relative; overflow:hidden; }
.hero-refs { align-items:stretch; }
.ref-verset::before { content:""; position:absolute; top:0; left:-80%; width:55%; height:100%; background:linear-gradient(105deg,transparent,rgba(255,255,255,.3),transparent); transform:skewX(-20deg); pointer-events:none; transition:left .5s ease; }
.ref-verset:hover::before,.ref-verset:focus-visible::before { left:130%; }
.ref-verset .v47-ripple { position:absolute; border-radius:50%; background:rgba(233,182,74,.4); transform:scale(0); animation:v47-ripple .55s ease-out forwards; pointer-events:none; }
@keyframes v47-ripple { to { transform:scale(2.8); opacity:0; } }
@media (prefers-reduced-motion:reduce) {
.hero .eyebrow,.hero h1,.hero .hero-promesse,.hero > p,.hero .hero-epigraphe::before,.hero .ref-verset { animation:none; }
.topbar button,.hero .ref-verset,.ref-verset::after { transition:none; }
.ref-verset::before { display:none; }
.ref-verset .v47-ripple { display:none; }
}
/* v47 : ascenseur chronologique de la frise */
.frise-rail { position:fixed; right:8px; top:50%; transform:translateY(-50%); height:min(68vh,620px); width:64px; z-index:24; opacity:0; pointer-events:none; transition:opacity .35s ease; font-family:Arial,Helvetica,sans-serif; }
.frise-rail.visible { opacity:1; pointer-events:auto; }
.frise-rail .rail-track { position:absolute; right:26px; top:0; bottom:0; width:3px; border-radius:3px; background:linear-gradient(180deg,#6b7280 0%,#2456d3 34%,#7c3aed 55%,#dc2626 76%,#3f7d2c 100%); opacity:.85; cursor:pointer; }
.frise-rail .rail-tick { position:absolute; right:24px; width:7px; height:1px; background:#8a8375; pointer-events:none; }
.frise-rail .rail-label { position:absolute; right:34px; transform:translateY(-50%); color:#6d675c; font-size:9px; line-height:1; pointer-events:none; }
.frise-rail .rail-cursor { position:absolute; right:21px; width:13px; height:13px; transform:translateY(-50%); border:2px solid #fff; border-radius:50%; background:#e9b64a; box-shadow:0 1px 6px rgba(0,0,0,.4); pointer-events:none; transition:top .08s linear; }
.frise-rail .rail-year { position:absolute; right:0; transform:translateY(-50%); min-width:38px; padding:3px 6px; border-radius:6px; color:#fff; background:rgba(24,24,24,.92); font-size:11px; font-weight:700; text-align:center; pointer-events:none; box-shadow:0 2px 8px rgba(0,0,0,.3); transition:top .08s linear; }
@media (max-width:1150px), (max-height:560px) { .frise-rail { display:none; } }
@media print { .frise-rail { display:none !important; } }
/* v49 : tracé progressif des itinéraires de Paul (overlay SVG sur la carte) */
.v47-map-scroll { display:block; position:relative; }
.v49-routes { position:absolute; inset:0; width:100%; height:100%; pointer-events:none; overflow:visible; opacity:0; transition:opacity .5s ease; }
.v49-routes.v49-on { opacity:1; }
.v49-routes .v49-glow { fill:none; stroke-linecap:round; stroke-linejoin:round; stroke-width:11; opacity:.28; filter:blur(3px); }
.v49-routes .v49-line { fill:none; stroke-linecap:round; stroke-linejoin:round; stroke-width:4.5; opacity:.95; }
.v49-routes .v49-glow,.v49-routes .v49-line { stroke-dasharray:1; stroke-dashoffset:1; }
.v49-routes.v49-on .v49-glow,.v49-routes.v49-on .v49-line { animation:v49-draw var(--d,2.4s) var(--t,0s) cubic-bezier(.4,.05,.3,1) forwards; }
.v49-routes .v49-city { fill:#fff; stroke:#2b2521; stroke-width:2.2; r:0; opacity:0; transform-box:fill-box; transform-origin:center; }
.v49-routes.v49-on .v49-city { animation:v49-pop .7s var(--t,0s) cubic-bezier(.2,1.4,.4,1) forwards; }
.v49-routes .v49-ping { fill:none; stroke-width:2.5; opacity:0; transform-box:fill-box; transform-origin:center; }
.v49-routes.v49-on .v49-ping { animation:v49-ping 1.4s var(--t,0s) ease-out forwards; }
.v49-routes .v49-dot { opacity:0; }
.v49-routes.v49-on .v49-dot { animation:v49-dot var(--d,2.4s) var(--t,0s) linear forwards; }
.v49-routes.v49-done .v49-glow { opacity:.12; transition:opacity 1.2s ease; }
.v49-routes.v49-done .v49-line { opacity:.55; transition:opacity 1.2s ease; }
@keyframes v49-draw { to { stroke-dashoffset:0; } }
@keyframes v49-pop { 0% { r:0; opacity:0; } 100% { r:6.5; opacity:1; } }
@keyframes v49-ping { 0% { r:6; opacity:.9; } 100% { r:34; opacity:0; } }
@keyframes v49-dot { 0% { opacity:0; } 6%,94% { opacity:1; } 100% { opacity:0; } }
.v49-map-status { display:flex; align-items:center; gap:10px; min-height:26px; margin:10px 2px 0; font:600 13px/1.3 Arial,Helvetica,sans-serif; color:#3c3631; }
.v49-map-status .v49-sw { flex:0 0 auto; width:26px; height:0; border-top:3px solid #888; border-radius:2px; transition:border-color .4s ease; }
.v49-map-status .v49-sw.v49-dash { border-top-style:dashed; }
.v49-map-status .v49-txt { flex:1 1 auto; transition:opacity .35s ease; }
.v49-map-status .v49-txt small { display:block; font-weight:400; color:#6a645c; font-size:12px; }
.v49-map-status .v49-txt.v49-fade { opacity:0; }
.v49-map-status .v49-replay { flex:0 0 auto; margin-left:auto; padding:5px 11px; border:1px solid #c9bfae; border-radius:999px; background:#fff; color:#4a4540; font:600 12px/1 Arial,Helvetica,sans-serif; cursor:pointer; opacity:0; visibility:hidden; transition:opacity .35s ease,border-color .15s ease,color .15s ease; }
.v49-map-status .v49-replay.v49-show { opacity:1; visibility:visible; }
.v49-map-status .v49-replay:hover,.v49-map-status .v49-replay:focus-visible { outline:none; border-color:#b68b27; color:#8a6a1a; }
@media (prefers-reduced-motion:reduce) { .v49-routes,.v49-map-status { display:none !important; } }
@media print { .v49-routes,.v49-map-status { display:none !important; } }
/* ===== v48 : animations canvas (frise, filiations, routes, convergence) ===== */
.v48-anim { width:min(100%,1120px); margin:26px auto; padding:24px 26px 20px; background:#fff; border:1px solid var(--line); border-radius:14px; box-shadow:0 14px 34px rgba(23,23,23,.08); font-family:Arial,Helvetica,sans-serif; }
.v48-anim .v48-kicker { display:block; color:#8a6a1f; font:700 11px/1.3 Arial,Helvetica,sans-serif; letter-spacing:.14em; text-transform:uppercase; }
.v48-anim h2 { margin:6px 0 8px; color:#171717; font:800 clamp(20px,2.6vw,28px)/1.2 Arial,Helvetica,sans-serif; letter-spacing:-.015em; }
.v48-anim .v48-lead { margin:0 0 14px; max-width:72ch; color:#3f3b33; font-size:14.5px; line-height:1.55; }
.v48-stage { position:relative; border:1px solid #eee3c8; border-radius:10px; background:#fdfbf5; overflow:hidden; }
.v48-stage canvas { display:block; width:100%; height:100%; }
.v48-frise-stage { height:clamp(300px,42vw,400px); }
.v48-routes-stage { height:clamp(300px,46vw,470px); }
.v48-chaines-stage { height:clamp(200px,32vw,250px); }
#filiations-animees { width:100%; }
.v48-bar { display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin-top:12px; }
.v48-bar button { padding:7px 14px; border:1px solid #d8cba4; border-radius:999px; background:#fff; color:#43330d; font:700 12.5px Arial,Helvetica,sans-serif; cursor:pointer; transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease; }
.v48-bar button:hover,.v48-bar button:focus-visible { border-color:#e9b64a; box-shadow:0 4px 12px rgba(233,182,74,.25); transform:translateY(-1px); }
.v48-bar button[aria-pressed="true"] { background:#171717; border-color:#171717; color:#fff; }
.v48-bar .v48-titre { color:#171717; font:700 13.5px Arial,Helvetica,sans-serif; }
.v48-note { margin:10px 2px 0; color:#8b8578; font-size:11.5px; }
.transition-sheet { position:relative; }
.transition-sheet > * { position:relative; z-index:1; }
/* v69 : le bouton « Agrandir » des fiches figures reste en bas à droite (la règle ci-dessus l’étirait) */
.transition-sheet > .loupe { position:absolute; z-index:3; }
.v48-converge { position:absolute; inset:0; z-index:0; pointer-events:none; }
canvas.scroll-progress { height:5px; transform:none; background:transparent; }
@media (prefers-reduced-motion:reduce) { .v48-bar [data-v48-replay] { display:none; } }
@media print { .v48-anim,.v48-converge { display:none !important; } }
/* ===== v131 : synthèse animée des origines, dans le langage visuel du site ===== */
.v131-origines-anim { width:100%; padding-bottom:22px; }
.v131-origines-shell { width:100%; }
.v131-origines-stage { position:relative; width:100%; aspect-ratio:16/9; overflow:hidden; border:1px solid #e4dccb; border-radius:10px; background:#f5f0e4; box-shadow:inset 0 0 0 1px rgba(255,255,255,.45); }
.v131-origines-stage iframe { display:block; width:100%; height:100%; border:0; background:#f5f0e4; }
.v131-origines-bar { justify-content:space-between; }
.v131-origines-bar .v48-note { margin:0; }
.v131-origines-fullscreen { display:inline-flex; align-items:center; gap:7px; }
.v131-origines-fullscreen::before { content:"↗"; font-size:14px; line-height:1; }
.v131-origines-mobile { display:none; margin:9px 2px 0; color:#766f62; font-size:12px; line-height:1.45; }
.v131-origines-anim .verification-note { margin-top:14px; }
.v131-origines-shell:fullscreen { box-sizing:border-box; display:flex; flex-direction:column; width:100vw; height:100vh; padding:12px; background:#f5f0e4; }
.v131-origines-shell:fullscreen .v131-origines-stage { flex:1; min-height:0; aspect-ratio:auto; border-radius:8px; }
.v131-origines-shell:fullscreen .v131-origines-bar { flex:none; margin:8px 0 0; }
@media (max-width:760px) {
.v131-origines-anim { padding:20px 14px 17px; }
.v131-origines-stage { border-radius:8px; }
.v131-origines-bar { align-items:flex-start; }
.v131-origines-bar .v48-note { width:100%; }
.v131-origines-mobile { display:block; }
}
@media (prefers-reduced-motion:reduce) {
.v131-origines-bar .v48-note::after { content:" Une vue d’ensemble fixe est affichée par défaut."; }
}
@media print { .v131-origines-anim { display:none !important; } }
@media print { .scroll-progress { display:none !important; } button.ref-verset-sombre { color:#171717 !important; background:none !important; border-color:#bbb !important; } .v47-map-scroll,.v47-map-scroll img { animation:none !important; clip-path:none !important; opacity:1 !important; transform:none !important; } .v47-map-scroll::after,.v47-map-scroll::before { display:none !important; } }
/* ===== v50 : avant-propos (pourquoi / comment lire) + formulaire de contact ===== */
.v50-avant-propos { display:grid; grid-template-columns:minmax(0,1.45fr) minmax(0,1fr); gap:22px; max-width:1180px; margin:8px 0 30px; animation:v47-rise .7s .4s cubic-bezier(.22,.61,.36,1) both; }
.v50-bloc { border:1px solid rgba(233,182,74,.32); border-radius:14px; background:rgba(255,255,255,.055); backdrop-filter:blur(6px); padding:24px 28px 26px; }
.v50-bloc h2 { margin:0 0 14px; color:#e9b64a; font:800 12px/1 Arial,Helvetica,sans-serif; letter-spacing:.16em; text-transform:uppercase; }
.v50-bloc h2 span { display:block; margin-top:8px; color:#fff; font:700 clamp(20px,2.2vw,26px)/1.15 Georgia,serif; letter-spacing:-.02em; text-transform:none; }
.hero .v50-bloc p { max-width:none; margin:0 0 12px; color:#ece7dd; font:17px/1.6 Georgia,serif; }
.hero .v50-bloc p:last-child { margin-bottom:0; }
.v50-pourquoi p:first-of-type::first-letter { float:left; margin:6px 10px 0 0; color:#e9b64a; font:700 54px/0.82 Georgia,serif; }
.hero .v50-pourquoi .v50-exergue { margin:16px 0; padding:10px 0 10px 18px; border-left:3px solid #e9b64a; color:#fff; font:italic 20px/1.4 Georgia,serif; }
.hero .v50-pourquoi .v50-ps { margin-top:16px; padding-top:14px; border-top:1px solid rgba(233,182,74,.28); color:#cfc8bb; font-size:15px; }
.v50-pourquoi .v50-ps a { color:#e9b64a; text-decoration:underline; text-underline-offset:3px; }
.v50-avant-propos > .v50-comment { align-self:center; height:auto; }
.v50-comment ol { list-style:none; margin:0; padding:0; display:grid; gap:10px; }
#frise-animee { scroll-margin-top:84px; }
.v50-comment li a { display:grid; grid-template-columns:38px 1fr; gap:12px; align-items:start; padding:12px 14px; border:1px solid rgba(255,255,255,.12); border-radius:10px; color:inherit; text-decoration:none; background:rgba(0,0,0,.18); transition:border-color .2s ease,transform .22s ease,background .2s ease; }
.v50-comment li a:hover,.v50-comment li a:focus-visible { border-color:#e9b64a; background:rgba(233,182,74,.1); transform:translateY(-2px); outline:none; }
.v50-comment .v50-num { display:grid; place-items:center; width:38px; height:38px; border-radius:50%; border:1px solid #e9b64a; color:#e9b64a; font:700 16px Georgia,serif; }
.v50-comment b { display:block; color:#fff; font:700 16px/1.2 Georgia,serif; margin-bottom:3px; }
.v50-comment small { display:block; color:#cfc8bb; font:14px/1.45 Georgia,serif; }
.hero .v50-comment .v50-fin { margin:14px 0 0; color:#cfc8bb; font-size:15px; }
@media (max-width:880px) { .v50-avant-propos { grid-template-columns:1fr; } }
@media print { .v50-avant-propos { display:block; } .v50-bloc { break-inside:avoid; background:none; border-color:#bbb; } .v50-comment li a { background:none; border-color:#ccc; } }
.promise-note .v50-fil { margin:6px 0 18px; max-width:78ch; color:#3d3733; font:17px/1.6 Georgia,serif; }
.promise-note .v50-fil strong em { font-style:italic; font-weight:700; color:#7c2f38; }
.v50-contact { width:min(100%,980px); margin:46px auto 22px; padding:32px 34px 30px; border:1px solid #e0b04b; border-left:6px solid #d08900; border-radius:12px; color:#302b27; background:linear-gradient(135deg,#fffbf0 0%,#fbf4e2 60%,#f6ecd6 100%); box-shadow:0 10px 28px rgba(50,45,38,.08); }
.v50-contact .v50-kicker { margin:0 0 6px; color:#9b6b10; font-size:12px; font-weight:900; letter-spacing:.14em; text-transform:uppercase; }
.v50-contact h2 { margin:0 0 10px; color:#292522; font:700 clamp(22px,2.6vw,30px)/1.1 Georgia,serif; letter-spacing:-.02em; }
.v50-contact > p { margin:0 0 20px; max-width:720px; font:17px/1.55 Georgia,serif; color:#43381f; }
.v50-form { display:grid; grid-template-columns:1fr 1fr; gap:14px 16px; }
.v50-form label { display:grid; gap:6px; font-size:13px; font-weight:800; letter-spacing:.02em; color:#5a4a1e; }
.v50-form label.v50-wide { grid-column:1 / -1; }
.v50-form input,.v50-form select,.v50-form textarea { width:100%; padding:11px 13px; border:1px solid #d9c59a; border-radius:8px; background:#fff; color:#171717; font:16px/1.4 Georgia,serif; transition:border-color .15s ease,box-shadow .15s ease; }
.v50-form textarea { min-height:150px; resize:vertical; }
.v50-form input:focus,.v50-form select:focus,.v50-form textarea:focus { outline:none; border-color:#d08900; box-shadow:0 0 0 3px rgba(208,137,0,.18); }
.v50-form .v50-actions { grid-column:1 / -1; display:flex; flex-wrap:wrap; align-items:center; gap:14px; margin-top:4px; }
.v50-form button { min-height:46px; padding:11px 26px; border:1px solid #b4780a; border-radius:9px; background:linear-gradient(180deg,#e9b64a,#d08900); color:#2a1f06; font:700 16px Arial,Helvetica,sans-serif; cursor:pointer; box-shadow:0 4px 12px rgba(208,137,0,.25); transition:transform .18s ease,box-shadow .18s ease; }
.v50-form button:hover,.v50-form button:focus-visible { transform:translateY(-1px); box-shadow:0 8px 18px rgba(208,137,0,.32); outline:none; }
.v50-form button[disabled] { opacity:.65; cursor:wait; transform:none; }
.v50-form .v50-hint { margin:0; color:#7a6a3e; font-size:13px; }
.v50-form .v50-honey { position:absolute !important; left:-9999px !important; width:1px; height:1px; overflow:hidden; }
.v50-status { margin:16px 0 0; padding:14px 16px; border-radius:9px; font:16px/1.5 Georgia,serif; }
.v50-status[hidden] { display:none; }
.v50-status.ok { background:#e9f6e4; border:1px solid #8fc27a; color:#1f4d14; }
.v50-status.err { background:#fbe7e4; border:1px solid #e09a90; color:#6b1d12; }
@media (max-width:640px) { .v50-contact { padding:24px 18px; } .v50-form { grid-template-columns:1fr; } }
@media print { .v50-contact { display:none !important; } }
/* v83 - renvoi vers le parcours Trinite (site jumeau) */
.topbar .v83-tri-btn { display:inline-flex; align-items:center; min-height:38px; padding:6px 12px; border:1px solid rgba(233,182,74,.55); border-radius:7px; color:#fff; background:#2b2412; text-decoration:none; white-space:nowrap; }
.v83-tri-txt b { display:block; font:700 14px/1.15 Arial,Helvetica,sans-serif; }
.v83-tri-txt small { display:block; margin-top:2px; color:#e6cf9d; font:400 10.5px/1.2 Arial,Helvetica,sans-serif; }
.topbar .v83-tri-btn:hover,.topbar .v83-tri-btn:focus-visible { border-color:#e9b64a; outline:none; }
.v83-dot { width:8px; height:8px; margin-right:8px; border-radius:50%; background:#e9b64a; box-shadow:0 0 0 0 rgba(233,182,74,.55); animation:v83-pulse 2.6s ease-out infinite; }
@keyframes v83-pulse { 0% { box-shadow:0 0 0 0 rgba(233,182,74,.55); } 70% { box-shadow:0 0 0 7px rgba(233,182,74,0); } 100% { box-shadow:0 0 0 0 rgba(233,182,74,0); } }
@media (prefers-reduced-motion:reduce) { .v83-dot { animation:none; } }
.v83-sr { position:absolute !important; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; border:0; }
.v85-parcours { display:flex; align-items:center; gap:12px; margin-right:auto; }
.v85-parcours-lab { margin:0; padding-right:12px; border-right:1px solid rgba(233,182,74,.32); text-align:right; }
.v85-parcours-lab b { display:block; color:#e9b64a; font:800 10px/1.2 Arial,Helvetica,sans-serif; letter-spacing:.14em; text-transform:uppercase; }
.v85-parcours-lab small { display:block; margin-top:3px; color:#cfcfd5; font:400 11px/1.25 Arial,Helvetica,sans-serif; }
@media (max-width:900px) { .v85-parcours-lab { display:none; } }
@media (max-width:620px) { .topbar button { flex:1 1 auto; min-width:max-content; } .topbar .v83-tri-btn { flex:1 1 100%; } .v85-parcours { width:100%; margin-right:0; } }
@media print { .v83-tri-btn { display:none !important; } }
/* v101 — titres en Playfair Display, la police du site compagnon Trinité */
h1,h2,h3,h4{font-family:'Playfair Display',Didot,'Bodoni MT',Georgia,'Times New Roman',serif !important;font-weight:700 !important}
h1{letter-spacing:-.015em !important}
h2,h3{letter-spacing:-.008em !important}
.v88-subtitle{font-family:'Playfair Display',Didot,Georgia,serif !important;font-style:italic}
/* v124 — contraste des textes secondaires porté au seuil WCAG AA (4,5:1 sur blanc) :
#8a847c → #7b756e (lignes de source, folios, repères en marge, pieds de planche),
#9b6f20 → #996e20 (folio de l'en-tête), #81776a → #7d7367 (libellés des étapes p.10).
Écarts imperceptibles à l'œil, mais 133 éléments repassent au-dessus du seuil. */
/* v87-alternative-design */
:root{--v87-night:#090b0d;--v87-ink:#f6f0e5;--v87-gold:#e2ad42;--v87-line:rgba(226,173,66,.42)}
body{background:#f4f0e9}
.topbar,.hero{display:none!important}
.v87-cover{width:100%;overflow:hidden;background:#eee5d7;border-bottom:1px solid #d7c3a2}
.v87-cover-stage{position:relative;width:min(100%,1920px);aspect-ratio:1672/941;margin:0 auto;overflow:hidden;box-shadow:0 0 70px rgba(0,0,0,.5)}
.v87-cover img{display:block;width:100%;height:100%;min-height:0;object-fit:contain;object-position:center}
.v87-cover-link{position:absolute;z-index:3;border-radius:10px;color:transparent;background:transparent;text-decoration:none;outline-offset:4px}
.v87-cover-link:hover,.v87-cover-link:focus-visible{outline:2px solid var(--v87-gold);background:rgba(226,173,66,.09)}
.v87-cover-link span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.v87-sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.v87-link-trinite{left:20%;top:.8%;width:14%;height:6.7%}
.v87-link-sommaire{left:76.5%;top:1%;width:7.5%;height:5%}
.v87-link-glossaire{left:84.5%;top:1%;width:7%;height:5%}
.v87-link-premiere{left:92%;top:1%;width:7%;height:5%}
.v87-link-commencer{left:5%;top:66%;width:17.2%;height:6.2%}
.v87-link-frise{left:23.8%;top:66%;width:13%;height:6.2%}
.v87-link-temps{left:10.7%;top:76.3%;width:25.5%;height:10.5%}
.v87-link-famille{left:37.2%;top:76.3%;width:25.3%;height:10.5%}
.v87-link-outils{left:63.6%;top:76.3%;width:25.5%;height:10.5%}
.v87-mobile-actions{display:none;padding:18px;background:#0d0e10}
.v87-mobile-actions a{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:8px 0;padding:14px 16px;border:1px solid var(--v87-line);border-radius:9px;color:var(--v87-ink);text-decoration:none;background:#171717}
.v87-mobile-actions a:first-child{color:#17130f;background:linear-gradient(135deg,#f3c45d,#dea333);font-weight:800}
@media(max-width:720px){
.v87-cover-stage{width:100%;aspect-ratio:1672/941}
.v87-cover img{width:100%;height:100%;min-height:0;object-fit:contain}
.v87-cover-link{display:none}
.v87-mobile-actions{display:block}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media print{.v87-cover,.v87-mobile-actions{display:none!important}}
/* v87 — le dossier devient un parcours web, guidé par une galerie illustrée. */
.v87-layout{width:min(1560px,calc(100% - 32px));margin:32px auto 0;display:grid;grid-template-columns:280px minmax(0,1fr);gap:34px;align-items:start}
.v87-layout>main{width:100%;min-width:0;margin:0}
.v87-rail{position:sticky;top:18px;max-height:calc(100vh - 36px);overflow:auto;padding:18px;border:1px solid #d8c6aa;border-radius:18px;color:#312a23;background:linear-gradient(160deg,#fffdf8,#f5ecdf);box-shadow:0 20px 48px rgba(72,52,26,.13);scrollbar-width:thin;scrollbar-color:#b98931 transparent}
.v87-rail-eyebrow{margin:0;color:#a66f12;font-size:10px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}
.v87-rail h2{margin:7px 0 7px;font:800 24px/1.05 Arial,Helvetica,sans-serif;letter-spacing:-.035em}
.v87-rail-intro{margin:0 0 16px;color:#65594c;font:13px/1.5 Georgia,serif}
.v87-rail-list{display:grid;gap:12px}
.v87-rail-card{position:relative;display:block;min-height:118px;overflow:hidden;border:1px solid #cdb78f;border-radius:12px;color:#30281f;text-decoration:none;background:#e9dfcf;isolation:isolate}
.v87-rail-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.72) contrast(.96) brightness(.94);transition:transform .35s ease,filter .35s ease}
.v87-rail-card::after{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(180deg,rgba(255,252,246,.02) 5%,rgba(246,237,222,.18) 38%,rgba(241,231,214,.94) 100%)}
.v87-rail-card span{position:absolute;z-index:2;left:13px;right:13px;bottom:12px}
.v87-rail-card b,.v87-rail-card small{display:block}
.v87-rail-card b{font-size:14px;line-height:1.18;color:#2f271f;text-shadow:0 1px 0 rgba(255,255,255,.72)}
.v87-rail-card small{margin-top:4px;color:#795514;font:11px/1.25 Georgia,serif;text-shadow:0 1px 0 rgba(255,255,255,.75)}
.v87-rail-card:hover img,.v87-rail-card:focus-visible img{transform:scale(1.045);filter:saturate(.82) contrast(1) brightness(1)}
.v87-rail-card:hover,.v87-rail-card:focus-visible{border-color:#b77e14;outline:none;box-shadow:0 0 0 2px rgba(183,126,20,.14),0 10px 24px rgba(88,62,25,.12)}
/* v100 — vignettes « Choisir une entrée » : médaillons, fils et carte */
.v87-rail-card.v100-fond{background:linear-gradient(165deg,#fffdf8,#f2e7d4)}
.v87-rail-card .v100-motif{position:absolute;z-index:0;inset:0 0 36px 0;display:flex;align-items:center;justify-content:center;gap:12px}
.v87-rail-card .v100-arc{position:absolute;left:6px;right:6px;top:10px;width:calc(100% - 12px);height:50px}
.v87-rail-card .v100-fils{position:absolute;left:10px;right:10px;top:8px;width:calc(100% - 20px);height:calc(100% - 14px)}
.v100-jalon{position:relative;display:flex;flex-direction:column;align-items:center;gap:3px}
.v100-jalon i{font:11px/1 Georgia,serif;font-style:normal;color:#795514;text-shadow:0 1px 0 rgba(255,255,255,.7)}
.v100-haut{transform:translateY(-7px)}
.v87-rail-card .v100-motif img{position:relative;inset:auto;width:42px;height:42px;flex:none;border-radius:50%;object-fit:cover;border:2px solid #b98931;background:#fff;box-shadow:0 3px 8px rgba(72,52,26,.26);filter:saturate(.9);transition:transform .3s ease}
.v87-rail-card .v100-motif img.v100-med-g{width:54px;height:54px}
.v100-chev{gap:0}
.v100-chev img{margin:0 -8px}
.v100-chev img.v100-med-g{z-index:2}
.v87-rail-card:hover .v100-motif img,.v87-rail-card:focus-visible .v100-motif img{transform:translateY(-3px) scale(1.05);filter:saturate(1)}
.v87-rail-card:hover .v100-motif > img:nth-of-type(2),.v87-rail-card:hover .v100-jalon:nth-of-type(2) img{transition-delay:.06s}
.v87-rail-card:hover .v100-motif > img:nth-of-type(3),.v87-rail-card:hover .v100-jalon:nth-of-type(3) img{transition-delay:.12s}
.v87-rail-card:hover .v100-haut{transform:translateY(-7px)}
.v100-trace{stroke-dasharray:1;stroke-dashoffset:0}
.v87-rail-card:hover .v100-trace,.v87-rail-card:focus-visible .v100-trace{animation:v100draw .9s ease both}
.v87-rail-card:hover .v100-fils .v100-trace:nth-of-type(2){animation-delay:.05s}
.v87-rail-card:hover .v100-fils .v100-trace:nth-of-type(3){animation-delay:.1s}
.v87-rail-card:hover .v100-fils .v100-trace:nth-of-type(4){animation-delay:.15s}
.v87-rail-card:hover .v100-fils .v100-trace:nth-of-type(5){animation-delay:.2s}
.v87-rail-card:hover .v100-fils .v100-trace:nth-of-type(6){animation-delay:.25s}
.v87-rail-card:hover .v100-fils .v100-trace:nth-of-type(7){animation-delay:.3s}
.v87-rail-card:hover .v100-fils .v100-trace:nth-of-type(8){animation-delay:.35s}
@keyframes v100draw{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
@media (prefers-reduced-motion:reduce){
.v87-rail-card:hover .v100-trace,.v87-rail-card:focus-visible .v100-trace{animation:none}
.v87-rail-card:hover .v100-motif img,.v87-rail-card:focus-visible .v100-motif img{transform:none;transition:none}
}
.v87-rail-links{display:flex;gap:8px;margin-top:14px}
.v87-rail-links a{flex:1;padding:9px 7px;border:1px solid #d4c2a6;border-radius:8px;color:#4b4035;text-align:center;text-decoration:none;font-size:11px;font-weight:800;background:rgba(255,255,255,.62)}
.v87-rail-links a:hover,.v87-rail-links a:focus-visible{border-color:#b77e14;color:#7a5109;outline:none;background:#fff9ec}
.v87-welcome{margin:0 0 28px;padding:clamp(24px,4vw,50px);border:1px solid #d9c9ae;border-radius:18px;color:#2b2722;background:linear-gradient(135deg,#fffdf8,#f5eee2);box-shadow:0 18px 50px rgba(36,29,20,.12)}
.v87-welcome-kicker{margin:0 0 8px;color:#9b3941;font-size:11px;font-weight:900;letter-spacing:.15em;text-transform:uppercase}
.v87-welcome h2{max-width:20ch;margin:0;font:800 clamp(30px,4.8vw,60px)/.98 Arial,Helvetica,sans-serif;letter-spacing:-.05em}
.v87-welcome-lead{max-width:68ch;margin:20px 0 0;color:#554b40;font:clamp(17px,2vw,21px)/1.6 Georgia,serif}
.v87-welcome-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:26px}
.v87-welcome-grid a{padding:17px;border:1px solid #d7c49c;border-radius:11px;color:#29241e;text-decoration:none;background:rgba(255,255,255,.72)}
.v87-welcome-grid a b,.v87-welcome-grid a small{display:block}
.v87-welcome-grid a b{font-size:15px}
.v87-welcome-grid a small{margin-top:5px;color:#6d6255;font:12px/1.4 Georgia,serif}
.v87-welcome-grid a:hover,.v87-welcome-grid a:focus-visible{border-color:#a9791f;outline:none;transform:translateY(-2px);box-shadow:0 9px 24px rgba(77,58,24,.1)}
.v87-welcome details{margin-top:23px;padding-top:18px;border-top:1px solid #d9cdbb}
.v87-welcome summary{width:max-content;cursor:pointer;color:#704f17;font-weight:800}
.v87-welcome details p{max-width:78ch;color:#5b5248;line-height:1.65}
.poster-page{padding:clamp(18px,2.6vw,34px);border:1px solid #d9d1c6;border-radius:18px;background:rgba(255,255,255,.88);box-shadow:0 18px 45px rgba(41,34,27,.1)}
.poster-head,.poster-page.portrait .poster-head{width:100%;margin:0 0 16px;padding-bottom:13px;border-bottom:1px solid #ddd3c5}
.poster-head>div>span{color:#996e20}
.poster-frame,.poster-frame.portrait,.poster-frame.landscape,.native-poster{max-width:100%;border-radius:12px;box-shadow:0 10px 32px rgba(34,27,21,.16)}
.pages{gap:34px}
.explorer,.promise-note,.timeline-intro-panel,.correction-appendix,.v50-contact{border-radius:18px}
.footer{color:#c9bca9;background:#11100f;border-top:1px solid rgba(226,173,66,.25)}
@media(max-width:1050px){
.v87-layout{display:block;width:min(1240px,calc(100% - 22px));margin-top:22px}
.v87-rail{position:relative;top:auto;max-height:none;margin-bottom:24px;overflow:visible}
.v87-rail-list{grid-template-columns:repeat(5,minmax(150px,1fr));overflow-x:auto;padding-bottom:6px;scroll-snap-type:x proximity}
.v87-rail-card{scroll-snap-align:start}
.v87-rail-links{max-width:360px}
}
@media(max-width:720px){
.v87-layout{width:min(100% - 14px,1240px);margin-top:14px}
.v87-rail{padding:14px;border-radius:13px}
.v87-rail-list{grid-template-columns:repeat(5,72vw)}
.v87-welcome{padding:24px 19px;border-radius:14px}
.v87-welcome-grid{grid-template-columns:1fr}
.poster-page{padding:13px;border-radius:13px}
.poster-head h2{font-size:21px}
}
/* v88 — tous les textes et contrôles de l’ouverture sont désormais natifs et nets. */
.v87-cover-stage{width:min(100%,1920px);min-height:clamp(760px,100vh,1080px);aspect-ratio:auto;padding:0 clamp(30px,4vw,76px) 34px;display:flex;flex-direction:column;color:#2c2721;background:#fbf6ec}
.v88-art{position:absolute;z-index:0;top:86px;right:0;bottom:0;left:0;overflow:hidden;background-image:url("img/hero-art-v99.webp");background-repeat:no-repeat;background-position:center;background-size:cover;pointer-events:none}
.v88-art::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,252,246,.94) 0,rgba(255,252,246,.76) 32%,rgba(255,252,246,.18) 55%,transparent 70%),linear-gradient(180deg,rgba(251,246,236,.62) 0,transparent 18%,transparent 82%,rgba(246,238,225,.68) 100%)}
.v88-top{position:relative;z-index:2;min-height:86px;display:flex;align-items:center;gap:28px;border-bottom:1px solid #d9c8ad}
.v88-brand{color:#9b6a12;font-size:clamp(12px,1.2vw,18px);font-weight:900;letter-spacing:.16em;text-decoration:none;text-transform:uppercase;white-space:nowrap}
.v88-topic{display:inline-flex;align-items:center;gap:12px;padding:10px 17px;border:1px solid #d5bd8e;border-radius:9px;color:#332b22;background:rgba(255,255,255,.7);text-decoration:none;box-shadow:0 5px 18px rgba(87,61,25,.06)}
.v88-topic-dot{width:10px;height:10px;border-radius:50%;background:#efbd51;box-shadow:0 0 18px rgba(239,189,81,.45)}
.v88-topic b,.v88-topic small{display:block}
.v88-topic b{font-size:15px;line-height:1.15}.v88-topic small{margin-top:3px;color:#765d38;font:11px/1.2 Georgia,serif}
.v88-nav{margin-left:auto;display:flex;align-items:center;gap:clamp(18px,2.2vw,40px)}
.v88-nav a{padding:10px 0;color:#383129;font-size:14px;font-weight:700;text-decoration:none;white-space:nowrap}
.v88-nav a:hover,.v88-nav a:focus-visible,.v88-brand:focus-visible,.v88-topic:focus-visible{color:#9c6607;outline:none}
.v88-main{position:relative;z-index:1;flex:1;display:flex;align-items:center;padding:42px 0 62px}
.v88-copy{width:min(54%,850px)}
.v88-eyebrow{margin:0 0 20px;color:#a94e41;font-size:clamp(10px,.9vw,13px);font-weight:900;letter-spacing:.16em;text-transform:uppercase}
.v88-copy h1{margin:0;color:#29231d;font:900 clamp(52px,5.1vw,92px)/.96 Arial,Helvetica,sans-serif;letter-spacing:-.055em;text-wrap:balance;text-shadow:0 3px 18px rgba(255,255,255,.8)}
.v88-subtitle{max-width:23ch;margin:24px 0 0;color:#755a35;font:italic clamp(22px,2.25vw,39px)/1.25 Georgia,serif;text-wrap:balance}
.v88-rule{width:46px;height:2px;margin:28px 0;background:#d9705e}
.v88-intro{max-width:47ch;margin:0;color:#4b433a;font:clamp(15px,1.25vw,20px)/1.55 Georgia,serif;text-wrap:pretty}
.v88-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:27px}
.v88-action{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;min-height:54px;padding:0 22px;border:1px solid #b98931;border-radius:7px;color:#704c0f;background:rgba(255,253,248,.9);font:700 16px/1 Georgia,serif;text-decoration:none;box-shadow:0 7px 20px rgba(84,61,27,.08)}
.v88-action-primary{border-color:#efbd51;color:#17130e;background:linear-gradient(135deg,#f4c861,#dfa63c)}
.v88-action:hover,.v88-action:focus-visible{transform:translateY(-2px);outline:none;box-shadow:0 10px 28px rgba(94,66,26,.18)}
.v88-paths{position:absolute;z-index:2;right:clamp(30px,4vw,76px);bottom:28px;left:clamp(30px,4vw,76px);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.v88-path{min-height:105px;display:flex;align-items:center;gap:16px;padding:18px 22px;border:1px solid #d1bd9b;border-radius:10px;color:#312a23;background:rgba(255,253,248,.88);text-decoration:none;box-shadow:0 12px 30px rgba(83,59,25,.11);backdrop-filter:blur(8px)}
.v88-path-icon{flex:0 0 48px;height:48px;display:grid;place-items:center;border:1px solid rgba(226,173,66,.52);border-radius:50%;color:#e8b44a;font-size:20px}
.v88-path b{font:700 clamp(16px,1.5vw,24px)/1.15 Georgia,serif}.v88-path-arrow{margin-left:auto;color:#e8b44a;font-size:25px}
.v88-path:hover,.v88-path:focus-visible{border-color:#b77e14;outline:none;transform:translateY(-3px);background:#fff9eb}
@media(max-width:980px){
.v88-top{flex-wrap:wrap;gap:12px;padding:14px 0}.v88-nav{width:100%;margin:0;justify-content:space-between}.v88-copy{width:67%}
}
@media(max-width:720px){
.v87-cover-stage{min-height:0;padding:0 17px 22px}.v88-brand{font-size:11px}.v88-topic{margin-left:auto;padding:8px 10px}.v88-topic small{display:none}.v88-nav{gap:12px;overflow-x:auto}.v88-nav a{font-size:12px}
.v88-art{top:138px;right:0;bottom:0;left:0;opacity:.68;background-position:66% center;background-size:cover}.v88-art::after{background:linear-gradient(90deg,rgba(255,252,246,.98) 0,rgba(255,252,246,.9) 50%,rgba(255,252,246,.35) 78%),linear-gradient(180deg,rgba(251,246,236,.7) 0,transparent 22%,rgba(250,245,235,.78) 100%)}
.v88-main{padding:52px 0 28px}.v88-copy{width:100%}.v88-copy h1{font-size:clamp(42px,12vw,64px)}.v88-subtitle{font-size:23px}.v88-intro{font-size:16px}.v88-actions{display:grid}.v88-action{width:100%}
.v88-paths{position:relative;right:auto;bottom:auto;left:auto;grid-template-columns:1fr;gap:9px}.v88-path{min-height:72px;padding:12px 15px}.v88-path-icon{flex-basis:40px;height:40px}.v88-path b{font-size:17px}
}
/* v89 — l’avant-propos des captures est recomposé en HTML net et accessible. */
.v89-introduction{width:min(1560px,calc(100% - 32px));margin:32px auto 0;padding:clamp(24px,3.4vw,52px);border:1px solid #d9c9ae;border-radius:22px;color:#2b2722;background:radial-gradient(circle at 100% 0,rgba(226,173,66,.12),transparent 42%),linear-gradient(140deg,#fff 0,#faf6ef 100%);box-shadow:0 24px 60px rgba(65,48,27,.12)}
.v89-head{max-width:920px;margin-bottom:28px}
.v89-kicker{margin:0 0 8px;color:#e5b24b;font-size:11px;font-weight:900;letter-spacing:.17em;text-transform:uppercase}
.v89-head h2{margin:0;color:#241f1a;font:800 clamp(31px,4vw,56px)/1.02 Arial,Helvetica,sans-serif;letter-spacing:-.045em;text-wrap:balance}
.v89-head>p:last-child{max-width:68ch;margin:14px 0 0;color:#62584d;font:17px/1.6 Georgia,serif}
.v89-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(340px,.8fr);gap:22px;align-items:start}
.v89-card{padding:clamp(22px,2.6vw,38px);border:1px solid #ded2c0;border-radius:16px;background:rgba(255,255,255,.92);box-shadow:0 14px 35px rgba(65,48,27,.09)}
.v89-card h3{margin:4px 0 17px;color:#29231d;font:800 clamp(25px,2.4vw,36px)/1.08 Georgia,serif}
.v89-card p{margin:0 0 15px;color:#4e463d;font:15px/1.64 Georgia,serif}
.v89-lead::first-letter{float:left;margin:4px 8px 0 0;color:#e8b44a;font:700 52px/.78 Georgia,serif}
.v89-exergue{margin:21px 0!important;padding:12px 0 12px 18px;border-left:3px solid #c58a18;color:#30271d!important;font-style:italic!important;font-size:18px!important;background:#fbf3e3}
.v94-memory-highlight{display:block;position:relative;margin:18px 0 20px;padding:21px 23px 21px 26px;border:1px solid #ddc493;border-left:4px solid #bd8112;border-radius:0 13px 13px 0;color:#443724;background:linear-gradient(110deg,#fff5dc,#fbecd0);box-shadow:0 12px 28px rgba(104,73,25,.1);font-size:17px;line-height:1.65}
.v94-memory-kicker{display:block;margin:0 0 8px;color:#98620b;font:900 10px/1.2 Arial,Helvetica,sans-serif;letter-spacing:.17em;text-transform:uppercase}
.v94-memory-conclusion{display:block;margin-top:9px;color:#34291c;font-style:italic;font-weight:700}
.v89-correction{margin:20px 0 0!important;padding-top:16px;border-top:1px solid #e0d5c5;color:#685d50!important;font-size:13px!important}
.v89-correction a{color:#875d0e;text-underline-offset:3px}
.v89-read-list{display:grid;gap:10px;margin:18px 0 15px;padding:0;list-style:none}
.v89-read-note{display:grid;grid-template-columns:42px 1fr;gap:13px;align-items:center;padding:15px;border:1px solid #e1d6c7;border-radius:11px;color:#302920;background:#fbf8f3}
.v89-read-num{width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(226,173,66,.56);border-radius:50%;color:#e8b44a;font-weight:800}
.v89-read-copy b,.v89-read-copy small{display:block}.v89-read-copy b{font:700 17px/1.2 Georgia,serif}.v89-read-copy small{margin-top:4px;color:#6b6054;font:12px/1.45 Georgia,serif}
.v89-read-end{margin-bottom:0!important;color:#685e52!important;font-size:13px!important}
.v89-thread{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:24px;margin-top:22px;padding:clamp(22px,3vw,38px);border:1px solid #dfcfb5;border-radius:16px;background:linear-gradient(105deg,#fff9ec,#f7ead4)}
.v89-thread blockquote{margin:6px 0 17px;color:#4d3920;font:italic 700 clamp(22px,2.35vw,35px)/1.3 Georgia,serif}
.v89-verses{display:flex;flex-wrap:wrap;gap:8px}.v89-verses .ref-verset{border-color:#b98420;color:#4b3513;background:#fffdf8}
.v89-story{align-self:center}.v89-story p{margin:0;color:#473f36;font:clamp(16px,1.35vw,20px)/1.65 Georgia,serif}
.v89-method{margin-top:22px;padding:22px clamp(20px,3vw,34px);border-left:3px solid #c95e50;border-radius:0 12px 12px 0;background:#fff7f3}
.v89-method h3{margin:0 0 8px;color:#9a4036;font-size:11px;font-weight:900;letter-spacing:.17em;text-transform:uppercase}
.v89-method p{max-width:105ch;margin:0;color:#514840;font:14px/1.65 Georgia,serif}
.v96-mission{margin:22px 0 0;padding:clamp(24px,3vw,42px);border-color:#d8c29b;background:linear-gradient(135deg,#fffaf0,#f7efe2)}
.v96-mission h2{font-size:clamp(28px,3vw,42px)}
.v96-mission .v50-fil{max-width:92ch}
/* v102 — bloc « Le fil conducteur » aéré : titre rehaussé, écart net avant le chapeau */
.v96-mission{padding-top:clamp(16px,2vw,26px)}
.v96-mission .v89-kicker{margin-bottom:12px}
.v96-mission h2{margin-bottom:24px}
.v96-mission .v50-fil{margin-top:0;margin-bottom:28px}
.v96-mark-note{margin:18px 0!important;padding:16px 18px;border:1px solid #dccaa9;border-radius:10px;color:#53483c!important;background:#fffdf8;font-size:13px!important;line-height:1.6!important}
.v96-mark-note strong{color:#76510f}
@media(max-width:900px){.v89-grid,.v89-thread{grid-template-columns:1fr}.v89-introduction{width:min(100% - 22px,1240px)}.v89-thread{gap:19px}}
@media(max-width:650px){.v89-introduction{width:min(100% - 14px,1240px);margin-top:14px;padding:21px 14px;border-radius:14px}.v89-card,.v89-thread{padding:20px 16px;border-radius:12px}.v89-head h2{font-size:32px}.v89-read-note{grid-template-columns:38px 1fr;padding:13px}.v89-verses{display:grid}.v89-verses .ref-verset{width:100%}}
@media print{.v87-cover,.v87-rail,.v87-welcome{display:none!important}.v89-introduction{width:auto;margin:0;color:#111;background:#fff;box-shadow:none}.v89-card,.v89-thread{color:#111;background:#fff;box-shadow:none}.v89-introduction *{color:#111!important}.v87-layout{display:block;width:auto;margin:0}}
/* ===== v103/v106 — « Le fil conducteur » : carte mandat, citations en vis-à-vis, frise à pastilles ===== */
.v103-head{display:grid;grid-template-columns:minmax(0,1fr) clamp(280px,30vw,352px);gap:clamp(20px,3.4vw,46px);align-items:start}
.v103-mandat{margin-top:6px;padding:20px 22px 8px;border-radius:16px;background:linear-gradient(150deg,#42311f,#2c2114);box-shadow:0 14px 34px rgba(46,34,22,.26)}
.v103-mandat-top{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.v103-mandat-top h3{margin:0;color:#fdf6e7;font-size:21px;letter-spacing:-.01em}
.v103-mandat-tag{flex:none;color:#e5b24b;font:900 10.5px/1 Arial,Helvetica,sans-serif;letter-spacing:.16em;text-transform:uppercase}
.v103-mandat-liste{list-style:none;margin:10px 0 0;padding:0}
.v103-mandat-liste li{display:grid;grid-template-columns:26px minmax(0,1fr);gap:11px;align-items:start;padding:11px 0 13px;border-top:1px solid rgba(253,246,231,.14)}
.v103-mandat-liste i{width:24px;height:24px;border-radius:50%;background:#e5b24b;color:#33260f;font:900 12.5px/24px Arial,Helvetica,sans-serif;font-style:normal;text-align:center}
.v103-mandat-liste li span{display:block;color:#c9b795;font-size:12.5px;line-height:1.5}
.v103-mandat-liste b{display:block;margin-bottom:1px;color:#fdf6e7;font-size:14.5px;letter-spacing:.01em}
.v103-citations{display:grid;grid-template-columns:1.35fr 1fr;gap:14px;margin:10px 0 16px}
.v96-mission blockquote.v103-cit{position:relative;margin:0;padding:18px 22px 20px;border:1px solid #e6dbc6;border-left:5px solid #c89b3c;border-radius:14px;color:#3a342c;background:linear-gradient(140deg,#fffdf7,#fff);box-shadow:0 10px 26px rgba(93,74,38,.08);font:italic clamp(16.5px,1.35vw,20px)/1.6 Georgia,'Times New Roman',serif;text-wrap:pretty}
.v96-mission blockquote.v103-cit::before{content:none}
.v96-mission blockquote.v103-cit::after{content:"\201C\201C";position:absolute;top:4px;right:14px;color:rgba(200,155,60,.32);font:700 46px/1 Georgia,serif;letter-spacing:-.09em}
.v96-mission blockquote.v103-cit p{margin:11px 0 0;font:inherit;color:inherit}
.v96-mission blockquote.v103-cit p strong{font-weight:700;color:#76510f}
.v96-mission blockquote.v103-cit cite{display:block;width:auto;margin:0;font-style:normal}
.v103-cref{padding:6px 12px;border:1px solid rgba(154,116,32,.35);border-radius:999px;background:#f6e7c4;color:#76510f;cursor:pointer;font:800 11px/1 Arial,Helvetica,sans-serif;letter-spacing:.09em;text-transform:uppercase;transition:background .13s ease,border-color .13s ease,transform .12s ease}
.v103-cref::after{content:" \203a";font-weight:800}
.v103-cref:hover,.v103-cref:focus-visible{outline:none;transform:translateY(-1px);background:#fff;border-color:#b68b27}
.v103-cit-rouge{border-left-color:#9b3941!important}
.v103-cit-rouge::after{color:rgba(155,57,65,.22)!important}
.v103-cit-rouge .v103-cref{background:#f9e3e4;border-color:rgba(155,57,65,.3);color:#8e2f3f}
.v103-cit-rouge .v103-cref:hover,.v103-cit-rouge .v103-cref:focus-visible{border-color:#9b3941}
@media(hover:hover){.v96-mission blockquote.v103-cit{transition:transform .18s ease,box-shadow .18s ease}.v96-mission blockquote.v103-cit:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(93,74,38,.13)}}
.v103-note{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px 22px;align-items:start}
.v103-note-lab{max-width:118px;margin-top:2px;color:#9a7420;font:900 10.5px/1.5 Arial,Helvetica,sans-serif;letter-spacing:.15em;text-transform:uppercase}
.v103-note-txt{display:block}
.v103-jalons-tete{display:flex;align-items:flex-end;justify-content:space-between;gap:18px}
.v103-jalons-tete h3{margin:0;font-size:clamp(19px,1.8vw,24px);letter-spacing:-.01em;color:#302b27}
.v103-jalons-tete p{margin:3px 0 0;max-width:80ch;color:#5c5650;font-size:14px;line-height:1.55}
.v103-range{flex:none;margin-bottom:2px;color:#9a7420;font:900 11px/1.6 Arial,Helvetica,sans-serif;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap}
.v103-rail{position:relative;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:9px;height:20px;margin-top:16px}
.v103-rail::before{content:"";position:absolute;top:50%;left:calc(100%/14);right:calc(100%/14);height:3px;margin-top:-1.5px;border-radius:3px;background:linear-gradient(90deg,#b68b27,#b85b00,#c0392b,#7c2d4f,#2456d3,#14857e,#4b8610)}
.v103-rail i{position:relative;z-index:1;justify-self:center;width:18px;height:18px;border-radius:50%;border:3px solid var(--d,#b68b27);background:#fffaf0}
.v103-rail i::after{content:"";position:absolute;inset:3px;border-radius:50%;background:var(--d,#b68b27)}
.v103-bridge .pn-timeline{margin-top:9px}
.v103-bridge .pn-step b::before{content:"";display:inline-block;width:9px;height:9px;margin-right:7px;border-radius:50%;background:var(--d,#92701e)}
.v103-detail{margin-top:13px;padding:12px 16px;border-left:4px solid #2456d3;border-radius:0 10px 10px 0;background:#edf3fb;color:#39424e;font-size:14px;line-height:1.55}
.v103-detail strong{color:#1d3f7a}
.v103-anim .v103-rail i{opacity:0;transform:scale(.35)}
.v103-anim .v103-rail::before{transform:scaleX(0);transform-origin:left center}
.v103-anim.v103-vu .v103-rail i{opacity:1;transform:scale(1);transition:opacity .35s ease var(--dl,0s),transform .5s cubic-bezier(.2,.7,.3,1.35) var(--dl,0s)}
.v103-anim.v103-vu .v103-rail::before{transform:scaleX(1);transition:transform .9s ease .05s}
@media(prefers-reduced-motion:reduce){.v103-anim .v103-rail i,.v103-anim .v103-rail::before{opacity:1;transform:none;transition:none}}
@media(max-width:980px){.v103-rail{display:none}.v103-bridge .pn-timeline{margin-top:14px}}
@media(max-width:900px){.v103-head{grid-template-columns:1fr}.v103-mandat{margin-top:0}.v103-citations{grid-template-columns:1fr}}
@media(max-width:650px){.v103-note{grid-template-columns:1fr;gap:5px}.v103-note-lab{max-width:none}.v103-jalons-tete{flex-direction:column;align-items:flex-start;gap:2px}.v103-range{margin:0}.v96-mission blockquote.v103-cit{padding:16px 16px 18px}.v103-mandat{padding:17px 17px 6px}}
@media print{.v103-mandat{background:#fff;box-shadow:none;border:1px solid #bbb}.v103-mandat-top h3,.v103-mandat-liste b{color:#171717}.v103-mandat-liste li span{color:#333}.v103-mandat-liste li{border-top-color:#ddd}.v103-mandat-liste i{background:#ddd;color:#171717}.v103-mandat-tag,.v103-range,.v103-note-lab{color:#333}.v103-rail{display:none}.v96-mission blockquote.v103-cit{box-shadow:none;border-color:#bbb;background:#fff}.v103-detail{background:#fff;border-left-color:#888;color:#333}.v103-detail strong{color:#171717}}
/* ===== v107 — reprise typographique du bloc « Le fil conducteur » (greffe sur v103/v106) ===== */
/* 1. Titre : plus grand, deux lignes équilibrées, interlettrage resserré */
.v96-mission h2{max-width:1040px;margin-bottom:26px;font-size:clamp(29px,3.35vw,52px);line-height:1.07;letter-spacing:-.035em;text-wrap:balance}
/* 2. Carte « Un même mandat » : liseré doré en tête */
.v103-mandat{position:relative;overflow:hidden;border:1px solid rgba(255,244,219,.16)}
.v103-mandat::before{content:"";position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,#d7af62,rgba(215,175,98,.08))}
/* 3. Citations : Playfair italique, filet doré plus fin, plus d'air */
.v96-mission blockquote.v103-cit{padding:21px 25px 23px;border-left-width:3px;font-family:'Playfair Display',Georgia,'Times New Roman',serif;font-size:clamp(17px,1.3vw,20px);line-height:1.58}
.v96-mission blockquote.v103-cit::after{content:"\201C";top:6px;right:18px;font:700 50px/1 'Playfair Display',Georgia,serif;letter-spacing:0}
/* 4. Note de lecture : pastille « i » */
.v103-note-lab{display:flex;gap:10px;align-items:center;max-width:152px;line-height:1.35}
.v103-note-lab::before{content:"i";display:grid;flex:none;width:24px;height:24px;place-items:center;border:1px solid rgba(184,138,55,.42);border-radius:50%;color:#9a7420;font:italic 14px/1 'Playfair Display',Georgia,serif;letter-spacing:0;text-transform:none}
/* 5. Jalons : filet de couleur en tête de carte plutôt que pastille devant la date */
.v103-bridge .pn-step{padding:14px 13px 15px;border-top:2px solid var(--d,#b68b27);border-radius:10px}
.v103-bridge .pn-step b::before{content:none}
.v103-bridge .pn-step em{min-height:26px}
@media(max-width:980px){.v103-bridge .pn-step em{min-height:0}}
@media(max-width:640px){.v96-mission h2{font-size:26px;max-width:none;margin-bottom:18px}.v103-note-lab::before{width:22px;height:22px;font-size:13px}}
@media print{.v103-mandat::before{display:none}.v103-note-lab::before{border-color:#bbb;color:#333}.v96-mission blockquote.v103-cit{font-family:Georgia,'Times New Roman',serif}.v103-bridge .pn-step{border-top-color:#ccc}}
/* ===== v108 — « Sept jalons » : carte animée en canvas (remplace la rangée de fiches) ===== */
.v108-scene{margin:18px 0 0}
.v108-grid{position:relative}
.v108-stage{position:relative;overflow:hidden;border:1px solid #ddcfb5;border-radius:10px;background:#f6efe1;box-shadow:0 18px 44px -26px rgba(60,44,20,.42)}
.v108-canvas{display:block;width:100%;height:auto;aspect-ratio:1000/369;max-width:100%}
.v108-card{position:absolute;right:2.1%;top:50%;width:30%;min-width:198px;max-width:340px;margin:0;padding:17px 19px 18px;border:1px solid rgba(120,96,54,.22);border-left:5px solid var(--d,#b68b27);border-radius:6px;background:rgba(255,253,247,.96);box-shadow:0 26px 60px -30px rgba(60,44,20,.45);opacity:0;transform:translate(0,calc(-50% + 12px));transition:opacity .5s ease,transform .5s ease}
.v108-card.v108-in{opacity:1;transform:translate(0,-50%)}
.v108-card b{display:block;color:var(--d,#7d601f);font-family:'Playfair Display',Georgia,serif;font-weight:700;font-size:clamp(19px,2vw,30px);line-height:1.02;letter-spacing:-.015em}
.v108-card i{display:block;margin:9px 0 11px;color:#6b5c46;font:600 clamp(9.5px,.75vw,11px)/1.3 Arial,Helvetica,sans-serif;font-style:normal;letter-spacing:.17em;text-transform:uppercase}
.v108-card span{display:block;color:#2a2115;font-size:clamp(12px,1vw,14.5px);line-height:1.5}
.v108-card span .ref-verset{font-size:inherit;padding:3px 8px}
.v108-scenes{position:absolute;inset:0;pointer-events:none;-webkit-user-select:none;user-select:none;text-align:center;color:#2a2115}
.v108-scenes > div{position:absolute;left:5%;right:5%;top:50%;transform:translateY(-50%);opacity:0}
.v108-scenes .v108-kick{margin:0 0 clamp(10px,1.6vw,26px);color:#a8791f;font:700 clamp(8px,.76vw,12px)/1 Arial,Helvetica,sans-serif;letter-spacing:.34em;text-transform:uppercase}
.v108-scenes .v108-title{margin:0;font-family:'Playfair Display',Georgia,serif;font-weight:400;font-size:clamp(19px,3.05vw,46px);line-height:1.14;letter-spacing:-.005em}
.v108-scenes .v108-rule{display:block;width:clamp(52px,7vw,104px);height:1px;margin:clamp(12px,1.9vw,30px) auto 0;background:#b98f34;opacity:.85}
.v108-scenes .v108-chip{display:inline-block;margin-bottom:clamp(11px,1.8vw,28px);padding:clamp(5px,.55vw,9px) clamp(11px,1.15vw,20px);border-radius:999px;color:#8a5f12;background:#f6e6c2;font:700 clamp(7.5px,.7vw,11px)/1 Arial,Helvetica,sans-serif;letter-spacing:.17em;text-transform:uppercase}
.v108-scenes .v108-verse{max-width:82%;margin:0 auto;font-family:'Playfair Display',Georgia,serif;font-style:italic;font-size:clamp(11.5px,1.4vw,21px);line-height:1.56;text-wrap:pretty}
.v108-scenes .v108-verse b{font-weight:400;color:#a8791f}
.v108-scenes .v108-close p{max-width:88%;margin:0 auto;font-family:'Playfair Display',Georgia,serif;font-weight:400;font-size:clamp(15px,2.1vw,31px);line-height:1.34}
.v108-scenes .v108-sign{display:block;margin-top:clamp(12px,1.9vw,30px);color:#a8791f;font:700 clamp(7.5px,.7vw,11px)/1 Arial,Helvetica,sans-serif;letter-spacing:.24em;text-transform:uppercase}
.v108-frise{margin-top:20px}
.v108-rail{position:relative;height:46px;margin:0 30px}
.v108-track{position:absolute;left:0;right:0;top:11px;height:2px;background:rgba(120,96,54,.28)}
.v108-fill{position:absolute;left:0;right:0;top:11px;height:2px;background:linear-gradient(90deg,#b68b27,#b85b00,#c0392b,#7c2d4f,#2456d3,#14857e,#4b8610);clip-path:inset(0 calc(100% - var(--p,0%)) 0 0)}
.v108-marks{position:absolute;inset:0;margin:0;padding:0;list-style:none}
.v108-marks li{position:absolute;top:0;transform:translateX(-50%)}
.v108-jump{display:block;padding:0 5px;border:0;background:none;cursor:pointer;text-align:center}
.v108-dot{display:block;width:16px;height:16px;margin:1px auto 0;border:3px solid rgba(120,96,54,.32);border-radius:50%;background:#fffdf7;transition:width .2s ease,height .2s ease,margin .2s ease,border-color .3s ease}
.v108-dot i{display:block;width:6px;height:6px;margin:2px auto;border-radius:50%;background:var(--d,#b68b27);opacity:0;transition:opacity .3s ease}
.v108-date{display:block;margin-top:9px;color:#96866c;font:700 clamp(7.4px,.7vw,10.5px)/1.2 Arial,Helvetica,sans-serif;letter-spacing:.08em;white-space:nowrap;transition:color .3s ease}
.v108-jump.v108-done .v108-dot,.v108-jump[aria-current="true"] .v108-dot,.v108-jump:hover .v108-dot,.v108-jump:focus-visible .v108-dot{border-color:var(--d,#b68b27)}
.v108-jump.v108-done .v108-dot i,.v108-jump[aria-current="true"] .v108-dot i{opacity:1}
.v108-jump.v108-done .v108-date,.v108-jump[aria-current="true"] .v108-date{color:var(--d,#b68b27)}
.v108-jump[aria-current="true"] .v108-dot{width:21px;height:21px;margin-top:-1.5px}
.v108-jump[aria-current="true"] .v108-dot i{width:8px;height:8px;margin-top:2.5px}
.v108-jump:focus-visible{outline:2px solid #b68b27;outline-offset:2px;border-radius:8px}
.v108-legend{display:flex;align-items:center;justify-content:center;gap:16px;margin:14px 0 0}
.v108-ctrl{display:flex;gap:9px}
.v108-btn{flex:none;padding:6px 13px;border:1px solid rgba(154,116,32,.34);border-radius:999px;color:#76510f;background:#f6e7c4;cursor:pointer;font:700 11px/1.35 Arial,Helvetica,sans-serif;letter-spacing:.04em;transition:background .13s ease,border-color .13s ease,transform .12s ease}
.v108-btn:hover,.v108-btn:focus-visible{outline:none;transform:translateY(-1px);border-color:#b68b27;background:#fffdf7}
.v108-sr{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.v108-on .v103-rail{display:none}
.v108-on .pn-timeline{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%)}
.v108-on.v108-avec-texte .pn-timeline{position:static;width:auto;height:auto;margin:14px 0 0;padding:0;overflow:visible;clip-path:none}
.v108-plein .v108-card{display:none}
@media(max-width:820px){.v108-card{position:static;width:auto;max-width:none;margin-top:12px;opacity:1;transform:none}.v108-card.v108-in{transform:none}.v108-rail{margin:0 22px}.v108-date{letter-spacing:.02em}}
@media(max-width:560px){.v108-rail{margin:0 17px}.v108-date{font-size:7px}}
@media(prefers-reduced-motion:reduce){.v108-card{transition:none}}
@media print{.v108-scene{display:none}.v108-on .v103-rail{display:none}.v108-on .pn-timeline{position:static;width:auto;height:auto;margin:14px 0 0;overflow:visible;clip-path:none}}
/* ===== v115 — encadrés bibliques : hauteur réduite de moitié ===== */
.v103-citations{gap:12px;margin:8px 0 14px}
/* ===== v119 — encadrés bibliques : traits plus fermes en petit corps =====
Playfair est une didone : à 13 px ses déliés passent sous le pixel et grisent.
Graisse 500 au lieu de 400 (même encombrement, mesuré identique de 420 à 1440 px)
et plafond porté de 14,7 à 15,4 px. Le gras du texte reste en 700 italique réel. */
.v96-mission blockquote.v103-cit{padding:8px 16px 10px;font-weight:500;font-size:clamp(13px,1.02vw,15.4px);line-height:1.4}
.v96-mission blockquote.v103-cit p{margin:5px 0 0}
.v96-mission blockquote.v103-cit .v103-cref{padding:3px 9px;font-size:9px;letter-spacing:.07em}
.v96-mission blockquote.v103-cit::after{top:0;right:11px;font-size:30px}
@media(max-width:650px){.v96-mission blockquote.v103-cit{padding:9px 12px 11px}}
/* ===== v116 — lisibilité du texte extrait et correctif de chevauchement ===== */
.v103-mandat-liste{counter-reset:v116mdt}
.v103-mandat-liste li{counter-increment:v116mdt}
.v103-mandat-liste i::before{content:counter(v116mdt)}
.paul-map-panel .v49-map-status{padding-right:126px}
@media(max-width:650px){.paul-map-panel .v49-map-status{padding-right:0}}
/* v117 — « Trois repères » et « Quatre pièges » en boutons à dérouler (details, sans JS). */
.v117-plis{padding-top:8px;padding-bottom:8px}
.pieges-pli{margin:0}
.pieges-pli-second{border-top:1px solid #e2dace}
.pieges-pli > summary{list-style:none;display:flex;align-items:center;gap:14px;
margin:0 -22px;padding:14px 22px;cursor:pointer;border-radius:8px;transition:background .15s ease}
.pieges-pli > summary::-webkit-details-marker{display:none}
.pieges-pli > summary:hover,.pieges-pli > summary:focus-visible{background:rgba(182,139,39,.09);outline:none}
.pieges-pli > summary:focus-visible{box-shadow:inset 0 0 0 2px #b68b27}
.pieges-pli > summary h3{flex:1 1 auto;margin:0 !important;padding:0 !important;border:0 !important}
.pieges-pli-action{flex:0 0 auto;display:inline-flex;align-items:center;gap:8px;
padding:7px 12px 7px 14px;border-radius:999px;color:#fff;background:#b68b27;
font:800 12.5px/1 Arial,Helvetica,sans-serif;letter-spacing:.09em;text-transform:uppercase;white-space:nowrap;
transition:background .15s ease}
.pieges-pli > summary:hover .pieges-pli-action{background:#a07a1f}
.pieges-pli-action svg{width:15px;height:15px;transform:rotate(-90deg);transition:transform .18s ease}
.pieges-pli[open] .pieges-pli-action svg{transform:rotate(0)}
.pieges-pli .pli-fermer,.pieges-pli[open] .pli-ouvrir{display:none}
.pieges-pli[open] .pli-fermer{display:inline}
.pieges-pli-corps{padding:2px 0 14px}
.pieges-pli-corps > :first-child{margin-top:0 !important}
.pieges-pli-corps > :last-child{margin-bottom:0 !important}
.pieges-pli[open] > summary{border-radius:8px 8px 0 0}
@media (max-width:860px){
.pieges-pli > summary{margin:0 -15px;padding:12px 15px;gap:10px}
.pieges-pli-action{padding:6px 10px 6px 12px;font-size:11.5px;letter-spacing:.06em}
.pieges-pli-action svg{width:13px;height:13px}
}
@media (prefers-reduced-motion:reduce){ .pieges-pli-action svg{transition:none} }
@media print{ .pieges-pli-action{display:none} .pieges-pli > summary{padding:0;margin:0} .pieges-pli-corps{padding:0 0 10px} }
/* v117b — le paragraphe de clôture des réformateurs reprend l'écriture du « fil » (Vers l'an 33…) : romain, graisse normale, 17 px Georgia. */
.reformateurs > p.ref-close{color:#3d3733;font:17px/1.6 Georgia,serif;text-wrap:pretty}
@media (max-width:860px){ .reformateurs > p.ref-close{font-size:16px} }
.reformateurs > p.ref-close strong em{font-style:italic;font-weight:700;color:#7c2f38}
/* ===== v118 — les neuf planches de la frise (pages 1-9) recréées en HTML, sans image ===== */
.v118-frise{display:flex;flex-direction:column;padding:34px 44px 30px;background:#fff;color:#1f1d1a;font-family:Georgia,'Times New Roman',serif}
.v118-frise .fr-titre{margin:0 0 10px;font-size:34px !important;line-height:1.12;letter-spacing:-.01em;color:#141414}
.v118-frise .fr-lead{margin:0 0 22px;max-width:92ch;color:#4a4540;font:15.5px/1.55 Georgia,serif;text-wrap:pretty}
.v118-frise .fr-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;flex:1 1 auto;counter-reset:none}
.v118-frise .fr-ev{--pitch:12px;--dotY:13px;flex:1 1 auto;display:grid;grid-template-columns:172px 108px minmax(0,1fr);column-gap:18px;align-items:start;padding-bottom:12px}
.v118-frise .fr-meta{display:flex;flex-direction:column;align-items:flex-end;text-align:right;padding-right:6px}
.v118-frise .fr-date{display:block;color:#141414;font:800 19px/1 Arial,Helvetica,sans-serif;letter-spacing:-.01em;padding-top:4px}
.v118-frise .fr-lieu{display:block;margin-top:6px;color:#7b756e;font:15px/1.25 Georgia,serif}
.v118-frise .fr-portrait{width:78px;height:78px;margin:9px 0 6px;border-radius:50%;object-fit:cover;border:3px solid var(--c);box-shadow:0 0 0 2px #fff,0 6px 14px rgba(0,0,0,.14);background:#eee}
.v118-frise .fr-lanes{position:relative;align-self:stretch;min-height:100%}
.v118-frise .fr-lane{position:absolute;left:calc(6px + var(--x) * var(--pitch));width:2.5px;margin-left:-1.25px;background:var(--c);top:0;bottom:-12px;border-radius:0}
.v118-frise .fr-lane[data-seg="from"]{top:var(--dotY)}
.v118-frise .fr-lane[data-seg="to"]{bottom:auto;height:var(--dotY)}
.v118-frise .fr-ev:last-child .fr-lane{bottom:-4px}
.v118-frise .fr-lien{position:absolute;left:-26px;width:calc(32px + var(--x) * var(--pitch));top:calc(var(--dotY) - .5px);height:1px;background:#c9c4bb}
.v118-frise .fr-dot{position:absolute;left:calc(6px + var(--x) * var(--pitch));top:var(--dotY);width:11px;height:11px;margin:-5.5px 0 0 -5.5px;border-radius:50%;background:var(--c);box-shadow:0 0 0 2px #fff}
.v118-frise .fr-texte h4{margin:0 0 5px;color:var(--c);font-size:21.5px !important;line-height:1.2;letter-spacing:-.005em;text-wrap:balance}
.v118-frise .fr-texte h4 .fr-fam{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.v118-frise .fr-texte p{margin:0;max-width:74ch;color:#2b2926;font:15.5px/1.5 Georgia,serif;text-wrap:pretty}
.v118-frise .fr-texte p i{font-style:italic}
.v118-frise .fr-marge{margin:6px 0 0;color:#7b756e;font:italic 12.5px/1.4 Georgia,serif}
.v118-frise .fr-pied{display:flex;justify-content:space-between;gap:12px;padding-top:16px !important}
.v118-frise .fr-pied span:last-child{margin-right:112px}
@media (max-width:860px){
.v118-frise{padding:22px 20px 18px}
.v118-frise .fr-titre{font-size:26px !important}
.v118-frise .fr-ev{grid-template-columns:118px 76px minmax(0,1fr);column-gap:10px;--pitch:8px;--dotY:11px}
.v118-frise .fr-date{font-size:16px}
.v118-frise .fr-lieu{font-size:13px}
.v118-frise .fr-portrait{width:58px;height:58px}
.v118-frise .fr-texte h4{font-size:18px !important}
.v118-frise .fr-texte p{font-size:14.5px}
.v118-frise .fr-lien{left:-12px;width:calc(18px + var(--x) * var(--pitch))}
}
@media (max-width:560px){
.v118-frise{padding:16px 12px 14px}
.v118-frise .fr-ev{grid-template-columns:74px 52px minmax(0,1fr);column-gap:6px;--pitch:5.5px;--dotY:10px;padding-bottom:16px}
.v118-frise .fr-date{font-size:14px}
.v118-frise .fr-lieu{font-size:11.5px}
.v118-frise .fr-portrait{width:44px;height:44px;border-width:2px}
.v118-frise .fr-texte h4{font-size:16.5px !important}
.v118-frise .fr-texte p{font-size:13.5px;line-height:1.45}
.v118-frise .fr-lane{width:2px;margin-left:-1px}
.v118-frise .fr-dot{width:9px;height:9px;margin:-4.5px 0 0 -4.5px}
.v118-frise .fr-lien{left:-6px;width:calc(12px + var(--x) * var(--pitch))}
.v118-frise .fr-pied{flex-direction:column;gap:2px}
.v118-frise .fr-pied span:last-child{margin-right:0}
}
#visionneuseComplement .v118-frise{min-height:0}
@media print{
.poster-page.landscape > .v118-frise{zoom:.68;width:297mm !important;height:auto !important;min-height:209mm !important;max-height:none !important;overflow:visible !important;box-shadow:none;padding:10mm 12mm 8mm}
.v118-frise .fr-lane,.v118-frise .fr-dot,.v118-frise .fr-portrait{print-color-adjust:exact;-webkit-print-color-adjust:exact}
}
/* ===== v121 — gabarit de page général, pour toutes les planches converties =====
Une planche devient :
Pièces réutilisables : .p-duo (deux colonnes) et .p-colonne (filet à gauche),
.p-sombre (encadré noir) avec .p-paires, .p-cas (bloc coloré, couleurs par --c/--bg),
.p-note (phrase de liaison), .p-filet (règle horizontale).
Le folio du pied garde 112 px à droite : sans quoi la loupe se superpose. */
.v121-page{display:flex;flex-direction:column;padding:38px 46px 28px;background:#fff;color:#1f1d1a;font-family:Georgia,'Times New Roman',serif}
.v121-page .p-titre{margin:0 0 14px;font-size:34px !important;line-height:1.1;letter-spacing:-.012em;color:#141414}
.v121-page .p-chapeau{margin:0 0 18px;max-width:76ch;color:#4a4540;font:16.5px/1.56 Georgia,'Times New Roman',serif;text-wrap:pretty}
.v121-page .p-corps{flex:1 1 auto;display:flex;flex-direction:column;gap:24px}
.v121-page p{margin:0}
.v121-page .p-filet{margin:0;border:0;border-top:2px solid #1f1d1a}
.v121-page .p-duo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 34px}
.v121-page .p-colonne{border-left:3px solid #1f1d1a;padding-left:16px}
.v121-page .p-colonne b{display:block;margin-bottom:5px;font:700 16px/1.3 Arial,Helvetica,sans-serif;color:#171717}
.v121-page .p-colonne p{color:#33302c;font:15.5px/1.55 Georgia,'Times New Roman',serif;text-wrap:pretty}
.v121-page .p-maison-nom{margin:0 0 7px;font:700 27px/1.05 Arial,Helvetica,sans-serif;letter-spacing:-.02em;color:#141414}
.v121-page .p-maison-nom span{margin-left:8px;font-size:16px;font-weight:400;letter-spacing:0;color:#7b756e}
.v121-page .p-note{max-width:82ch;color:#33302c;font:16px/1.55 Georgia,'Times New Roman',serif;text-wrap:pretty}
.v121-page .p-sombre{padding:26px 30px 24px;border-radius:12px;color:#efe9e0;background:#141414}
.v121-page .p-sombre h4{margin:0 0 11px;font-size:25px !important;line-height:1.16;color:#fff}
.v121-page .p-sombre > p{color:#ddd5c9;font:15.5px/1.55 Georgia,'Times New Roman',serif;text-wrap:pretty}
.v121-page .p-paires{margin:19px 0 17px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 30px}
.v121-page .p-paires b{display:block;margin-bottom:3px;font:700 15px/1.35 Arial,Helvetica,sans-serif;color:#fff}
.v121-page .p-paires p{color:#c9c1b5;font:14.5px/1.5 Georgia,'Times New Roman',serif}
.v121-page .p-cas{padding:16px 21px 17px;border-left:5px solid var(--c,#b68b27);border-radius:0 10px 10px 0;background:var(--bg,#faf8f3)}
.v121-page .p-cas-n{margin:0 0 4px;font:700 11px/1.5 Arial,Helvetica,sans-serif;letter-spacing:.13em;text-transform:uppercase;color:var(--c,#b68b27)}
.v121-page .p-cas-q{margin:0 0 8px;font:700 17.5px/1.32 Arial,Helvetica,sans-serif;color:var(--c,#b68b27);text-wrap:balance}
.v121-page .p-cas-r{color:#33302c;font:15.5px/1.55 Georgia,'Times New Roman',serif;text-wrap:pretty}
.v121-page .p-pied{display:flex;justify-content:space-between;gap:12px;margin-top:auto;padding-top:18px;border-top:1px solid #e6e0d4;color:#7b756e;font:12.5px/1.4 Georgia,'Times New Roman',serif}
.v121-page .p-pied span:last-child{margin-right:112px}
/* la page 41 reprend telle quelle la section « Notes de lecture » qui était
superposée à l'affiche : elle repasse simplement dans le flux. */
.v121-page .common-works-notes{position:static;inset:auto;display:block;margin:0;padding:22px 26px 24px;border-radius:12px;background:#faf7f0}
.v121-page .cwn-questions{grid-template-columns:auto repeat(3,minmax(0,1fr));gap:10px;margin-top:16px;padding-top:14px}
.v121-page .cwn-questions span{padding:9px 11px;border:1px solid #ded6c8;background:#fff;line-height:1.4}
.v121-page .cwn-grid{margin-top:16px}
.v121-page .cwn-kicker{font-size:11px !important;letter-spacing:.13em}
.v121-page .cwn-lead{font-size:15px !important;line-height:1.55}
.v121-page .cwn-grid{gap:16px}
.v121-page .cwn-card b{font-size:14.5px !important}
.v121-page .cwn-card p{font-size:13.5px !important;line-height:1.5}
.v121-page .cwn-distinction b{font-size:13px !important}
.v121-page .cwn-distinction p{font-size:13.5px !important;line-height:1.5}
.v121-page .cwn-questions b{font-size:11px !important}
.v121-page .cwn-questions span{font-size:13px !important}
@media (max-width:860px){
.v121-page{padding:24px 20px 18px}
.v121-page .p-titre{font-size:26px !important}
.v121-page .p-duo,.v121-page .p-paires{grid-template-columns:1fr}
.v121-page .p-sombre{padding:20px 18px 18px}
.v121-page .p-sombre h4{font-size:21px !important}
.v121-page .p-pied{flex-direction:column;gap:2px}
.v121-page .p-pied span:last-child{margin-right:0}
}
@media (max-width:760px){
.v121-page .cwn-questions{grid-template-columns:1fr;gap:8px}
.v121-page .cwn-questions span{text-align:left}
.v121-page .cwn-grid{grid-template-columns:1fr}
}
@media (max-width:520px){
.v121-page{padding:18px 14px 14px}
.v121-page .p-titre{font-size:23px !important}
.v121-page .p-maison-nom{font-size:23px}
}
@media print{
.v121-page{padding:12mm 14mm 10mm;min-height:0;box-shadow:none}
.v121-page .p-sombre{color:#171717;background:#fff;border:1px solid #bbb}
.v121-page .p-sombre h4{color:#171717}
.v121-page .p-sombre > p,.v121-page .p-sombre-chute{color:#333}
.v121-page .p-paires b{color:#171717}
.v121-page .p-paires p{color:#444}
.v121-page .p-cas{background:#fff;border-left-width:4px}
.v121-page .p-pied span:last-child{margin-right:0}
}
/* ===== v139 — pages 40 et 41 : planche « Plan gravé » (maquette de Charles, 2026-09-02) =====
Valeurs reprises telles quelles de la maquette (1100 px de large, marges 52 px, cadre 46 px).
En dessous de 1100 px la planche devient fluide ; en dessous de 760 px les deux cercles
se posent l'un sous l'autre. Polices Spectral et IBM Plex Mono auto-hébergées (fonts/). */
.poster-page.portrait.v139-large .poster-head,
.poster-page.portrait.v139-large .verification-note{width:min(100%,1100px)}
.native-poster.portrait.v139-plan{width:min(100%,1100px);min-height:min(1556px,calc((100vw - 30px) * 1.4145));display:flex;flex-direction:column;
padding:0;background:#FBF7EE;color:#221B12;font-family:'Spectral',Georgia,'Times New Roman',serif;box-shadow:0 24px 60px rgba(34,27,18,.2)}
.v139-plan .pl-grille{position:absolute;inset:0;pointer-events:none;
background-image:linear-gradient(to right,rgba(34,27,18,.055) 1px,transparent 1px),linear-gradient(to bottom,rgba(34,27,18,.055) 1px,transparent 1px);background-size:26px 26px}
.v139-plan .pl-cadre{position:relative;flex:1 1 auto;display:flex;flex-direction:column;margin:52px;border:1px solid #221B12;background:rgba(251,247,238,.72)}
.v139-plan .pl-coin{position:absolute;width:13px;height:13px;border:0 solid #B0761A}
.v139-plan .pl-hg{top:-7px;left:-7px;border-top-width:1px;border-left-width:1px}
.v139-plan .pl-hd{top:-7px;right:-7px;border-top-width:1px;border-right-width:1px}
.v139-plan .pl-bg{bottom:-7px;left:-7px;border-bottom-width:1px;border-left-width:1px}
.v139-plan .pl-bd{bottom:-7px;right:-7px;border-bottom-width:1px;border-right-width:1px}
.v139-plan .pl-mono,.v139-plan .pl-bandeau,.v139-plan .pl-pied,.v139-plan .pl-sur,.v139-plan .pl-lab,.v139-plan .pl-etq,.v139-plan .pl-num,.v139-plan .pl-rom{font-family:'IBM Plex Mono',Consolas,'Courier New',monospace}
.v139-plan p{margin:0}
.v139-plan .pl-or{color:#C08A2A}
.v139-plan .pl-bandeau,.v139-plan .pl-pied{display:flex;justify-content:space-between;align-items:center;gap:10px 18px;padding:12px 22px;font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:#6F6754}
.v139-plan .pl-bandeau{border-bottom:1px solid #221B12}
.v139-plan .pl-pied{margin-top:auto;border-top:1px solid #221B12}
.v139-plan .pl-sombre,.v139-plan .pl-notes{margin-bottom:26px} /* respiration avant le pied quand la planche est pleine */
.v139-plan .pl-tete{padding:38px 46px 0}
.v139-plan .pl-sur{margin:0 0 14px;font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:#B0761A}
.v139-plan .pl-titre{margin:0 0 10px !important;font:600 56px/1.05 'Spectral',Georgia,'Times New Roman',serif !important;letter-spacing:-.015em;color:#221B12;text-wrap:balance}
.v139-plan .pl-titre.pl-titre-41{font-size:52px !important}
.v139-plan .pl-trait{width:120px;height:2px;margin:0 0 14px;background:#C08A2A}
.v139-plan .pl-chapeau{margin:0;max-width:720px;font-size:18px;line-height:1.6;color:#3B342A;text-wrap:pretty}
.v139-plan .pl-chapeau.pl-chapeau-41{max-width:780px;font-size:17.5px;line-height:1.62}
/* — le relevé : deux cercles qui se recouvrent — */
.v139-plan .pl-venn{position:relative;margin:22px 46px 0;aspect-ratio:902/540}
.v139-plan .pl-axe{position:absolute;left:0;right:0;top:50%;height:1px;background:repeating-linear-gradient(to right,rgba(34,27,18,.35) 0 4px,transparent 4px 10px)}
.v139-plan .pl-cercle{position:absolute;top:3.7%;width:55.43%;aspect-ratio:1;border:1.5px solid #221B12;border-radius:50%;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center}
.v139-plan .pl-a{left:0;background:rgba(192,138,42,.10);padding:0 19.73% 0 5.76%} /* 178 et 52 px sur 902 : les % d'un padding se rapportent au bloc conteneur, pas au cercle */
.v139-plan .pl-b{right:0;background:rgba(201,124,15,.07);padding:0 5.76% 0 19.73%;align-items:flex-end;text-align:right}
.v139-plan .pl-lab{margin:0 0 4px;font-size:10.5px;letter-spacing:.24em;text-transform:uppercase;color:#C08A2A}
.v139-plan .pl-sigle{margin:0 0 4px !important;font:600 30px/1 'Spectral',Georgia,'Times New Roman',serif !important;color:#221B12}
.v139-plan .pl-nom{margin:0 0 12px;font-size:13px;line-height:1.35;color:#3B342A}
.v139-plan .pl-etqs{display:flex;flex-wrap:wrap;gap:5px}
.v139-plan .pl-b .pl-etqs{justify-content:flex-end}
.v139-plan .pl-etq{font-size:10.5px;padding:2px 6px;border:1px solid rgba(34,27,18,.45)}
.v139-plan .pl-inter{position:absolute;left:50%;top:44.1%;transform:translateX(-50%);width:96px;text-align:center}
.v139-plan .pl-inter-lab{margin:0 0 3px;font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;color:#B0761A}
.v139-plan .pl-inter-nom{padding:4px 0;border:1.5px solid #B0761A;background:#FBF7EE;font-size:12px;font-weight:600}
.v139-plan .pl-inter-sous{position:absolute;left:50%;top:55.2%;transform:translateX(-50%);width:150px;text-align:center;font-size:11px;line-height:1.4;color:#5B5344}
.v139-plan .pl-note{display:grid;grid-template-columns:120px 1fr;column-gap:20px;margin:8px 46px 0;padding-top:12px;border-top:1px solid rgba(34,27,18,.35)}
.v139-plan .pl-note .pl-lab{padding-top:5px;font-size:10px;letter-spacing:.2em;color:#B0761A}
.v139-plan .pl-note p{margin:0;font-size:17.5px;line-height:1.6;font-style:italic;color:#221B12}
/* — la coupe sombre — */
.v139-plan .pl-sombre{position:relative;margin:26px 46px 0;padding:30px 34px 32px;background:#241A0F;color:#F7F1E3}
.v139-plan .pl-sombre .pl-sur{margin:0 0 8px;font-size:10.5px;letter-spacing:.26em;color:#E0A83C}
.v139-plan .pl-sous-titre{margin:0 0 10px !important;font:600 34px/1.1 'Spectral',Georgia,'Times New Roman',serif !important;color:#E0A83C}
.v139-plan .pl-sombre > p{margin:0 0 22px;max-width:820px;font-size:16.5px;line-height:1.6;color:#DFD5C0}
.v139-plan .pl-socle{display:grid;grid-template-columns:1fr 1fr;gap:18px 34px}
.v139-plan .pl-socle > div{display:grid;grid-template-columns:30px 1fr;column-gap:10px}
.v139-plan .pl-num{padding-top:4px;font-size:11px;color:#E0A83C}
.v139-plan .pl-socle b{display:block;font:600 18px/1.3 'Spectral',Georgia,'Times New Roman',serif;color:#F7F1E3}
.v139-plan .pl-socle p{margin:2px 0 0;font-size:15px;line-height:1.5;color:#BCB19A}
.v139-plan .pl-sombre .pl-chute{margin:22px 0 0;padding-top:14px;border-top:1px solid rgba(245,241,229,.25);max-width:none}
/* — page 41 : la ligne des œuvres — */
.v139-plan .pl-ligne{position:relative;margin:28px 46px 0;padding-left:64px}
.v139-plan .pl-ligne::before{content:"";position:absolute;left:17px;top:8px;bottom:18px;width:1px;background:#221B12}
.v139-plan .pl-oeuvre{position:relative;margin-bottom:22px}
.v139-plan .pl-oeuvre:last-child{margin-bottom:0}
.v139-plan .pl-rom{position:absolute;left:-64px;top:2px;width:35px;height:35px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;border:1.5px solid #221B12;border-radius:50%;background:#FBF7EE;font-size:12px;font-weight:600}
.v139-plan .pl-oeuvre::before{content:"";position:absolute;left:-27px;top:19px;width:27px;height:1px;background:repeating-linear-gradient(to right,rgba(34,27,18,.5) 0 3px,transparent 3px 7px)}
.v139-plan .pl-oeuvre b{display:block;font:600 24px/1.2 'Spectral',Georgia,'Times New Roman',serif;color:#221B12}
.v139-plan .pl-oeuvre p{margin:3px 0 0;max-width:800px;font-size:16.5px;line-height:1.55;color:#3B342A}
.v139-plan .pl-notes{position:relative;margin:32px 46px 0;padding:26px 30px 28px;border:1px solid #221B12}
.v139-plan .pl-notes > .pl-sur{position:absolute;top:-6px;left:22px;margin:0;padding:0 8px;background:#FBF7EE;font-size:10px;letter-spacing:.26em;line-height:1.2}
.v139-plan .pl-notes .pl-sous-titre{margin:6px 0 10px !important;font-size:32px !important;color:#221B12}
.v139-plan .pl-notes > p{margin:0 0 20px;max-width:840px;font-size:16.5px;line-height:1.6;color:#3B342A}
.v139-plan .pl-crit{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}
.v139-plan .pl-crit > div{padding:14px 16px 16px;border:1px solid rgba(34,27,18,.4)}
.v139-plan .pl-crit .pl-lab{margin:0 0 6px;font-size:10px;letter-spacing:.2em;text-transform:none}
.v139-plan .pl-crit b{display:block;margin-bottom:5px;font:600 18px/1.2 'Spectral',Georgia,'Times New Roman',serif;color:#221B12}
.v139-plan .pl-crit p{margin:0;font-size:14.5px;line-height:1.5;color:#3B342A}
.v139-plan .pl-encart{margin-top:20px;padding:18px 22px 20px;background:#241A0F;color:#F7F1E3}
.v139-plan .pl-encart .pl-sur{margin:0 0 6px;font-size:11px;letter-spacing:.22em;color:#E0A83C}
.v139-plan .pl-encart p{margin:0;font-size:16px;line-height:1.55;color:#DFD5C0}
.v139-plan .pl-questions{display:grid;grid-template-columns:auto 1fr 1fr 1fr;gap:14px;align-items:stretch;margin-top:20px;padding-top:16px;border-top:1px solid rgba(34,27,18,.35)}
.v139-plan .pl-questions .pl-lab{max-width:86px;font-size:10px;letter-spacing:.2em;line-height:1.5;color:#6F6754;margin:0}
.v139-plan .pl-q{padding:2px 0 2px 12px;border-left:2px solid var(--q,#221B12);font-size:16px;line-height:1.4;font-style:italic}
/* — fluide sous 1100 px, colonne sous 760 px — */
@media (max-width:1000px){
.v139-plan .pl-cadre{margin:28px}
.v139-plan .pl-tete,.v139-plan .pl-venn,.v139-plan .pl-note,.v139-plan .pl-sombre,.v139-plan .pl-ligne,.v139-plan .pl-notes{margin-left:26px;margin-right:26px}
.v139-plan .pl-tete{padding:30px 26px 0}
.v139-plan .pl-titre{font-size:44px !important}
.v139-plan .pl-titre.pl-titre-41{font-size:40px !important}
.v139-plan .pl-sombre{padding:24px 24px 26px}
.v139-plan .pl-crit{grid-template-columns:1fr}
.v139-plan .pl-questions{grid-template-columns:1fr;gap:10px}
.v139-plan .pl-questions .pl-lab{max-width:none}
}
@media (max-width:760px){
.v139-plan .pl-cadre{margin:16px}
.v139-plan .pl-tete,.v139-plan .pl-venn,.v139-plan .pl-note,.v139-plan .pl-sombre,.v139-plan .pl-ligne,.v139-plan .pl-notes{margin-left:14px;margin-right:14px}
.v139-plan .pl-tete{padding:22px 14px 0}
.v139-plan .pl-bandeau,.v139-plan .pl-pied{flex-wrap:wrap;padding:10px 14px;letter-spacing:.14em}
.v139-plan .pl-titre,.v139-plan .pl-titre.pl-titre-41{font-size:31px !important}
.v139-plan .pl-chapeau{font-size:16.5px}
.v139-plan .pl-venn{aspect-ratio:auto;display:flex;flex-direction:column;gap:14px;margin-top:18px}
.v139-plan .pl-axe{display:none}
.v139-plan .pl-cercle{position:static;width:auto;aspect-ratio:auto;border-radius:28px;padding:18px 22px 20px}
.v139-plan .pl-b{align-items:flex-start;text-align:left}
.v139-plan .pl-b .pl-etqs{justify-content:flex-start}
.v139-plan .pl-inter{position:static;transform:none;width:auto;order:1;display:flex;align-items:center;justify-content:center;gap:10px}
.v139-plan .pl-inter-lab{margin:0}
.v139-plan .pl-inter-nom{padding:4px 12px}
.v139-plan .pl-inter-sous{position:static;transform:none;width:auto;order:1;margin-top:-8px}
.v139-plan .pl-b{order:2}
.v139-plan .pl-note{grid-template-columns:1fr;row-gap:6px}
.v139-plan .pl-sombre{padding:20px 18px 22px}
.v139-plan .pl-sous-titre{font-size:26px !important}
.v139-plan .pl-notes .pl-sous-titre{font-size:24px !important}
.v139-plan .pl-socle{grid-template-columns:1fr}
.v139-plan .pl-ligne{padding-left:50px}
.v139-plan .pl-rom{left:-50px}
.v139-plan .pl-oeuvre::before{left:-15px;width:15px}
.v139-plan .pl-notes{padding:22px 16px 20px}
}
/* — visionneuse : la planche se pose à plat dans la boîte de 900 px — */
#visionneuseComplement .v139-plan{box-shadow:none;min-height:0}
/* — impression : 1100 px ramenés à la largeur A4 (même procédé que la frise v118) — */
@media print{
.poster-page.portrait > .v139-plan{zoom:.72;min-height:0;box-shadow:none}
.v139-plan .pl-grille{display:none}
.v139-plan .pl-a,.v139-plan .pl-b,.v139-plan .pl-inter-nom,.v139-plan .pl-rom{print-color-adjust:exact;-webkit-print-color-adjust:exact}
.v139-plan .pl-sombre,.v139-plan .pl-encart{color:#171717;background:#fff;border:1px solid #bbb}
.v139-plan .pl-sombre .pl-sur,.v139-plan .pl-encart .pl-sur,.v139-plan .pl-num{color:#8a5e10}
.v139-plan .pl-sous-titre,.v139-plan .pl-socle b{color:#171717}
.v139-plan .pl-sombre > p,.v139-plan .pl-socle p,.v139-plan .pl-encart p{color:#333}
.v139-plan .pl-sombre .pl-chute{border-top-color:#ccc}
}
/* ===== v140 — galerie des figures en « planche de médailles » (maquette de Charles, 2026-09-02) =====
Gabarit réutilisable pour les pages 12 à 16 : une planche `.v140-medailles`, une pièce = `.md-piece`
(médaille SVG à texte circulaire + colonne de texte). Valeurs de la maquette (1180 px, marges 56/60). */
.poster-page.portrait.v140-large .poster-head,
.poster-page.portrait.v140-large .verification-note{width:min(100%,1180px)}
.native-poster.portrait.v140-medailles{width:min(100%,1180px);min-height:0;padding:56px 60px 46px;border-radius:4px;
background:#FBF7EE;color:#241E16;font-family:'Spectral',Georgia,'Times New Roman',serif;box-shadow:0 26px 60px rgba(36,30,22,.16)}
.v140-medailles p{margin:0}
.v140-medailles .md-sans,.v140-medailles .md-bandeau,.v140-medailles .md-lab{font-family:'IBM Plex Sans',Arial,Helvetica,sans-serif;font-weight:600;text-transform:uppercase}
.v140-medailles .md-bandeau{display:flex;justify-content:space-between;align-items:baseline;gap:10px 24px;margin:0 0 34px;padding-bottom:12px;border-bottom:1px solid #241E16;font-size:11.5px;letter-spacing:.26em;color:#7A7264}
.v140-medailles .md-bandeau span:first-child{color:#A9854A}
.v140-medailles .md-titre{margin:0 0 10px !important;font:600 56px/1.03 'Spectral',Georgia,'Times New Roman',serif !important;letter-spacing:-.015em;color:#241E16;text-wrap:balance}
.v140-medailles .md-chapeau{margin:0 0 6px;max-width:700px;font-size:18.5px;line-height:1.55;color:#3D362C;text-wrap:pretty}
.v140-medailles .md-trait{width:120px;height:2px;margin:18px 0 0;background:#C08A2A}
.v140-medailles .md-piece{display:flex;align-items:center;gap:56px;padding:40px 0 34px}
.v140-medailles .md-piece + .md-piece{border-top:1px solid #DDD5C6;padding:34px 0 6px}
.v140-medailles .md-piece.md-inverse{flex-direction:row-reverse}
.v140-medailles .md-medaille{position:relative;flex:0 0 380px;width:380px;height:380px}
.v140-medailles .md-portrait{position:absolute;left:10.53%;top:10.53%;width:78.95%;height:78.95%;margin:0;padding:0;border:2px solid #C08A2A;border-radius:50%;overflow:hidden;background:#e9e2d3;cursor:pointer;
box-shadow:0 0 0 7px #FBF7EE,0 0 0 8px rgba(192,138,42,.45),0 10px 24px rgba(36,30,22,.14);transition:transform .25s ease,box-shadow .25s ease}
.v140-medailles .md-portrait img{display:block;width:100%;height:100%;object-fit:cover}
.v140-medailles .md-portrait:hover,.v140-medailles .md-portrait:focus-visible{transform:scale(1.03);box-shadow:0 0 0 7px #FBF7EE,0 0 0 9px #C08A2A,0 14px 30px rgba(36,30,22,.2);outline:none}
.v140-medailles .md-anneau{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.v140-medailles .md-anneau text{font-family:'IBM Plex Sans',Arial,Helvetica,sans-serif;font-weight:600}
.v140-medailles .md-anneau .md-nom{font-size:16px;letter-spacing:6px;fill:#8A6520}
.v140-medailles .md-anneau .md-dates{font-size:13px;letter-spacing:5px;fill:#7A7264}
.v140-medailles .md-texte{flex:1 1 auto;min-width:0}
.v140-medailles .md-lab{margin:0 0 10px;font-size:11px;letter-spacing:.24em;color:#A9854A}
.v140-medailles .md-devise{margin:0 !important;max-width:560px;font:400 44px/1.12 'Spectral',Georgia,'Times New Roman',serif !important;color:#241E16;text-wrap:balance}
.v140-medailles .md-filet{max-width:560px;height:1px;margin:22px 0 18px;background:#DDD5C6}
.v140-medailles .md-texte > p{margin:0 0 18px;max-width:560px;font-size:17.5px;line-height:1.6;color:#3D362C;text-wrap:pretty}
.v140-medailles .md-meta{display:flex;flex-wrap:wrap;gap:12px 34px}
.v140-medailles .md-meta .md-lab{margin:0 0 3px;font-size:10.5px;letter-spacing:.2em;color:#7A7264}
.v140-medailles .md-meta b{display:block;font-weight:400;font-size:20px;white-space:nowrap;color:#241E16}
.v140-medailles .md-note{display:grid;grid-template-columns:190px 1fr;column-gap:34px;margin-top:34px;padding-top:18px;border-top:1px solid #241E16}
.v140-medailles .md-note > .md-lab{margin:0;font-size:11px;letter-spacing:.22em;line-height:1.6}
.v140-medailles .md-note h4{margin:0 0 10px !important;font:600 22px/1.2 'Spectral',Georgia,'Times New Roman',serif !important;color:#241E16}
.v140-medailles .md-note p{margin:0 0 12px;font-size:16.5px;line-height:1.6;color:#3D362C;text-wrap:pretty}
.v140-medailles .md-note p:last-child{margin-bottom:0}
.v140-medailles .md-note .md-frappe{margin-top:16px;padding:10px 0 2px 16px;border-left:2px solid #C08A2A;font-style:italic}
.v140-medailles .md-pied{display:flex;justify-content:space-between;gap:12px;margin-top:30px;padding-top:14px;border-top:1px solid #DDD5C6;font-size:11.5px;letter-spacing:.2em;color:#7A7264}
.v140-medailles .md-pied span:last-child{color:#A9854A}
@media (max-width:1000px){
.native-poster.portrait.v140-medailles{padding:34px 30px 30px}
.v140-medailles .md-titre{font-size:44px !important}
.v140-medailles .md-piece{gap:34px;padding:30px 0 26px}
.v140-medailles .md-medaille{flex-basis:300px;width:300px;height:300px}
.v140-medailles .md-devise{font-size:34px !important}
.v140-medailles .md-note{grid-template-columns:1fr;row-gap:8px}
}
@media (max-width:760px){
.native-poster.portrait.v140-medailles{padding:22px 16px 22px}
.v140-medailles .md-bandeau{flex-wrap:wrap;margin-bottom:22px;letter-spacing:.16em}
.v140-medailles .md-titre{font-size:32px !important}
.v140-medailles .md-chapeau{font-size:16.5px}
.v140-medailles .md-piece,.v140-medailles .md-piece.md-inverse{flex-direction:column;align-items:center;gap:18px;padding:24px 0 20px}
.v140-medailles .md-medaille{flex-basis:auto;width:min(300px,86vw);height:min(300px,86vw)}
.v140-medailles .md-texte{width:100%}
.v140-medailles .md-devise{font-size:28px !important}
.v140-medailles .md-filet{margin:14px 0 12px}
.v140-medailles .md-meta b{font-size:18px}
.v140-medailles .md-pied{flex-direction:column;gap:2px}
}
#visionneuseComplement .v140-medailles{box-shadow:none;padding:30px 26px 26px}
@media print{
.poster-page.portrait > .v140-medailles{zoom:.67;min-height:0;box-shadow:none;border-radius:0}
.v140-medailles .md-portrait,.v140-medailles .md-trait{print-color-adjust:exact;-webkit-print-color-adjust:exact}
/* v143 : les planches de quatre à six pièces (13-16) passent sur deux colonnes à l'impression, sinon la feuille A4 coupe la quatrième pièce */
.v140-medailles.md-dense{display:grid;grid-template-columns:1fr 1fr;column-gap:26px;align-content:start;padding:30px 34px 26px}
.v140-medailles.md-dense > .md-bandeau,.v140-medailles.md-dense > .md-titre,.v140-medailles.md-dense > .md-chapeau,.v140-medailles.md-dense > .md-trait,.v140-medailles.md-dense > .md-pied{grid-column:1 / -1}
.v140-medailles.md-dense .md-titre{font-size:40px !important}
.v140-medailles.md-dense .md-bandeau{margin-bottom:18px}
.v140-medailles.md-dense .md-piece,.v140-medailles.md-dense .md-piece.md-inverse{flex-direction:row;gap:16px;padding:16px 0 12px;border-top:1px solid #DDD5C6}
.v140-medailles.md-dense .md-medaille{flex-basis:250px;width:250px;height:250px}
.v140-medailles.md-dense .md-lab{margin-bottom:5px;font-size:9.5px}
.v140-medailles.md-dense .md-devise{font-size:25px !important}
.v140-medailles.md-dense .md-filet{margin:8px 0 8px}
.v140-medailles.md-dense .md-texte > p{margin-bottom:10px;font-size:14px;line-height:1.5}
.v140-medailles.md-dense .md-meta{gap:6px 18px}
.v140-medailles.md-dense .md-meta b{font-size:16px}
.v140-medailles.md-dense .md-pied{margin-top:14px}
}
/* ===== v142 — page 10 « Focale » (maquette de Charles, 2026-09-02) =====
Passe-partout crème (1180 px, marges 40) autour d'une planche sombre (1100 px). Le titre courant
de la maquette est porté par l'en-tête de page du site (.poster-head), il n'est pas répété.
Polices Instrument Serif (titres) et Newsreader (texte), auto-hébergées, latin seulement. */
.poster-page.portrait.v142-large .poster-head,
.poster-page.portrait.v142-large .verification-note{width:min(100%,1180px)}
.native-poster.portrait.v142-focale{width:min(100%,1180px);min-height:0;padding:40px;border-radius:26px;overflow:visible;
background:#F7F3EB;color:#241A0F;font-family:'Newsreader',Georgia,'Times New Roman',serif;box-shadow:0 22px 60px rgba(36,30,22,.12)}
.v142-focale p{margin:0}
.v142-focale .fo-planche{position:relative;display:flex;flex-direction:column;min-height:min(1556px,calc((100vw - 110px) * 1.4145));overflow:hidden;
border-radius:18px;background:#241A0F;color:#F7F1E3;box-shadow:0 18px 50px rgba(36,30,22,.28)}
.v142-focale .fo-cercle{position:absolute;left:50%;transform:translateX(-50%);border-radius:50%;pointer-events:none}
.v142-focale .fo-planche > canvas.v48-converge{width:100%;height:100%} /* un canvas absolu garde sa taille intrinsèque (300×150) si on ne lui donne pas ses dimensions */
.v142-focale .fo-c1{top:130px;width:1180px;height:1180px;border:1px solid rgba(217,164,65,.14)}
.v142-focale .fo-c2{top:290px;width:860px;height:860px;border:1px solid rgba(217,164,65,.22)}
.v142-focale .fo-c3{top:430px;width:580px;height:580px;border:1px solid rgba(217,164,65,.32)}
.v142-focale .fo-halo{top:520px;width:400px;height:400px;background:radial-gradient(closest-side,rgba(217,164,65,.20),rgba(217,164,65,0))}
.v142-focale .fo-cap{font-size:11px;letter-spacing:.26em;text-transform:uppercase;color:#A3957B}
.v142-focale .fo-or{color:#D9A441}
.v142-focale .fo-bandeau,.v142-focale .fo-pied{position:relative;display:flex;justify-content:space-between;gap:8px 24px;padding:28px 60px}
.v142-focale .fo-pied{margin-top:auto;padding:20px 60px 28px;letter-spacing:.24em}
.v142-focale .fo-tete{position:relative;padding:40px 60px 0;text-align:center}
.v142-focale .fo-tete .fo-cap{margin:0 0 22px;font-size:12px;letter-spacing:.3em}
.v142-focale .fo-titre{margin:0 auto !important;max-width:900px;font:400 92px/.95 'Instrument Serif',Georgia,'Times New Roman',serif !important;letter-spacing:-.02em;color:#F7F1E3;text-wrap:balance}
.v142-focale .fo-titre i{font-style:italic;color:#E8C068}
.v142-focale .fo-lead{margin:26px auto 0;max-width:640px;font-size:20px;line-height:1.5;color:#D8CDB6}
.v142-focale .fo-focus{position:relative;width:min(560px,100%);margin:150px auto 0;padding:0 24px;box-sizing:border-box;text-align:center}
.v142-focale .fo-focus .fo-cap{margin:0 0 14px;color:#D9A441}
.v142-focale .fo-focus .fo-reponse{font-family:'Instrument Serif',Georgia,'Times New Roman',serif;font-size:29px;line-height:1.3;color:#F7F1E3;text-wrap:pretty}
.v142-focale .fo-focus .fo-suite{margin-top:16px;font-size:17px;line-height:1.55;color:#C9BCA4;text-wrap:pretty}
.v142-focale .fo-avant-apres{position:relative;display:grid;grid-template-columns:1fr 1fr;margin:120px 60px 0;border-top:1px solid rgba(217,164,65,.35)}
.v142-focale .fo-derriere{padding:22px 36px 0 0;border-right:1px solid rgba(217,164,65,.35);text-align:right}
.v142-focale .fo-devant{padding:22px 0 0 36px}
.v142-focale .fo-avant-apres .fo-cap{margin:0 0 8px}
.v142-focale .fo-avant-apres p{font-size:16.5px;line-height:1.55;color:#B3A68E;text-wrap:pretty}
.v142-focale .fo-devant p{color:#F7F1E3}
.v142-focale .fo-gestes{position:relative;display:grid;grid-template-columns:1fr 1fr 1fr;column-gap:28px;row-gap:26px;margin:54px 60px 0}
.v142-focale .fo-geste{padding-top:16px;border-top:2px solid var(--g,#E0A83C)}
.v142-focale .fo-geste .fo-cap{letter-spacing:.24em}
.v142-focale .fo-geste b{display:block;margin:8px 0;font:400 30px/1.1 'Instrument Serif',Georgia,'Times New Roman',serif;color:#F7F1E3}
.v142-focale .fo-geste p{font-size:15px;line-height:1.5;color:#C9BCA4;text-wrap:pretty}
.v142-focale .fo-liens{position:relative;margin:54px 60px 0;padding:34px 40px 36px;background:#F7F1E3;color:#241A0F}
.v142-focale .fo-liens > .fo-cap{margin:0 0 6px;color:#8A6520}
.v142-focale .fo-liens-grille{display:grid;grid-template-columns:1fr 1fr 1fr;column-gap:30px;row-gap:22px;margin-top:14px}
.v142-focale .fo-lien b{display:block;margin-bottom:8px;font:400 27px/1.1 'Instrument Serif',Georgia,'Times New Roman',serif;color:var(--l,#8A6520)}
.v142-focale .fo-lien p{font-size:15px;line-height:1.5;color:#3B342A;text-wrap:pretty}
.v142-focale .fo-repere{margin-top:26px;padding-top:16px;border-top:1px solid #241A0F;font-family:'Instrument Serif',Georgia,'Times New Roman',serif;font-size:30px;line-height:1.2;text-align:center;text-wrap:balance}
.v142-focale .fo-repere i{font-style:italic}
@media (max-width:1000px){
.native-poster.portrait.v142-focale{padding:24px}
.v142-focale .fo-bandeau,.v142-focale .fo-tete{padding-left:34px;padding-right:34px}
.v142-focale .fo-pied{padding-left:34px;padding-right:34px}
.v142-focale .fo-titre{font-size:68px !important}
.v142-focale .fo-focus{margin-top:100px}
.v142-focale .fo-avant-apres{margin:80px 34px 0}
.v142-focale .fo-gestes,.v142-focale .fo-liens{margin-left:34px;margin-right:34px}
.v142-focale .fo-liens{padding:26px 28px 28px}
}
@media (max-width:760px){
.native-poster.portrait.v142-focale{padding:12px;border-radius:18px}
.v142-focale .fo-planche{min-height:0;border-radius:12px}
.v142-focale .fo-bandeau{flex-wrap:wrap;padding:18px 18px 0}
.v142-focale .fo-tete{padding:26px 18px 0}
.v142-focale .fo-titre{font-size:44px !important}
.v142-focale .fo-lead{font-size:17.5px}
.v142-focale .fo-focus{margin-top:48px;padding:0 18px}
.v142-focale .fo-focus .fo-reponse{font-size:24px}
.v142-focale .fo-avant-apres{grid-template-columns:1fr;margin:44px 18px 0}
.v142-focale .fo-derriere{padding:18px 0 18px;border-right:0;border-bottom:1px solid rgba(217,164,65,.35);text-align:left}
.v142-focale .fo-devant{padding:18px 0 0}
.v142-focale .fo-gestes{grid-template-columns:1fr;margin:36px 18px 0}
.v142-focale .fo-liens{margin:36px 18px 0;padding:22px 18px 22px}
.v142-focale .fo-liens-grille{grid-template-columns:1fr}
.v142-focale .fo-lien b{font-size:24px}
.v142-focale .fo-repere{font-size:24px}
.v142-focale .fo-pied{flex-direction:column;gap:4px;padding:26px 18px 20px}
}
#visionneuseComplement .v142-focale{box-shadow:none;padding:22px}
@media print{
.poster-page.portrait > .v142-focale{zoom:.67;min-height:0;padding:0;border-radius:0;box-shadow:none;background:#fff}
.v142-focale .fo-planche{min-height:0;border-radius:0;box-shadow:none;background:#fff;color:#171717;border:1px solid #bbb}
.v142-focale .fo-cercle{display:none}
.v142-focale .fo-cap,.v142-focale .fo-avant-apres p,.v142-focale .fo-geste p,.v142-focale .fo-focus .fo-suite,.v142-focale .fo-lead{color:#444}
.v142-focale .fo-or,.v142-focale .fo-focus .fo-cap,.v142-focale .fo-titre i{color:#8A6520}
.v142-focale .fo-titre,.v142-focale .fo-focus .fo-reponse,.v142-focale .fo-devant p,.v142-focale .fo-geste b{color:#171717}
.v142-focale .fo-liens{border:1px solid #bbb}
.v142-focale .fo-geste{print-color-adjust:exact;-webkit-print-color-adjust:exact}
}
/* ===== v145 — « nuit et vélin » : la devise et le mot de clôture réunis en diptyque =====
(maquette de Charles, 2026-09-02). Largeur alignée sur la page 10 qui suit : min(100%,1180px).
Remplace `.devise` + `.frise-closing` dans le fil des pages ; les deux références restent
cliquables (bulles de versets) sous l'habit discret de l'exergue gravé. */
/* largeur = celle des cartes de page au-dessus et au-dessous (bord extérieur de `.poster-page`) */
.v145-diptyque{position:relative;width:100%;margin:26px auto 34px;display:grid;
grid-template-columns:1fr 7px 1fr;border-radius:4px;box-shadow:0 22px 60px rgba(36,30,22,.14)}
.v145-diptyque .dp-volet{position:relative;padding:clamp(30px,4vw,54px) clamp(24px,3.4vw,50px)}
.v145-diptyque .dp-nuit{border-radius:4px 0 0 4px;color:#E8D6AE;
background:radial-gradient(120% 130% at 22% 34%,#2A231A 0%,#221C15 42%,#171310 100%)}
.v145-diptyque .dp-velin{border-radius:0 4px 4px 0;color:#241E16;background:#FBF9F4}
/* bandeau de tête : intitulé à gauche, repère de temps à droite */
.v145-diptyque .dp-tete{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;
gap:6px 22px;margin:0 0 clamp(20px,2.2vw,30px)}
.v145-diptyque .dp-cap{margin:0;font:600 11px/1.5 'IBM Plex Sans',Arial,Helvetica,sans-serif;
letter-spacing:.26em;text-transform:uppercase}
.v145-diptyque .dp-nuit .dp-cap{color:#B08A4A}
.v145-diptyque .dp-velin .dp-cap{color:#A9854A}
.v145-diptyque .dp-cap sup{font-size:.72em;letter-spacing:.14em;vertical-align:.42em}
.v145-diptyque .dp-texte{margin:0;font:400 clamp(23px,2.45vw,33px)/1.44 'Playfair Display',Didot,'Bodoni MT',Georgia,'Times New Roman',serif;
letter-spacing:-.004em;text-wrap:pretty}
.v145-diptyque .dp-nuit .dp-texte{color:#E3C888}
.v145-diptyque .dp-texte em,.v145-diptyque .dp-texte i{font-style:italic}
.v145-diptyque .dp-nuit .dp-texte em{color:#F0DCB2}
/* le filet des quatre familles, debout entre les deux volets, et la charnière */
.v145-diptyque .dp-filet{background:linear-gradient(180deg,#6b7280 0 25%,#1d4ed8 25% 50%,#b45309 50% 75%,#dc2626 75%)}
.v145-diptyque .dp-charniere{position:absolute;left:50%;top:50%;z-index:2;width:46px;height:46px;
transform:translate(-50%,-50%);display:grid;place-items:center;border:1px solid #C79A46;border-radius:50%;
background:#F4F0E9;color:#B0761A;font:400 17px/1 Georgia,serif;pointer-events:none}
/* les deux références : mêmes boutons qu'ailleurs, mais gravés en exergue */
.v145-diptyque .dp-refs{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 9px;margin:clamp(22px,2.6vw,32px) 0 0}
.v145-diptyque .dp-refs .dp-sep{color:#7A6544;font-size:11px}
.v145-diptyque .dp-refs button.ref-verset{margin:0;padding:2px 0;border:0;border-bottom:1px solid rgba(176,138,74,.32);
border-radius:0;background:none;color:#B08A4A;font:600 11px/1.5 'IBM Plex Sans',Arial,Helvetica,sans-serif;
letter-spacing:.2em;text-transform:uppercase;cursor:pointer;transition:color .15s ease,border-color .15s ease}
.v145-diptyque .dp-refs button.ref-verset::after{content:"";display:none}
.v145-diptyque .dp-refs button.ref-verset:hover,
.v145-diptyque .dp-refs button.ref-verset:focus-visible{color:#F0DCB2;border-color:#E3C888;outline:none}
.v145-diptyque .dp-refs button.ref-verset[aria-expanded="true"]{color:#F7F1E3;border-color:#F0DCB2}
.v145-diptyque .dp-fin{margin:clamp(22px,2.6vw,32px) 0 0;font:600 11px/1.5 'IBM Plex Sans',Arial,Helvetica,sans-serif;
letter-spacing:.2em;text-transform:uppercase;color:#6E7788}
@media (max-width:820px){
.v145-diptyque{grid-template-columns:1fr;grid-template-rows:auto 7px auto}
.v145-diptyque .dp-nuit{border-radius:4px 4px 0 0}
.v145-diptyque .dp-velin{border-radius:0 0 4px 4px}
.v145-diptyque .dp-filet{background:linear-gradient(90deg,#6b7280 0 25%,#1d4ed8 25% 50%,#b45309 50% 75%,#dc2626 75%)}
.v145-diptyque .dp-charniere{width:40px;height:40px;font-size:15px;transform:translate(-50%,-50%) rotate(90deg)}
}
/* Impression : comme la devise et le mot de clôture qu'il remplace, le diptyque n'est pas
tiré — `.pages > :not(.poster-page){display:none!important}` (ligne ~979) ne laisse passer
que les 57 pages. Pour l'imprimer un jour, il suffira de lui rendre `display:grid`. */
/* ===== v122 — gabarit de fiche de famille, bâti sur .v121-page =====
--c = la couleur de la famille (les huit du code couleur), --bg = son fond très clair.
Ordre : [.f-mode] · .f-tete (médaillon + titre) · .f-chaine (filiation) ·
.p-corps (.f-recit ×n, .f-retenir, puis .f-reperes-titre + .f-reperes + .f-source) · .p-pied. */
.v122-fiche .f-mode{margin:0 0 18px;color:#5c5750;font:15px/1.55 Georgia,'Times New Roman',serif;text-wrap:pretty}
.v122-fiche .f-tete{display:flex;align-items:flex-start;gap:20px;margin:0 0 18px}
.v122-fiche .f-medaillon{flex:0 0 auto;width:96px;height:96px;border-radius:50%;border:3px solid var(--c);overflow:hidden;background:#fff}
.v122-fiche .f-medaillon img{width:100%;height:100%;display:block;object-fit:cover}
.v122-fiche .f-titre{flex:1 1 auto;margin:4px 0 0 !important;font-size:28px !important;line-height:1.2;letter-spacing:-.008em;color:#7c766e}
.v122-fiche .f-titre b{color:var(--c);font-weight:inherit}
.v122-fiche .f-chaine{display:flex;flex-wrap:wrap;align-items:stretch;gap:7px;margin:0 0 20px;padding:0;list-style:none}
.v122-fiche .f-maillon{display:flex;align-items:center;gap:7px}
.v122-fiche .f-maillon > span{display:block;padding:8px 13px 9px;border-radius:9px;background:var(--bg)}
.v122-fiche .f-maillon b{display:block;font:700 14px/1.25 Arial,Helvetica,sans-serif;color:#1f1d1a}
.v122-fiche .f-maillon i{display:block;margin-top:1px;font:14px/1.3 Georgia,'Times New Roman',serif;font-style:normal;color:#6f6a63}
.v122-fiche .f-actuel > span{background:var(--c)}
.v122-fiche .f-actuel > span b,.v122-fiche .f-actuel > span i{color:#fff}
.v122-fiche .f-fleche{flex:0 0 auto;font:400 16px/1 Georgia,'Times New Roman',serif;font-style:normal;color:var(--c);opacity:.7}
.v122-fiche .f-recit{padding:15px 20px 16px;border-left:4px solid var(--c);border-radius:0 10px 10px 0;background:var(--bg);color:#2f2c28;font:16px/1.58 Georgia,'Times New Roman',serif;text-wrap:pretty}
.v122-fiche .f-retenir b{font:700 12.5px/1.4 Arial,Helvetica,sans-serif;letter-spacing:.11em;text-transform:uppercase;color:#1f1d1a}
.v122-fiche .f-reperes-titre{margin:0 0 14px;padding-top:16px;border-top:1px solid #e6e0d4;font:700 19px/1.3 Arial,Helvetica,sans-serif;color:var(--c)}
.v122-fiche .f-reperes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.v122-fiche .f-repere{padding:14px 16px 15px;border-radius:9px;background:var(--bg)}
.v122-fiche .f-repere b{display:block;margin-bottom:5px;font:700 15px/1.32 Arial,Helvetica,sans-serif;color:#1f1d1a}
.v122-fiche .f-repere p{color:#4a4540;font:14.5px/1.5 Georgia,'Times New Roman',serif;text-wrap:pretty}
.v122-fiche .f-source{margin-top:12px;color:#7b756e;font:12.5px/1.4 Georgia,'Times New Roman',serif}
@media (max-width:860px){
.v122-fiche .f-tete{gap:14px}
.v122-fiche .f-medaillon{width:74px;height:74px;border-width:2px}
.v122-fiche .f-titre{font-size:22px !important}
.v122-fiche .f-reperes{grid-template-columns:1fr}
.v122-fiche .f-recit{font-size:15.5px}
}
@media (max-width:520px){
.v122-fiche .f-chaine{gap:6px}
.v122-fiche .f-maillon > span{padding:7px 11px}
.v122-fiche .f-maillon b{font-size:13px}
.v122-fiche .f-maillon i{font-size:13px}
.v122-fiche .f-titre{font-size:20px !important}
}
@media print{
.v122-fiche .f-maillon > span,.v122-fiche .f-repere{background:#fff;border:1px solid #ccc}
.v122-fiche .f-actuel > span{background:#fff;border:2px solid var(--c)}
.v122-fiche .f-actuel > span b,.v122-fiche .f-actuel > span i{color:#1f1d1a}
.v122-fiche .f-recit{background:#fff;border-left-width:3px}
.v122-fiche .f-recit,.v122-fiche .f-repere{break-inside:avoid;page-break-inside:avoid}
}
/* ===== v123 — variantes du gabarit de fiche pour les pages voisines =====
.f-portraits enveloppe le ou les médaillons et la date facultative ;
.f-medaillon-duo pour deux portraits côte à côte ; .f-titre-seul quand
le titre est d'un seul tenant, sans complément en gris ;
.f-jalons pour une rangée de repères datés (page 35). */
.v122-fiche .f-portraits{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:6px}
.v122-fiche .f-medaillon-duo{display:flex;width:auto;height:auto;border:0;border-radius:0;background:none;gap:6px;overflow:visible}
.v122-fiche .f-medaillon-duo img{width:82px;height:82px;border-radius:50%;border:3px solid var(--c);background:#fff}
.v122-fiche .f-date{font:700 14px/1 Arial,Helvetica,sans-serif;color:var(--c)}
.v122-fiche .f-titre-seul{flex:0 0 auto;margin:0 0 4px !important;color:var(--c)}
.v122-fiche .f-jalons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.v122-fiche .f-jalon{border-left:4px solid var(--c);padding-left:15px}
.v122-fiche .f-jalon b{display:block;font:700 15.5px/1.3 Arial,Helvetica,sans-serif;color:#1f1d1a}
.v122-fiche .f-jalon em{display:block;margin:3px 0 5px;font:700 14px/1.3 Arial,Helvetica,sans-serif;font-style:normal;color:var(--c)}
.v122-fiche .f-jalon p{color:#3a3631;font:15px/1.5 Georgia,'Times New Roman',serif;text-wrap:pretty}
@media (max-width:860px){
.v122-fiche .f-medaillon-duo img{width:62px;height:62px;border-width:2px}
.v122-fiche .f-jalons{grid-template-columns:1fr;gap:16px}
}
@media print{
.v122-fiche .f-jalon{break-inside:avoid;page-break-inside:avoid}
}
/* v124 — contraste des textes secondaires porté au seuil WCAG AA (4,5:1 sur blanc) :
#8a847c → #7b756e (lignes de source, folios, repères en marge, pieds de planche),
#9b6f20 → #996e20 (folio de l'en-tête), #81776a → #7d7367 (libellés des étapes p.10).
Écarts imperceptibles à l'œil, mais 133 éléments repassent au-dessus du seuil. */
/* ===== v125 — le code couleur des familles, recréé en HTML =====
Reprend les proportions de la planche : gros médaillons, noms sur deux ou
trois lignes, colonne de texte étroite, lignes aérées, tout centré verticalement.
Il remplace illustration-05-v3.webp (1228 px de fichier pour 1094 affichés, 1,1×).
Les portraits restent cliquables — fiche de la famille, ou menu s'il y en a plusieurs. */
.v125-cc-titre{margin:0 0 6px !important;font:900 clamp(19px,2.1vw,27px)/1.2 Arial,Helvetica,sans-serif !important;letter-spacing:.01em;text-transform:uppercase;color:#1f1d1a}
.v125-cc{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
gap:clamp(24px,3.4vw,44px) clamp(22px,3.6vw,52px);
max-width:1040px;margin:clamp(20px,2.6vw,34px) auto 0;padding:0;list-style:none}
.v125-cc-item{position:relative;display:grid;grid-template-columns:auto auto minmax(0,1fr);
align-items:center;gap:0 clamp(11px,1.5vw,20px)}
.v125-cc-portrait{padding:0;border:0;background:none;line-height:0;cursor:pointer}
.v125-cc-rond{display:block;width:clamp(72px,7.4vw,98px);aspect-ratio:1/1;overflow:hidden;
border:3px solid var(--c);border-radius:50%;background:#fff;
transition:transform .16s ease,box-shadow .16s ease}
.v125-cc-portrait img{display:block;width:100% !important;height:100% !important;border:0 !important;border-radius:0 !important;object-fit:cover;background:transparent}
.v125-cc-portrait:hover .v125-cc-rond,.v125-cc-portrait:focus-visible .v125-cc-rond{transform:translateY(-2px);box-shadow:0 0 0 3px rgba(255,255,255,.95),0 8px 20px rgba(40,34,26,.26)}
.v125-cc-portrait:focus-visible{outline:none}
.v125-cc-puce{width:clamp(15px,1.75vw,23px);aspect-ratio:1/1;border-radius:4px;background:var(--c)}
.v125-cc-texte{max-width:clamp(165px,17.5vw,246px)}
.v125-cc-texte b{display:block;font:700 clamp(15.5px,1.75vw,23px)/1.24 Arial,Helvetica,sans-serif;color:#1f1d1a;text-wrap:balance}
.v125-cc-texte > span{display:block;margin-top:clamp(4px,.5vw,8px);color:#5f594f;
font:clamp(15px,1.65vw,22px)/1.3 Georgia,'Times New Roman',serif;text-wrap:pretty}
.v125-cc-item .v52-cc-menu{top:calc(100% + 8px);left:0;right:auto;bottom:auto;transform:none}
@media (max-width:640px){
.v125-cc{grid-template-columns:1fr;gap:20px;max-width:none}
.v125-cc-texte{max-width:none}
}
@media print{
.v125-cc{gap:16px 30px}
.v125-cc-rond{width:82px;box-shadow:none;transform:none}
.v125-cc-texte b{font-size:15px}
.v125-cc-texte > span{font-size:14px}
.v125-cc-item{break-inside:avoid;page-break-inside:avoid}
}
}
/* ===== v127 — la page 11 reprend le même code couleur, en HTML =====
Mêmes pièces que le bloc d'introduction, mais dimensionnées pour la feuille A4
(820 px) au lieu de la largeur de l'écran. Les « Ce qui distingue les huit fils »
repassent dans le flux : leur marge négative les superposait à l'affiche. */
.v127-cc-page{padding:34px 40px 26px}
/* le titre de la feuille reprend la police du titre de page : Playfair, bas de casse,
un cran plus petit que l'en-tête pour garder la hiérarchie. */
.v127-cc-page .v125-cc-titre{margin:0 !important;font:700 clamp(19px,2.2vw,26px)/1.14 'Playfair Display',Didot,'Bodoni MT',Georgia,'Times New Roman',serif !important;letter-spacing:-.012em;text-transform:none;color:#171717;text-wrap:balance}
.v127-cc-page .v125-cc{max-width:none;margin:20px 0 0;gap:22px 26px}
.v127-cc-page .v125-cc-rond{width:88px;border-width:2px}
.v127-cc-page .v125-cc-puce{width:18px}
.v127-cc-page .v125-cc-texte{max-width:196px}
.v127-cc-page .v125-cc-texte b{font-size:17.5px;line-height:1.24}
.v127-cc-page .v125-cc-texte > span{margin-top:4px;font-size:16.5px;line-height:1.3}
.v127-cc-page .p-corps{margin-top:26px}
.v127-cc-page .family-distinctions-overlay{position:static;margin:0;padding:20px 22px;border-radius:12px}
.v127-cc-page .fdo-kicker{font-size:11px !important;letter-spacing:.13em}
.v127-cc-page .family-distinctions-overlay h3{font-size:21px !important;line-height:1.14}
.v127-cc-page .fdo-lead{font-size:15px !important;line-height:1.5}
.v127-cc-page .fdo-card h4{font-size:14px !important;line-height:1.3}
.v127-cc-page .fdo-card p{font-size:13.5px !important;line-height:1.5}
@media (max-width:860px){
.v127-cc-page{padding:22px 18px 18px}
.v127-cc-page .v125-cc{grid-template-columns:1fr;gap:16px}
.v127-cc-page .v125-cc-texte{max-width:none}
.v127-cc-page .v125-cc-rond{width:70px}
}
@media print{
.v127-cc-page{padding:12mm 14mm 10mm}
.v127-cc-page .v125-cc-rond{width:74px}
.v127-cc-page .family-distinctions-overlay{break-inside:avoid;page-break-inside:avoid}
}
/* ===== v128 — le code couleur d'introduction prend l'habit d'une page =====
Même traitement que les planches : panneau clair bordé et arrondi, filet sous
le titre, puis feuille blanche ombrée qui porte la grille. Valeurs reprises
telles quelles de .poster-page et de .native-poster pour que ce soit identique. */
.v72-code-couleur.timeline-intro-panel{
padding:clamp(18px,2.6vw,34px);
border:1px solid #d9d1c6;border-radius:18px;
background:rgba(255,255,255,.88);
box-shadow:0 18px 45px rgba(41,34,27,.1);
}
.v128-cc-tete{margin:0 0 clamp(16px,2.1vw,28px);padding:0 0 13px;border-bottom:1px solid #ddd3c5}
/* le titre reprend l'habit d'un titre de planche : Playfair, bas de casse */
.v128-cc-tete .v125-cc-titre{margin:0 !important;font:700 clamp(20px,3vw,32px)/1.12 'Playfair Display',Didot,'Bodoni MT',Georgia,'Times New Roman',serif !important;letter-spacing:-.012em;text-transform:none;color:#171717;text-wrap:balance}
.v128-cc-feuille{padding:clamp(20px,2.6vw,34px) clamp(18px,3vw,44px) clamp(20px,2.6vw,32px);
border-radius:12px;background:#fff;box-shadow:0 10px 32px rgba(34,27,21,.16)}
.v128-cc-feuille .v125-cc{margin-top:0}
@media (max-width:640px){
.v72-code-couleur.timeline-intro-panel{padding:14px;border-radius:14px}
.v128-cc-feuille{padding:16px 14px}
}
@media print{
.v72-code-couleur.timeline-intro-panel{border:1px solid #ccc;box-shadow:none;background:#fff}
.v128-cc-feuille{box-shadow:none;padding:0}
}
/* ===== v129 — fiches figures et fiches voisines alignées sur les fiches famille =====
Demande de Charles : même taille de médaillon et de titre partout.
Référence = la fiche famille (page 29) : rond de 96 px, liseré de 3 px,
titre à 28 px. Les fiches figures étaient à 124 px et 44 px, la fiche des
Témoins de Jéhovah avait deux ronds de 82 px. */
.v52-fig-medaillon{width:96px;height:96px;border-width:3px;box-shadow:none}
.v52-figure-sheet h3{font-size:28px;line-height:1.2;letter-spacing:-.012em}
.v122-fiche .f-medaillon-duo img{width:96px;height:96px}
@media (max-width:860px){
.v52-fig-medaillon{width:74px;height:74px;border-width:2px}
.v52-figure-sheet h3{font-size:22px}
.v122-fiche .f-medaillon-duo img{width:74px;height:74px;border-width:2px}
}
@media (max-width:520px){
.v52-figure-sheet h3{font-size:20px}
}
/* ===== v131 — gabarit de galerie de figures (pages 12 à 16) =====
Reprend la disposition de la planche : deux colonnes, le portrait au-dessus
de sa légende, six figures qui remplissent la feuille. Le médaillon est rond
comme partout ailleurs dans le dossier, cerclé de la couleur de la famille.
Il reste cliquable : il ouvre la fiche liée, ou un menu s'il y en a plusieurs
— mêmes cibles que les points posés autrefois sur l'affiche. */
.v131-page .v131-titre{margin:0 0 6px !important;font-size:26px !important;line-height:1.16;letter-spacing:-.012em;color:#141414}
.v131-page .v131-para{margin:0 0 12px;max-width:74ch;color:#33302c;font:16px/1.58 Georgia,'Times New Roman',serif;text-wrap:pretty}
.v131-page .v131-para i{font-style:italic}
.v131-page .v131-galerie-titre{margin:22px 0 4px !important;font-size:24px !important;line-height:1.15;color:#141414}
.v131-page .v131-lead{margin:0 0 6px;max-width:76ch;color:#5f594f;font:15.5px/1.5 Georgia,'Times New Roman',serif;text-wrap:pretty}
.v131-galerie{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 34px;margin:6px 0 0;padding:0;list-style:none}
.v131-fig{position:relative;display:block}
.v131-fig-portrait{display:block;padding:0;border:0;background:none;line-height:0;cursor:pointer}
.v131-fig-rond{display:block;width:clamp(120px,17vw,168px);aspect-ratio:1/1;overflow:hidden;border:3px solid var(--c);border-radius:50%;background:#fff;transition:transform .16s ease,box-shadow .16s ease}
.v131-fig-portrait img{display:block;width:100%;height:100%;object-fit:cover}
.v131-fig-portrait:hover .v131-fig-rond,.v131-fig-portrait:focus-visible .v131-fig-rond{transform:translateY(-2px);box-shadow:0 0 0 3px rgba(255,255,255,.95),0 9px 22px rgba(40,34,26,.26)}
.v131-fig-portrait:focus-visible{outline:none}
.v131-fig-texte{display:block;margin-top:13px}
.v131-fig-texte b{display:block;font:700 19px/1.24 Arial,Helvetica,sans-serif;color:#1f1d1a;text-wrap:balance}
.v131-fig-vie,.v131-fig-mot{display:block;margin-top:2px;color:#5f594f;font:16px/1.4 Georgia,'Times New Roman',serif;text-wrap:pretty}
.v131-fig-fam{display:flex;align-items:center;gap:7px;margin-top:8px;font:700 12px/1.4 Arial,Helvetica,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--c)}
.v131-fig-fam i{flex:0 0 auto;width:11px;height:11px;border-radius:3px;background:var(--c)}
.v131-fig .v52-cc-menu{top:calc(100% + 8px);left:0;right:auto;bottom:auto;transform:none}
@media (max-width:860px){
.v131-page .v131-titre{font-size:21px !important}
.v131-page .v131-galerie-titre{font-size:20px !important}
.v131-galerie{gap:22px}
.v131-fig-rond{width:96px;border-width:2px}
.v131-fig-texte b{font-size:16.5px}
.v131-fig-vie,.v131-fig-mot{font-size:14.5px}
}
@media (max-width:520px){ .v131-galerie{grid-template-columns:1fr} }
@media print{
.v131-galerie{gap:20px 26px}
.v131-fig{break-inside:avoid;page-break-inside:avoid}
.v131-fig-rond{box-shadow:none;transform:none}
}
}
/* ===== v133 — tableau récapitulatif « qui vient d'où ? » (pages 38 et 39) =====
Une ligne = une famille : filet coloré, nom, trois colonnes datées, puis la
chaîne des portraits, du plus proche de nous (à gauche) vers la racine.
Les ronds reprennent les médaillons validés `frise-*.webp` ; l'anneau porte
la couleur de famille (palette FAM, la même que les fiches et la frise).
.v133-tab est une grille à rangées égales (1fr) : les lignes s'étirent pour
occuper toute la hauteur de la feuille A4, comme sur la planche d'origine. */
.v121-page.v133-page .p-corps{gap:16px}
.v121-page .v133-chapeau{margin:0;max-width:none}
.v133-tab{flex:1 1 auto;display:grid;grid-auto-rows:minmax(84px,1fr);gap:11px;align-content:stretch}
.v133-lig{display:grid;grid-template-columns:152px 94px 94px minmax(0,1fr) auto;align-items:center;gap:0 12px;
padding:12px 16px 12px 0;border-left:6px solid var(--c,#6b7280);border-radius:0 10px 10px 0;background:#f6f4ef}
.v133-lig > *{min-width:0}
.v133-nom{padding-left:17px;font:700 17px/1.24 Arial,Helvetica,sans-serif;letter-spacing:-.012em;color:#171717;text-wrap:balance}
.v133-nom sup{font-size:.62em;font-weight:700;color:#6d665e}
.v133-col b{display:block;margin-bottom:4px;font:700 10.5px/1.4 Arial,Helvetica,sans-serif;letter-spacing:.115em;text-transform:uppercase;color:#736c64}
.v133-col p{color:#33302c;font:14.5px/1.4 Georgia,'Times New Roman',serif}
.v133-col sup{font-size:.66em;line-height:0}
.v133-ronds{display:flex;align-items:center;justify-content:flex-end;gap:5px}
.v133-rond{flex:0 0 auto;display:block;width:52px;height:52px;border:2.5px solid var(--c,#6b7280);border-radius:50%;overflow:hidden;background:#fff}
.v133-rond img{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%}
.v133-fleche{flex:0 0 auto;font:700 13px/1 Arial,Helvetica,sans-serif;font-style:normal;color:var(--c,#6b7280);opacity:.68}
.v133-notes{display:flex;flex-direction:column;gap:5px;color:#5c564e;font:12.5px/1.5 Georgia,'Times New Roman',serif}
.v133-notes p{margin:0;text-wrap:pretty}
.v133-notes sup{margin-right:5px;font-weight:700;color:#736c64}
@media (max-width:860px){
.v133-lig{grid-template-columns:138px 88px 88px minmax(0,1fr);row-gap:10px;padding:11px 12px 11px 0}
.v133-nom{padding-left:14px;font-size:16px}
.v133-ronds{grid-column:1 / -1;justify-content:flex-start;padding-left:14px}
.v133-rond{width:50px;height:50px}
}
@media (max-width:620px){
.v133-tab{grid-auto-rows:auto}
.v133-lig{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:10px;column-gap:12px;padding:13px 13px 14px 0}
.v133-nom{grid-column:1 / -1;padding-left:15px}
.v133-col{padding-left:15px}
.v133-col:nth-child(4){grid-column:1 / -1}
.v133-ronds{grid-column:1 / -1;justify-content:flex-start;padding-left:15px}
.v133-rond{width:46px;height:46px}
}
/* v148-impression */
/* v147 — impression : feuille de style finale, chargée après toutes les autres.
Objectif : une impression simple et lisible, tout en A4 portrait, sans
feuilles blanches ni contenu coupé. Aucune règle ci-dessous n'agit à l'écran. */
@media print {
@page { size:A4 portrait; margin:9mm 10mm 10mm; }
/* 0. Fond blanc partout : le fond beige de l'écran remplissait le bas
des feuilles ; la page de couverture (image de présentation) est
imprimée en première feuille. */
html, body, main, .pages, .v87-layout, .timeline-intro-panel { background:#fff !important; }
.poster-page { background:#fff !important; border:0 !important; box-shadow:none !important; border-radius:0 !important; padding:0 !important; }
.v87-cover { display:block !important; width:100% !important; margin:0 0 6mm !important; border:0 !important;
background:#fff !important; break-after:page !important; page-break-after:always !important; }
.v87-cover-stage { width:100% !important; aspect-ratio:auto !important; box-shadow:none !important; overflow:visible !important; }
.v87-cover img { display:block !important; width:100% !important; height:auto !important; max-height:270mm !important; object-fit:contain; }
.v87-cover-link { display:none !important; }
/* 1. Éléments d'interface qui n'ont rien à faire sur le papier */
.skip-link, .scroll-progress, .pager, .topbar, .visionneuse, .loupe { display:none !important; }
/* 2. Plus aucune hauteur de feuille imposée : c'est elle qui débordait d'un
cheveu et rejetait une feuille vide après chaque page paysage. */
.hero, .paul-map-panel, .timeline-intro-panel,
.poster-page, .poster-page.portrait, .poster-page.landscape,
.poster-frame, .poster-frame.portrait, .poster-frame.landscape,
.poster-page > .native-poster, .poster-page > .five-misunderstandings-sheet,
.poster-page.landscape > .poster-frame, .poster-page.landscape > .native-poster,
.poster-page.landscape > .five-misunderstandings-sheet {
height:auto !important; min-height:0 !important; max-height:none !important;
overflow:visible !important; position:static !important;
}
.hero { break-after:auto !important; page-break-after:auto !important; }
/* 3. Sauts de feuille : un seul saut « avant » chaque page du dossier,
jamais de saut « après » (les deux combinés créaient des feuilles vides). */
.poster-page, .paul-map-panel, .annex-divider, .contemporary-bridge, .matthew-transition,
.promise-note, .intent-guide, .correction-appendix {
break-after:auto !important; page-break-after:auto !important;
break-inside:auto !important; page-break-inside:auto !important;
}
.poster-page, .annex-divider, .contemporary-bridge, .matthew-transition {
break-before:page !important; page-break-before:always !important;
}
.paul-map-panel, .timeline-intro-panel:not(.v72-code-couleur) { break-before:auto !important; page-break-before:auto !important; }
.poster-page, .poster-page.landscape { page:auto !important; width:100% !important; }
/* 4. Rien ne dépasse la largeur de la feuille */
.poster-frame, .poster-frame.portrait, .poster-frame.landscape,
.poster-page.landscape > .poster-frame, .poster-page.landscape > .native-poster,
.poster-page.landscape > .five-misunderstandings-sheet,
.poster-page > .native-poster, .poster-page > .five-misunderstandings-sheet {
width:100% !important; max-width:100% !important; margin:0 !important;
}
.poster-frame img, .paul-map-panel img, .timeline-intro-panel img, .promise-note img,
.poster-page.landscape > .poster-frame img {
display:block !important; width:auto !important; max-width:100% !important; height:auto !important;
max-height:240mm !important; margin:0 auto !important; object-fit:contain;
break-inside:avoid; page-break-inside:avoid;
}
/* Les autres images (médaillons, portraits) gardent leur taille, sans jamais dépasser */
.poster-page img, .poster-page svg, .poster-page figure, .poster-page table { max-width:100% !important; }
.v52-fig-tete img.v52-fig-medaillon { width:34mm !important; height:34mm !important; max-width:34mm !important; }
.v52-fig-heritage { display:none !important; } /* liens « pour continuer » : navigation sans objet sur papier */
.poster-page.v52-figure-page > .v52-figure-sheet { zoom:.84; }
.poster-page > .ztf-sheet { zoom:.68 !important; }
.ztf-photo-panel { min-height:0 !important; max-height:150mm !important; }
.ztf-photo-panel img { height:auto !important; max-height:150mm !important; }
.poster-page.portrait > .v142-focale { zoom:.58; }
.pages > .v72-code-couleur { zoom:.85; }
.paul-map-panel { padding:0 !important; }
.paul-map-panel img { max-height:110mm !important; }
.timeline-intro-panel { zoom:.85; }
/* 5. Pages composées en paysage (frise, cartes) : réduites à la largeur
de la feuille portrait, hauteur libre. */
.poster-page.landscape > .v118-frise { zoom:1 !important; width:100% !important; height:auto !important;
min-height:0 !important; max-height:none !important; overflow:visible !important; padding:6mm 4mm 4mm; }
.poster-page.portrait > .v139-plan { zoom:.58; } .poster-page.portrait > .v140-medailles { zoom:.56; }
.poster-page.portrait > .v133-page { zoom:.7 !important; }
/* Fiches famille et figures composées en HTML : légère réduction pour tenir
sur une feuille au lieu de déborder de quelques lignes sur la suivante. */
.poster-page.portrait > .native-poster:not(.v139-plan):not(.v140-medailles):not(.v142-focale) { zoom:.8; }
/* 6. Les précisions de lecture suivent leur page sans être coupées */
.verification-note { break-inside:avoid; page-break-inside:avoid; margin-top:4mm; }
/* 7. Glossaire : deux colonnes fluides, fiches insécables */
#gloPanel[hidden] { display:block !important; }
.glo-grid { display:block !important; columns:2 !important; column-gap:8mm; }
.glo-item { break-inside:avoid; page-break-inside:avoid; }
h1, h2, h3, h4 { break-after:avoid; page-break-after:avoid; }
}
/* v150-parcours */
/* v149-v150 — parcours thématiques (Trinité, Shéol-Géhenne, La grâce) à côté du libellé.
Sur mobile, les trois cartes se partagent une ligne sous le libellé « Parcours thématiques ». */
.v88-topic{white-space:nowrap}
@media (max-width:1100px){
.v88-top{gap:16px}
.v88-topic{padding:9px 12px;gap:9px}
}
@media (max-width:720px){
.v88-top{gap:8px}
.v88-brand{width:100%}
.v88-topic,.v88-topic+.v88-topic{margin-left:0;flex:1 1 calc(33.333% - 6px);justify-content:center;min-width:0;gap:7px;padding:9px 6px}
.v88-topic b{font-size:13px}
}
@media (max-width:400px){
.v88-topic b{font-size:12px}
}