:root{--papier:#f6f0e3;--feuille:#fffdf8;--encre:#201b17;--bleu:#244a6f;--rouge:#8d3a31;--or:#c79643;--sauge:#68733b;--filet:#cdbfa7;--ombre:0 18px 45px rgba(58,42,25,.13)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--papier);color:var(--encre);font:17px/1.65 Georgia,"Times New Roman",serif}a{color:var(--bleu);text-decoration-thickness:.08em;text-underline-offset:.16em}a:hover{color:var(--rouge)}.sitebar{background:#172d47;color:white}.sitebar-inner{width:min(1120px,calc(100% - 32px));margin:auto;padding:12px 0;display:flex;gap:18px;align-items:center;justify-content:space-between;font:700 14px/1.35 Arial,sans-serif}.sitebar a{color:white}.sitebar nav{display:flex;gap:14px;flex-wrap:wrap}.chantier{background:#eadcbd;border-bottom:2px solid var(--bleu)}.chantier-inner{width:min(1120px,calc(100% - 32px));margin:auto;padding:9px 0;font:14px/1.45 Arial,sans-serif}.chantier strong{color:var(--rouge)}.page{width:min(1120px,calc(100% - 32px));margin:0 auto;padding:34px 0 64px}.breadcrumb{font:700 13px/1.4 Arial,sans-serif;color:#5c6875}.eyebrow{margin:28px 0 9px;color:var(--rouge);font:800 12px/1.3 Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase}h1,h2,h3{color:var(--bleu);line-height:1.13}h1{max-width:1000px;margin:0;font-size:clamp(34px,6vw,68px)}.lede{max-width:850px;font-size:clamp(19px,2.4vw,25px);line-height:1.48}.droits{margin:24px 0;padding:15px 18px;border-left:5px solid var(--or);background:#fff7df;font:15px/1.55 Arial,sans-serif}.animation-shell{margin-top:28px}.animation-toolbar{position:sticky;top:0;z-index:5;margin-bottom:16px;padding:12px;border:1px solid var(--filet);background:rgba(246,240,227,.96);backdrop-filter:blur(9px);display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;box-shadow:0 8px 24px rgba(58,42,25,.08)}.animation-actions{display:flex;gap:8px}.animation-toolbar button,.dot{min-height:42px;border:1px solid var(--bleu);background:var(--feuille);color:var(--bleu);font:800 13px/1 Arial,sans-serif;cursor:pointer}.animation-toolbar button{padding:0 14px}.animation-toolbar button:hover,.animation-toolbar button:focus-visible,.dot[aria-current="step"]{background:var(--bleu);color:white}.compteur{text-align:center;font:800 13px/1.3 Arial,sans-serif}.progress{height:7px;margin-top:5px;background:#ddd1ba}.progress span{display:block;height:100%;background:linear-gradient(90deg,var(--rouge),var(--or));transition:width .35s ease}.animation-stage{min-height:630px}.animation-card{min-height:600px;padding:clamp(24px,5vw,62px);border:1px solid var(--filet);border-top:8px solid var(--rouge);background:var(--feuille);box-shadow:var(--ombre)}.animation-card[hidden]{display:none!important}.animation-card .numero{color:var(--rouge);font:900 12px/1.3 Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase}.animation-card h2{max-width:900px;font-size:clamp(28px,4vw,50px)}.animation-card h3{margin-top:28px}.animation-card p,.animation-card li{max-width:900px;font-size:clamp(17px,2vw,21px)}.animation-card blockquote{max-width:850px;margin:24px 0;padding:18px 22px;border-left:6px solid var(--or);background:#f3ead7;font-size:clamp(19px,2.3vw,26px);line-height:1.45}.champ{display:grid;grid-template-columns:170px minmax(0,1fr);gap:18px;padding:13px 0;border-top:1px solid #ded4c1}.champ strong{color:var(--rouge);font:800 13px/1.35 Arial,sans-serif;text-transform:uppercase}.champ p{margin:0}.dots{display:flex;gap:6px;flex-wrap:wrap;margin:16px 0}.dot{width:34px;min-height:34px;padding:0;border-radius:50%}.schema{display:block;width:min(900px,100%);height:auto;margin:24px 0;border:1px solid var(--filet)}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:28px 0}.tuile{padding:20px;border:1px solid var(--filet);background:var(--feuille)}.tuile h2,.tuile h3{margin-top:0}.contenu{max-width:880px}.contenu h2{margin-top:2.5em;padding-top:.5em;border-top:3px solid var(--rouge);font-size:clamp(27px,4vw,40px)}.contenu h3{margin-top:1.8em}.contenu p,.contenu li{font-size:19px}.repere{margin:22px 0;padding:18px;border:1px solid var(--filet);background:var(--feuille)}details.exercice{margin:14px 0;border:1px solid var(--filet);background:var(--feuille)}details.exercice summary{cursor:pointer;padding:16px;color:var(--bleu);font:800 16px/1.45 Arial,sans-serif}details.exercice>div{padding:0 18px 18px}.site-footer{border-top:2px solid var(--bleu);padding:24px 0;color:#5e574f;font:14px/1.55 Arial,sans-serif}.site-footer-inner{width:min(1120px,calc(100% - 32px));margin:auto}@media(max-width:760px){.sitebar-inner{align-items:flex-start;flex-direction:column}.animation-toolbar{grid-template-columns:1fr}.animation-actions{justify-content:space-between}.animation-stage,.animation-card{min-height:auto}.champ{grid-template-columns:1fr;gap:4px}.grid{grid-template-columns:1fr}.page{padding-top:24px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.progress span{transition:none}}@media print{.sitebar,.chantier,.animation-toolbar,.dots{display:none}.animation-card[hidden]{display:block!important}.animation-card{min-height:0;box-shadow:none;break-inside:avoid;margin:0 0 18px}.page{width:100%;padding:0}}