:root,[data-mode=clair]{color-scheme:light;--fond: #f6f7f9;--surface: #ffffff;--surface-2: #eef0f4;--bordure: #d9dde5;--texte: #161a22;--texte-doux: #4a5262;--texte-sur-fonce: #ffffff;--texte-sur-clair: #161a22;--ombre: 0 1px 2px rgb(22 26 34 / .06), 0 8px 24px rgb(22 26 34 / .08);--voile: rgb(22 26 34 / .04);--etat-preparation: #8a5a00;--etat-relire: #1d4ed8;--etat-en-ligne: #13795b;--charte-1: #3b4a6b;--charte-2: #5a6478;--sur-charte-1: #ffffff;--sur-charte-2: #ffffff}[data-mode=sombre]{color-scheme:dark;--fond: #0f1218;--surface: #171b23;--surface-2: #212734;--bordure: #2f3747;--texte: #e9ecf2;--texte-doux: #a6aebd;--texte-sur-fonce: #ffffff;--texte-sur-clair: #161a22;--ombre: 0 1px 2px rgb(0 0 0 / .4), 0 8px 24px rgb(0 0 0 / .35);--voile: rgb(255 255 255 / .04);--etat-preparation: #f0b44c;--etat-relire: #8fb1ff;--etat-en-ligne: #5fd3a8;--charte-1: #a9b8d8;--charte-2: #b8bfcc;--sur-charte-1: #161a22;--sur-charte-2: #161a22}:root{--charte-1-doux: color-mix(in srgb, var(--charte-1) 14%, transparent);--charte-2-doux: color-mix(in srgb, var(--charte-2) 14%, transparent);--police: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--police-titre: var(--police);--rayon: 12px;--rayon-petit: 8px;--espace-1: 4px;--espace-2: 8px;--espace-3: 12px;--espace-4: 16px;--espace-5: 24px;--espace-6: 32px;--espace-7: 48px;--espace-8: 72px;--taille-texte: 1.0625rem;--taille-petit: .875rem;--taille-titre-1: clamp(2rem, 4vw, 3rem);--taille-titre-2: clamp(1.5rem, 3vw, 2.25rem);--largeur-scene: 980px;--hauteur-barre: 64px}*,*:before,*:after{box-sizing:border-box}html{background:var(--fond);color:var(--texte);font-family:var(--police);font-size:100%}body{margin:0;min-height:100vh;background:var(--fond);color:var(--texte);line-height:1.55}a{color:var(--charte-1)}h1,h2,h3{font-family:var(--police-titre);line-height:1.2;margin:0}[hidden]{display:none!important}:focus-visible{outline:3px solid var(--charte-1);outline-offset:2px;border-radius:var(--rayon-petit)}.entete{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:var(--espace-5);flex-wrap:wrap;padding:var(--espace-3) var(--espace-5);background:var(--surface);border-bottom:1px solid var(--bordure)}.entete-marque{font-weight:700;text-decoration:none;color:var(--texte);display:inline-flex;align-items:center;gap:var(--espace-2)}.entete-marque:before{content:"";inline-size:14px;block-size:14px;border-radius:4px;background:linear-gradient(135deg,var(--charte-1),var(--charte-2))}.entete-nav a{color:var(--texte-doux);text-decoration:none;font-weight:600}.entete-nav a:hover{color:var(--texte)}.entete-reglages{margin-inline-start:auto;display:flex;align-items:center;gap:var(--espace-4);flex-wrap:wrap}.champ-qui{display:inline-flex;align-items:center;gap:var(--espace-2);font-size:var(--taille-petit);color:var(--texte-doux)}.champ-qui select{font:inherit;color:var(--texte);background:var(--surface-2);border:1px solid var(--bordure);border-radius:var(--rayon-petit);padding:var(--espace-1) var(--espace-3)}.bouton,.bascule button,.lecteur-chapitres button{font:inherit;cursor:pointer;color:var(--texte);background:var(--surface-2);border:1px solid var(--bordure);border-radius:var(--rayon-petit);padding:var(--espace-2) var(--espace-4);text-decoration:none;display:inline-flex;align-items:center;gap:var(--espace-2)}.bouton:hover,.bascule button:hover{border-color:var(--charte-1)}.bouton-principal{background:var(--charte-1);color:var(--sur-charte-1);border-color:var(--charte-1);font-weight:600}.bascule{display:inline-flex;background:var(--surface-2);border:1px solid var(--bordure);border-radius:var(--rayon-petit);padding:2px}.bascule button{border:0;background:transparent;font-size:var(--taille-petit);padding:var(--espace-1) var(--espace-3);color:var(--texte-doux)}.bascule button[aria-pressed=true]{background:var(--charte-1);color:var(--sur-charte-1);font-weight:600}.atelier{max-width:1240px;margin:0 auto;padding:var(--espace-6) var(--espace-5) var(--espace-8)}.fil{color:var(--texte-doux);font-size:var(--taille-petit);margin:0 0 var(--espace-4)}.fil a{color:var(--texte-doux)}.galerie-entete{display:flex;justify-content:space-between;align-items:end;gap:var(--espace-4);margin-bottom:var(--espace-5)}.galerie-entete h1{font-size:var(--taille-titre-2)}.galerie-aide{color:var(--texte-doux);margin:var(--espace-2) 0 0}.galerie-filtres{margin-bottom:var(--espace-5)}.galerie-filtres .compte{opacity:.8;font-variant-numeric:tabular-nums}.galerie-grille{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--espace-5)}.galerie-vide{color:var(--texte-doux)}.carte-module{display:flex;flex-direction:column;height:100%;background:var(--surface);border:1px solid var(--bordure);border-radius:var(--rayon);overflow:hidden;box-shadow:var(--ombre)}.carte-apercu{position:relative;display:flex;align-items:end;aspect-ratio:16 / 9;padding:var(--espace-4);text-decoration:none;background:linear-gradient(135deg,var(--charte-1),var(--charte-2))}.carte-apercu-titre{color:var(--sur-charte-1);font-weight:700;font-size:1.25rem;max-width:80%}.carte-apercu-pastilles{position:absolute;top:var(--espace-4);right:var(--espace-4);display:flex;gap:var(--espace-1)}.carte-apercu-pastilles i{inline-size:8px;block-size:8px;border-radius:50%;background:var(--sur-charte-1);opacity:.7}.carte-corps{padding:var(--espace-4);flex:1;display:flex;flex-direction:column;gap:var(--espace-2)}.carte-titre{font-size:1.125rem}.carte-titre a{color:var(--texte);text-decoration:none}.carte-sous-titre,.carte-meta{margin:0;color:var(--texte-doux);font-size:var(--taille-petit)}.carte-actions{padding:0 var(--espace-4) var(--espace-4)}.etat{align-self:start;display:inline-flex;align-items:center;gap:var(--espace-1);font-size:.75rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase}.etat:before{content:"";inline-size:8px;block-size:8px;border-radius:50%;background:currentColor}.etat[data-etat=en-preparation]{color:var(--etat-preparation)}.etat[data-etat=a-relire]{color:var(--etat-relire)}.etat[data-etat=en-ligne]{color:var(--etat-en-ligne)}.presentation{outline:none}.presentation-entete{margin-bottom:var(--espace-5)}.presentation-titre{font-size:var(--taille-titre-2);margin-top:var(--espace-2)}.presentation-sous-titre{color:var(--texte-doux);margin:var(--espace-2) 0 0;max-width:70ch}.presentation-corps{display:grid;gap:var(--espace-4);grid-template-columns:minmax(0,1fr) 260px;grid-template-areas:"scene chapitres" "legende legende" "barre barre"}.scene{grid-area:scene;position:relative;min-height:440px;overflow:hidden;background:var(--surface);border:1px solid var(--bordure);border-radius:var(--rayon);box-shadow:var(--ombre);padding:var(--espace-7) var(--espace-7)}.scene:before{content:"";position:absolute;inset:0 0 auto;block-size:6px;background:linear-gradient(90deg,var(--charte-1),var(--charte-2))}.chapitre{max-width:var(--largeur-scene);margin:0 auto}.presentation:not([data-pret]) .chapitre:not(:first-child){display:none}.chapitre-numero{margin:0 0 var(--espace-2);color:var(--charte-2);font-weight:700;font-size:var(--taille-petit);text-transform:uppercase;letter-spacing:.08em}.chapitre h2{font-size:var(--taille-titre-1);margin-bottom:var(--espace-5);color:var(--texte)}.reveal p{font-size:1.25rem;margin:0 0 var(--espace-4);max-width:62ch}.reveal strong{color:var(--charte-1)}.flux{list-style:none;padding:0;margin:var(--espace-5) 0;display:grid;gap:var(--espace-3)}.flux[data-forme=chaine] .noeud{position:relative}.flux[data-forme=chaine] .noeud:not(:last-child):after{content:"";position:absolute;left:27px;top:100%;inline-size:2px;block-size:var(--espace-3);background:var(--charte-1)}.flux[data-forme=cartes]{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--espace-4)}.flux[data-forme=cartes] .noeud{flex-direction:column;align-items:start}.noeud{display:flex;gap:var(--espace-4);align-items:center;padding:var(--espace-3) var(--espace-4);background:var(--surface-2);border:1px solid var(--bordure);border-inline-start:4px solid var(--charte-1);border-radius:var(--rayon-petit);font-size:1.125rem}.noeud-numero{flex:none;display:grid;place-items:center;inline-size:32px;block-size:32px;border-radius:50%;background:var(--charte-1);color:var(--sur-charte-1);font-weight:700;font-size:var(--taille-petit)}.noeud strong{color:var(--texte)}.appel-action{margin-top:var(--espace-5);padding:var(--espace-5) var(--espace-6);border-radius:var(--rayon);background:var(--charte-2);color:var(--sur-charte-2);font-size:1.375rem;font-weight:600}.appel-action p{margin:0}.schema{margin:var(--espace-5) 0;padding:var(--espace-4);background:var(--surface-2);border-radius:var(--rayon);overflow-x:auto}.schema-rendu svg{display:block;margin:0 auto;width:100%;max-width:100%;height:auto}.schema-rendu svg .node rect,.schema-rendu svg .node polygon,.schema-rendu svg .node circle{fill:var(--surface)!important;stroke:var(--charte-1)!important;stroke-width:2px!important}.schema-rendu svg .nodeLabel,.schema-rendu svg .node .label,.schema-rendu svg .node text{color:var(--texte)!important;fill:var(--texte)!important;font-family:var(--police)!important}.schema-rendu svg .flowchart-link,.schema-rendu svg .edgePaths path{stroke:var(--texte-doux)!important;stroke-width:2px!important}.schema-rendu svg marker path,.schema-rendu svg .arrowheadPath{fill:var(--texte-doux)!important;stroke:var(--texte-doux)!important}.schema-en-erreur .schema-source{display:block!important;white-space:pre-wrap}.lecteur-chapitres{grid-area:chapitres;display:flex;flex-direction:column;gap:var(--espace-2)}.lecteur-chapitres button{justify-content:start;text-align:start;background:var(--surface);width:100%}.lecteur-chapitres button[aria-current=step]{border-color:var(--charte-1);background:var(--charte-1-doux);font-weight:600}.lecteur-chapitre-n{flex:none;display:grid;place-items:center;inline-size:24px;block-size:24px;border-radius:50%;background:var(--surface-2);color:var(--texte-doux);font-size:.75rem;font-weight:700}.lecteur-chapitres button[aria-current=step] .lecteur-chapitre-n{background:var(--charte-1);color:var(--sur-charte-1)}.lecteur-legende{grid-area:legende;min-height:3em;display:flex;align-items:center;justify-content:center;text-align:center;color:var(--texte-doux);font-size:var(--taille-petit);padding:0 var(--espace-5)}.lecteur-barre{grid-area:barre;position:sticky;bottom:var(--espace-3);z-index:5;display:flex;align-items:center;gap:var(--espace-4);flex-wrap:wrap;padding:var(--espace-3) var(--espace-4);min-height:var(--hauteur-barre);background:var(--surface);border:1px solid var(--bordure);border-radius:var(--rayon);box-shadow:var(--ombre)}.lecteur-commandes{display:flex;align-items:center;gap:var(--espace-2)}.lecteur-compteur{color:var(--texte-doux);font-size:var(--taille-petit);font-variant-numeric:tabular-nums;min-width:4em}.lecteur-progression{flex:1;min-width:120px;block-size:6px;appearance:none;border:0;border-radius:3px;background:var(--surface-2);overflow:hidden}.lecteur-progression::-webkit-progress-bar{background:var(--surface-2)}.lecteur-progression::-webkit-progress-value{background:var(--charte-1)}.lecteur-progression::-moz-progress-bar{background:var(--charte-1)}[data-lecture=tout] .scene{min-height:0}[data-lecture=tout] .chapitre{display:block!important;opacity:1!important;visibility:visible!important}[data-lecture=tout] .chapitre+.chapitre{margin-top:var(--espace-8);padding-top:var(--espace-7);border-top:1px solid var(--bordure)}[data-lecture=tout] [data-action],[data-lecture=tout] .lecteur-legende{visibility:hidden}@media(max-width:860px){.presentation-corps{grid-template-columns:1fr;grid-template-areas:"chapitres" "scene" "legende" "barre"}.lecteur-chapitres{flex-direction:row;overflow-x:auto}.lecteur-chapitres button{width:auto;white-space:nowrap}.scene{padding:var(--espace-6) var(--espace-4);min-height:420px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}