#commandes{position:sticky;top:0;z-index:6;background:var(--fond);padding:12px 0;border-top:3px solid var(--accent);border-bottom:1px solid var(--matiere);display:flex;gap:10px;align-items:center;flex-wrap:wrap}#commandes button,.navigation button,#retour-lecture{padding:10px 12px;border:1px solid var(--froid);border-radius:4px;background:var(--clair);font-size:13px}#commandes #lancer{background:var(--froid);color:var(--clair);font-weight:700}#commandes label{font-size:12px;display:flex;align-items:center;gap:5px}#volume{width:75px}#etat{flex-basis:100%;font-size:12px;margin:0}#animation{scroll-margin-top:130px}.scene{display:grid;grid-template-columns:40% minmax(0,1fr);gap:22px;align-items:center;padding:20px 0}.scene figure{margin:0}.scene img{width:100%;height:auto;display:block;aspect-ratio:930/440;object-fit:contain}.scene figcaption{font-size:12px;font-style:italic;line-height:1.5;margin-top:10px}.avancement{min-width:0;position:relative}.avancement h2{font-size:20px;margin-bottom:6px}#sequence{font-size:12px}#briques{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px 7px;margin-top:20px}.brique-animation{position:relative;border:1px dashed var(--sol);padding:9px 6px;border-radius:3px;font-size:11px;line-height:1.3;background:var(--clair)}.brique-animation[data-posee=true]{border:1px solid var(--encre);border-bottom-width:3px;background:var(--matiere)}.brique-animation[data-active=true]{outline:2px solid var(--or)}.brique-animation:before{content:'';position:absolute;top:-5px;left:9px;width:15px;height:5px;border:1px solid var(--encre);background:inherit;border-radius:2px 2px 0 0}#transition{padding:15px;background:var(--clair);border:1px solid var(--matiere);margin-top:15px}#transition p{font-size:13px}#brique-volante{background:var(--matiere);border:2px solid var(--encre);border-bottom-width:5px;padding:12px;border-radius:4px;font-size:16px;font-weight:700}#citation-animee{font-size:23px;line-height:1.5;margin:0}#repere{margin:6px 0 16px}#explication{background:var(--clair);padding:20px;border-left:4px solid var(--froid)}#fonction-titre{font-size:18px;margin:0 0 10px}#fonction-texte{font-size:17px;line-height:1.8;hyphens:auto}#fonction-texte .zolagaramond{font-family:'EB Garamond Zola',Garamond,serif;font-size:1.1em}#pourquoi{font-size:14px;line-height:1.6;border-top:1px solid var(--matiere);padding-top:13px;margin:16px 0 0}#texte-construit-animation{padding:0 18px 18px;font-size:15px;line-height:1.7}#texte-construit-animation h4{font-size:12px;color:var(--accent);margin-bottom:5px}.navigation{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:20px 0}.navigation a{font-size:14px}#avant-animation .corps,#sens-ensemble .corps,#extrait-entier .corps{padding:0 18px 18px}#extrait-entier blockquote{font-size:23px}#extrait-entier .repere-zola{font-size:11px;color:var(--sol);margin-bottom:5px}.rail.page nav a{font-size:11px;margin-bottom:12px}.rail.page a[aria-current=step]{font-weight:700;color:var(--accent)}#animation[data-phase=pose] .scene{min-height:300px}.layout{grid-template-columns:175px minmax(0,960px) 180px}
@media(max-width:1150px){.layout{grid-template-columns:145px minmax(0,1fr)}}
@media(max-width:760px){.scene{grid-template-columns:1fr;gap:14px;padding:18px 0}.scene figure{max-width:440px;margin:auto}.scene img{max-height:200px}#commandes{gap:7px;padding:10px 0}#commandes label{font-size:11px}#commandes #lancer{flex:1}#commandes #recommencer{font-size:11px}#explication{padding:15px}#citation-animee{font-size:22px}#fonction-texte{font-size:16px;line-height:1.75}#briques{grid-template-columns:repeat(4,minmax(0,1fr))}.avancement h2{font-size:19px}#animation{scroll-margin-top:170px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
.mot-preuve{background:var(--matiere);border-bottom:2px solid var(--or);color:inherit}