:root{
  --ink:#19171b;--muted:#655d66;--paper:#f4eddf;--paper-2:#fffaf0;
  --velvet:#511a2d;--velvet-dark:#210914;--gold:#cf9f43;--blue:#193a58;
  --green:#385947;--line:#cbbca6;--shadow:0 18px 55px rgba(40,19,28,.14)
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:linear-gradient(90deg,#e7dac5 0 1px,transparent 1px 100%),var(--paper);background-size:42px 100%;color:var(--ink);font-family:Georgia,"Times New Roman",serif;line-height:1.72}
a{color:#6b1735;text-underline-offset:.2em}
button,a{touch-action:manipulation}
.main-nav{position:relative;z-index:20;display:flex;align-items:center;gap:1.15rem;min-height:58px;padding:.7rem max(1rem,calc((100vw - 1240px)/2));background:var(--velvet-dark);color:#fff;font:700 .88rem/1.25 Arial,sans-serif}
.main-nav a{color:#fff;text-decoration:none}.main-nav .brand{margin-right:auto;font-size:1rem;letter-spacing:.02em}
.page-hero{position:relative;overflow:hidden;max-width:1240px;margin:0 auto;padding:clamp(3.2rem,8vw,7.5rem) clamp(1rem,5vw,4.8rem) clamp(2.8rem,6vw,5rem);background:radial-gradient(circle at 50% -15%,#a64d61 0,transparent 42%),linear-gradient(135deg,var(--velvet-dark),var(--velvet));color:#fff;box-shadow:var(--shadow)}
.page-hero:before,.page-hero:after{content:"";position:absolute;inset:0 auto 0 0;width:12%;background:repeating-linear-gradient(90deg,#350b19 0 16%,#631d32 17% 31%,#2b0815 32% 43%);clip-path:polygon(0 0,100% 0,70% 100%,0 92%)}
.page-hero:after{left:auto;right:0;transform:scaleX(-1)}
.page-hero h1,.page-hero p{position:relative;z-index:2;max-width:820px}.page-hero h1{margin:.25rem 0 1rem;font-size:clamp(2.35rem,6vw,5.4rem);line-height:.98;text-wrap:balance}.page-hero>p:last-child{font-size:clamp(1.08rem,2vw,1.32rem)}
.kicker,.section-label,.quote-index{font:900 .76rem/1.35 Arial,sans-serif;letter-spacing:.13em;text-transform:uppercase}.kicker{color:#f3c66c}
.curtain-mark{display:flex;position:absolute;right:18%;top:22%;gap:7px;opacity:.28;transform:rotate(-8deg)}.curtain-mark span{display:block;width:12px;height:170px;border:2px solid #f4d797;border-radius:50%}
.page-main{max-width:1120px;margin:0 auto;padding:clamp(1.2rem,4vw,4rem) clamp(1rem,3vw,2rem) 6rem}
.page-main>section,.page-main>aside,.page-main>figure,.page-main>nav{margin:clamp(2rem,5vw,4.8rem) 0}
h2{margin:.25rem 0 1rem;font-size:clamp(1.7rem,3.2vw,2.75rem);line-height:1.08;text-wrap:balance}h3{font-size:1.25rem;line-height:1.2}
p{max-width:78ch}.lead-idea{max-width:68ch;font-size:1.22rem;line-height:1.55;color:#341521}.section-label{margin:0 0 .35rem;color:#8a2c49}
.reading-compass{display:grid;grid-template-columns:1fr 1.4fr 1.4fr;gap:1px;background:var(--line);border:1px solid var(--line);box-shadow:var(--shadow)}.reading-compass>div{background:var(--paper-2);padding:1.35rem}.reading-compass h2{font-size:1.3rem}
.local-nav{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap;padding:1rem;border:1px solid var(--line);background:#fffaf4;font:700 .85rem/1.4 Arial,sans-serif}.local-nav strong{margin-right:auto}.local-nav a{padding:.5rem .75rem;border:1px solid #bda98b;text-decoration:none;border-radius:999px}
.analysis-movement,.argument-axis,.transverse-section,.question-set{padding:clamp(1.2rem,4vw,3.4rem);background:rgba(255,250,240,.93);border-top:7px solid var(--velvet);box-shadow:var(--shadow)}
.quote-grid,.grammar-grid,.evidence-grid,.portal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:1.5rem 0}
.quote-card,.grammar-card,.evidence-card{min-width:0;padding:1.15rem;background:#fff;border:1px solid var(--line);box-shadow:0 8px 22px rgba(44,24,31,.08)}
blockquote{margin:.65rem 0;padding:.8rem 1rem;border-left:4px solid var(--gold);background:#f7f0e2;font-size:1.06rem}cite{display:block;margin-top:.35rem;color:var(--muted);font:700 .72rem/1.4 Arial,sans-serif}.argument-link{font-size:.94rem;color:#4d4650}
.counter-reading,.general-only,.technology-only,.sound-rule{padding:1rem 1.15rem;border-left:5px solid var(--gold);background:#f8edcf}.technology-only{border-color:#326d77;background:#e7f2f2}.general-only{border-color:var(--velvet);background:#f8e8ee}
.grammar-section,.oral-close,.argument-intro,.argument-conclusion,.subject-box,.animation-intro{padding:clamp(1.2rem,4vw,3rem);background:#fffaf0;border:1px solid var(--line)}
.prev-next{display:flex;justify-content:space-between;gap:1rem}.prev-next a,.button{display:inline-block;padding:.8rem 1rem;border:2px solid var(--velvet);background:var(--velvet);color:#fff;text-decoration:none;font:800 .86rem/1.3 Arial,sans-serif}

/* Dessins analytiques de plateau : géométries DOM, sans image externe. */
.theatre-drawing{margin:2.2rem 0;background:#120a0e;border:1px solid #3d2630;box-shadow:0 24px 58px rgba(26,8,16,.26)}
.stage-map{position:relative;min-height:clamp(360px,52vw,560px);overflow:hidden;background:radial-gradient(ellipse at 50% 84%,#704424 0 6%,#2d1720 38%,#0e080c 76%);color:#fff}
.stage-map:before{content:"";position:absolute;inset:8% 7% 16%;border:2px solid #9a7640;border-radius:50% 50% 10% 10%;box-shadow:0 0 0 8px rgba(0,0,0,.35),inset 0 -60px 90px rgba(0,0,0,.34)}
.stage-arch{position:absolute;inset:3% 3% 10%;border:18px double #6b263b;border-bottom:0;border-radius:48% 48% 0 0;filter:drop-shadow(0 8px 4px #000);z-index:1}
.wing{position:absolute;z-index:5;top:12%;bottom:17%;width:11%;display:grid;place-items:center;background:repeating-linear-gradient(90deg,#240812 0 15%,#641a33 16% 35%);color:#edc878;font:900 .68rem/1 Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;writing-mode:vertical-rl}.wing-left{left:0}.wing-right{right:0;transform:scaleX(-1)}.wing-right::first-line{transform:scaleX(-1)}
.aparte-zone{position:absolute;z-index:4;right:12%;top:8%;padding:.35rem .55rem;border:1px dashed #e6bd68;border-radius:50%;color:#f6d991;font:700 .7rem Arial,sans-serif}
.audience-line{position:absolute;z-index:4;left:12%;right:12%;bottom:3%;padding:.45rem;text-align:center;border-top:2px dotted #c99b4b;color:#e3c886;font:800 .68rem Arial,sans-serif;letter-spacing:.12em}
.stage-node{position:absolute;z-index:7;left:var(--x);top:var(--y);width:clamp(78px,12vw,132px);min-height:72px;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.55rem;text-align:center;background:#f4ead5;color:#25131a;border:3px solid #c79c4b;box-shadow:0 7px 0 #180a0f;border-radius:48% 48% 18% 18%}
.stage-node.masque{clip-path:polygon(8% 14%,92% 14%,84% 74%,50% 98%,16% 74%)}.stage-node.pupitre{border-radius:3px;transform:translate(-50%,-50%) rotate(-2deg)}.stage-node.temoin{border-radius:50%;border-style:dashed}.stage-node b{font:900 clamp(.68rem,1.5vw,.86rem)/1.1 Arial,sans-serif}.stage-node small{font:700 .59rem/1.2 Arial,sans-serif;color:#6b3f47}
.speech-thread{position:absolute;z-index:3;left:var(--x);top:var(--y);width:var(--length);height:2px;background:#d5ab59;transform:rotate(var(--angle));transform-origin:0 0}.speech-thread:after{content:"";position:absolute;right:-1px;top:-4px;border-left:7px solid #d5ab59;border-top:4px solid transparent;border-bottom:4px solid transparent}.speech-thread i{position:absolute;left:40%;top:-16px;padding:1px 4px;background:#160b10;color:#f4d99e;white-space:nowrap;font:600 .56rem Arial,sans-serif}.thread-1{background:#9ec7ca}.thread-2{height:1px;background:#df778f}.thread-3{background:repeating-linear-gradient(90deg,#dfb45d 0 5px,transparent 5px 9px)}
.footlight{position:absolute;z-index:8;bottom:9%;width:12px;height:12px;border-radius:50%;background:#ffdda1;box-shadow:0 0 22px 8px #e99d3b}.f1{left:24%}.f2{left:41%}.f3{left:59%}.f4{left:76%}
.theatre-drawing figcaption{display:grid;gap:.35rem;padding:1rem 1.25rem;background:#24121a;color:#f7ead0}.theatre-drawing figcaption strong{color:#efc569;font-size:1.05rem}.theatre-drawing figcaption q{color:#d9c5b4;font-style:italic}
.theatre-drawing[data-drawing-type="masques"] .stage-map:after{content:"MASQUES / NOMS";position:absolute;left:13%;top:8%;color:#e7bb66;font:900 .7rem Arial;letter-spacing:.16em}
.theatre-drawing[data-drawing-type="circulation"] .stage-map{background:radial-gradient(circle at 25% 30%,#62412a,transparent 25%),radial-gradient(circle at 74% 65%,#46223d,transparent 28%),#0f0a0d}
.theatre-drawing[data-drawing-type="apartes"] .aparte-zone{right:38%;top:11%;transform:scale(1.35)}
.theatre-drawing[data-drawing-type="versions"] .stage-map:before{border-radius:8%;transform:rotate(-1deg)}
.theatre-drawing[data-drawing-type="devoilement"] .stage-arch{border-color:#a57d3c;box-shadow:inset 0 0 70px #c69b5140}
.micro-drawing{margin:1rem 0 0;border:1px solid #c9b58f;background:#171015}.micro-stage{position:relative;min-height:190px;overflow:hidden;background:radial-gradient(circle at 50% 110%,#72442a,#1b1016 64%);color:#fff}.micro-stage:before{content:"";position:absolute;inset:8% 8% 17%;border:1px solid #a17a3a;border-radius:50% 50% 5% 5%}.micro-node{position:absolute;z-index:3;left:var(--x);top:var(--y);width:58px;min-height:42px;transform:translate(-50%,-50%);display:grid;place-items:center;padding:.2rem;background:#efe0bf;color:#29131b;border:2px solid #c79b49;border-radius:46% 46% 12% 12%;font:800 .55rem/1.05 Arial,sans-serif;text-align:center}.micro-1{clip-path:polygon(8% 10%,92% 10%,80% 78%,50% 100%,20% 78%)}.micro-2{border-radius:50%;border-style:dashed}.micro-thread{position:absolute;z-index:2;left:var(--x);top:var(--y);width:var(--length);height:2px;background:#d8aa51;transform:rotate(var(--angle));transform-origin:0 0}.micro-thread:after{content:"";position:absolute;right:0;top:-3px;border-left:5px solid #d8aa51;border-top:3px solid transparent;border-bottom:3px solid transparent}.micro-wing{position:absolute;left:2%;top:8%;bottom:15%;width:7%;display:grid;place-items:center;background:#59172f;color:#e7bd69;writing-mode:vertical-rl;font:800 .48rem Arial,sans-serif;text-transform:uppercase}.micro-mask{position:absolute;right:6%;top:9%;width:26px;height:19px;border:2px solid #e1b65e;border-radius:50% 50% 40% 40%;clip-path:polygon(0 0,100% 0,82% 72%,50% 100%,18% 72%)}.micro-public{position:absolute;left:13%;right:8%;bottom:3%;border-top:1px dotted #d7ae5a;text-align:center;color:#ddc68e;font:800 .5rem Arial,sans-serif;letter-spacing:.12em}.micro-drawing figcaption{padding:.55rem .65rem;background:#25151c;color:#ddcdbc;font-size:.76rem;line-height:1.4}

/* Portails */
.route-choice{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem}.route-choice a{display:flex;min-height:220px;flex-direction:column;justify-content:end;padding:1.4rem;background:linear-gradient(150deg,#2c0c19,#6c1c39);color:#fff;text-decoration:none;box-shadow:var(--shadow)}.route-choice a+ a{background:linear-gradient(150deg,#0d2a35,#2d6974)}.route-choice span{font:900 .72rem Arial;letter-spacing:.12em;text-transform:uppercase;color:#f0c86f}.route-choice strong{font-size:1.6rem;line-height:1.1}.route-choice small{margin-top:.6rem;font:600 .82rem/1.4 Arial,sans-serif}
.portal-card{display:flex;min-height:135px;flex-direction:column;justify-content:end;padding:1rem;background:#fff;border:1px solid var(--line);border-top:6px solid var(--velvet);text-decoration:none;color:var(--ink);box-shadow:0 9px 26px rgba(44,24,31,.09)}.portal-card span{font:900 .67rem Arial;letter-spacing:.1em;text-transform:uppercase;color:#8a2c49}.portal-card strong{font-size:1.08rem;line-height:1.25}
.question-set ol{columns:1;padding-left:1.3rem}.question-set li{margin:.8rem 0}

/* Animations */
.animation-lab{background:#160b10;color:#fff;border:1px solid #5b3040;box-shadow:var(--shadow);overflow:hidden}
.animation-toolbar{display:flex;flex-wrap:wrap;gap:.55rem;padding:1rem;background:#2b101b}.animation-toolbar button{min-height:44px;padding:.65rem .9rem;border:1px solid #e5bd70;background:#f3e5c9;color:#27121a;font:800 .78rem Arial,sans-serif;cursor:pointer}.animation-toolbar button:focus-visible{outline:3px solid #9ed8dd;outline-offset:3px}
.step-rail{display:flex;gap:.35rem;padding:.75rem 1rem;overflow:auto;background:#0c0709}.step-rail button{flex:1;min-width:110px;padding:.6rem;border:1px solid #6b4b55;background:#24141a;color:#e6d6c3;font:700 .68rem Arial,sans-serif}.step-rail button[aria-selected="true"]{background:#d2a44f;color:#1b0e12;border-color:#fff}
.animated-stage{position:relative;min-height:clamp(410px,58vw,610px);overflow:hidden;background:radial-gradient(ellipse at 50% 78%,#613c27,#211018 48%,#090507 78%)}.animated-stage:focus-visible{outline:4px solid #84ccd2;outline-offset:-4px}.animated-arch{position:absolute;inset:4% 4% 8%;border:22px double #671c35;border-bottom:0;border-radius:48% 48% 0 0}.animated-audience{position:absolute;left:12%;right:12%;bottom:3%;padding:.55rem;text-align:center;border-top:2px dotted #deb356;color:#e9c77c;font:900 .7rem Arial;letter-spacing:.14em}
.anim-actor{position:absolute;z-index:5;left:var(--x);top:var(--y);width:clamp(84px,14vw,148px);min-height:86px;transform:translate(-50%,-50%) scale(.98);display:flex;flex-direction:column;justify-content:center;align-items:center;padding:.55rem;background:#f5ead4;color:#211118;border:3px solid #d1a54f;border-radius:44% 44% 12% 12%;text-align:center;box-shadow:0 8px 0 #12070b;transition:left .85s cubic-bezier(.2,.8,.2,1),top .85s cubic-bezier(.2,.8,.2,1),transform .55s}.anim-actor[data-mask="identité"]{clip-path:polygon(8% 12%,92% 12%,82% 72%,50% 100%,18% 72%)}.anim-actor[data-mask="désir"]{border-radius:50% 50% 12% 12%}.anim-actor[data-mask="honneur"]{border-style:double;border-width:6px}.anim-actor strong{font:900 .82rem Arial}.anim-actor span{font:700 .62rem Arial;color:#7d374f}.anim-actor small{margin-top:.3rem;font:600 .55rem Arial;color:#594c4f}
.anim-thread{position:absolute;z-index:2;left:var(--x);top:var(--y);width:var(--length);height:3px;background:#d2a84f;transform:rotate(var(--angle));transform-origin:0 0;transition:all .8s}.anim-thread[data-kind="croit"]{background:#86bdc3}.anim-thread[data-kind="sait"]{background:repeating-linear-gradient(90deg,#f0d593 0 6px,transparent 6px 10px)}.anim-thread[data-kind="dément"]{height:5px;background:#ce657c}.anim-thread i{position:absolute;left:38%;top:-18px;padding:2px 4px;background:#13090d;color:#f0d493;white-space:nowrap;font:700 .56rem Arial}
.state-reading{padding:1.2rem 1.4rem 1.6rem;background:#24121a}.state-reading h2{color:#f0c76c}.state-reading p{max-width:78ch}.state-reading [data-sound-caption]{color:#9fd2d4;font:700 .75rem Arial}
footer{padding:1.5rem max(1rem,calc((100vw - 1120px)/2));background:#170a10;color:#d8c7ba;font:600 .75rem/1.5 Arial,sans-serif}

@media(max-width:820px){
  .main-nav{flex-wrap:wrap;gap:.65rem}.main-nav .brand{width:100%;margin:0}.reading-compass,.route-choice{grid-template-columns:1fr}.quote-grid,.grammar-grid,.evidence-grid,.portal-grid{grid-template-columns:1fr}.page-main{padding-inline:.8rem}.analysis-movement,.argument-axis,.transverse-section,.question-set{padding:1rem}.stage-map{min-height:520px}.stage-node{width:88px}.speech-thread i{display:none}.animated-stage{min-height:540px}.animation-toolbar button{flex:1 1 42%}.prev-next{flex-direction:column}.curtain-mark{display:none}
}
@media(max-width:430px){
  .page-hero{padding-left:1rem;padding-right:1rem}.page-hero h1{font-size:2.35rem}.stage-map,.animated-stage{min-height:590px}.stage-node,.anim-actor{width:78px;font-size:.7rem}.wing{width:9%}.theatre-drawing figcaption{padding:.75rem}.step-rail button{min-width:92px}.animation-toolbar{padding:.65rem}.animation-toolbar button{font-size:.72rem}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}.anim-actor,.anim-thread{transition:none!important}.page-hero:before,.page-hero:after{clip-path:none;width:5%}
}