:root{--night:#0d1b2b;--ink:#172033;--paper:#f7f2e7;--card:#fffdf8;--blue:#245f85;--cyan:#4fa3b6;--gold:#c99745;--line:#d5ccb9;--muted:#586575;--ok:#246b52;--warn:#8a4e23}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.72 Georgia,'Times New Roman',serif}a{color:#15527a;text-decoration-thickness:.08em;text-underline-offset:.16em}a:focus-visible,button:focus-visible,summary:focus-visible{outline:4px solid #f0ae3b;outline-offset:3px}.site-nav{background:var(--night);color:#fff}.nav-inner{max-width:1180px;margin:auto;padding:.78rem 1.1rem;display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.site-nav a{color:#fff;text-decoration:none;font:700 .86rem/1.3 Arial,sans-serif}.brand{font-size:1rem!important;margin-right:auto}.construction{background:#e7dcc1;border-bottom:1px solid #bfae89;color:#3d3528;font:700 .8rem/1.45 Arial,sans-serif;padding:.48rem 1rem;text-align:center}.shell{max-width:1180px;margin:auto;padding:1.2rem 1.15rem 4rem}.crumb{font:700 .78rem/1.4 Arial,sans-serif;color:var(--muted);margin:.4rem 0 1.5rem}.hero{position:relative;overflow:hidden;background:linear-gradient(125deg,#0d1b2b,#173852 67%,#235e71);color:#fff;padding:clamp(1.5rem,5vw,4.2rem);border-bottom:8px solid var(--gold)}.hero:after{content:"";position:absolute;width:330px;height:330px;border:1px solid #ffffff44;border-radius:50%;right:-90px;top:-170px;box-shadow:0 0 0 38px #ffffff0b,0 0 0 84px #ffffff08}.eyebrow{font:800 .75rem/1.3 Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#acdce6}.hero h1{position:relative;z-index:1;font-size:clamp(2.05rem,5vw,4.5rem);line-height:1.03;max-width:21ch;margin:.35rem 0 1rem}.lede{position:relative;z-index:1;font-size:clamp(1.05rem,2vw,1.35rem);max-width:73ch}.badges{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:1.2rem}.badge{font:800 .72rem/1.3 Arial,sans-serif;letter-spacing:.05em;border:1px solid #ffffff88;border-radius:999px;padding:.42rem .7rem;background:#ffffff12}.layout{display:grid;grid-template-columns:minmax(0,1fr) 255px;gap:2.3rem;margin-top:2rem}.content{min-width:0}.toc{position:sticky;top:1rem;align-self:start;background:var(--card);border-top:5px solid var(--cyan);padding:1rem 1.1rem;box-shadow:0 9px 30px #16253b12;font:700 .82rem/1.5 Arial,sans-serif}.toc strong{display:block;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.5rem}.toc a{display:block;padding:.36rem 0;border-bottom:1px solid #e7e0d3;text-decoration:none}.section,.card{background:var(--card);border:1px solid var(--line);box-shadow:0 10px 28px #18263a0c;padding:clamp(1.1rem,3vw,2.4rem);margin:0 0 1.4rem}.section h2{font-size:clamp(1.6rem,3vw,2.35rem);line-height:1.15;margin:0 0 1rem;color:#183c5a}.section h3{font-size:1.36rem;line-height:1.25;margin:2rem 0 .6rem;color:#315a79}.movement{border-top:5px solid var(--blue);padding-top:1.1rem;margin-top:2.3rem}.quote{font-size:1.12rem;line-height:1.58;background:#eaf1f5;border-left:6px solid var(--blue);padding:1rem 1.2rem;margin:1rem 0}.anchor{font:800 .72rem/1.35 Arial,sans-serif;color:var(--muted);letter-spacing:.06em;text-transform:uppercase}.form{color:#234e6d}.role{border-left:4px solid var(--gold);padding:.15rem 0 .15rem 1rem}.grammar{background:#f2ead8;border:1px solid #d4c29f;padding:1rem 1.15rem}.science{background:#e8f2ee;border-left:6px solid var(--ok);padding:1rem 1.2rem}.warning{background:#f8ebdf;border-left:6px solid var(--warn);padding:1rem 1.2rem}.path-status{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;margin:1rem 0}.status{padding:.85rem;border:1px solid var(--line);background:#fff}.status strong{display:block;font:800 .76rem Arial,sans-serif;text-transform:uppercase;letter-spacing:.08em}.figure{margin:1.5rem 0;background:#0f2436;color:white;border:1px solid #1e4c66;padding:.8rem}.figure img,.figure svg{display:block;width:100%;height:auto;background:#10263a}.figure figcaption{font:600 .86rem/1.5 Arial,sans-serif;padding:.7rem .25rem 0;color:#dceaf0}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.link-card{display:block;background:var(--card);border-top:5px solid var(--blue);padding:1rem 1.1rem;text-decoration:none;color:var(--ink)}.link-card strong{display:block;font-size:1.08rem}.link-card span{color:var(--muted);font:600 .84rem/1.45 Arial,sans-serif}.plan-part{border-top:6px solid var(--blue);padding-top:1.1rem;margin-top:2.4rem}.argument{font-weight:700;font-size:1.1rem}.example{background:#edf3f7;padding:.9rem 1rem}.objection{border-left:4px solid var(--gold);padding-left:1rem}.transition{font-style:italic;color:#3e5061}.method-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem}.method-step{background:#eef3f5;border:1px solid #cad9df;padding:.9rem}.method-step b{font:900 .75rem Arial,sans-serif;color:var(--blue);display:block;text-transform:uppercase}.anim-shell{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:1.2rem}.stage{background:#0d1b2b;border:1px solid #30536d;min-height:420px;padding:1rem;display:flex;align-items:center;justify-content:center}.stage img{width:100%;height:auto}.panel{background:var(--card);border-top:7px solid var(--gold);padding:1.2rem;display:flex;flex-direction:column}.progress{font:900 .75rem Arial,sans-serif;letter-spacing:.1em;color:var(--blue);text-transform:uppercase}.step-title{font-size:1.55rem;line-height:1.15;margin:.7rem 0}.step-text{min-height:11em}.controls{display:flex;gap:.55rem;flex-wrap:wrap;margin-top:auto}.controls button{border:0;border-radius:4px;background:#174f76;color:#fff;font:800 .85rem Arial,sans-serif;padding:.75rem 1rem;min-height:44px;cursor:pointer}.controls button.secondary{background:#5c6871}.dots{display:flex;gap:.35rem;margin:.8rem 0}.dot{width:10px;height:10px;border-radius:50%;background:#c9d2d8}.dot.on{background:var(--gold)}.quiz{border:1px solid var(--line);background:#fff;margin:.8rem 0}.quiz summary{cursor:pointer;padding:1rem;font-weight:700}.answer{padding:0 1rem 1rem;color:#314455}.bank-section{border-top:5px solid var(--cyan);margin-top:2rem}.pill{display:inline-block;border-radius:999px;background:#e1ecf2;color:#204d6c;padding:.25rem .65rem;font:800 .7rem Arial,sans-serif}.footer{border-top:1px solid var(--line);padding:1.2rem;text-align:center;color:var(--muted);font:600 .78rem Arial,sans-serif}.skip{position:absolute;left:-10000px}.skip:focus{left:1rem;top:1rem;z-index:20;background:white;padding:.6rem;color:#111}@media(max-width:880px){.layout,.anim-shell{grid-template-columns:1fr}.toc{position:static;order:-1}.grid.three,.method-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stage{min-height:280px}}@media(max-width:560px){body{font-size:16px}.shell{padding:.8rem .75rem 3rem}.hero{padding:1.5rem 1rem}.section,.card{padding:1rem}.grid,.grid.three,.method-grid,.path-status{grid-template-columns:1fr}.nav-inner{gap:.65rem}.step-text{min-height:0}.controls button{flex:1}.quote{font-size:1rem}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}@media print{.site-nav,.construction,.toc,.controls{display:none}.layout{display:block}.hero{background:#fff;color:#111;border:0;padding:1rem 0}.hero .eyebrow{color:#333}.section,.card{box-shadow:none;break-inside:avoid}.shell{max-width:none}}

.stage{overflow:hidden}.stage img{transition:transform .25s ease}.table-wrap{overflow:auto}.table-wrap table{width:100%;border-collapse:collapse;min-width:760px}.table-wrap th,.table-wrap td{border:1px solid var(--line);padding:.7rem;vertical-align:top;text-align:left}.table-wrap thead th{background:#173852;color:#fff}.section button[data-filter]{border:1px solid #174f76;border-radius:999px;background:#fff;color:#174f76;font:800 .78rem Arial,sans-serif;padding:.55rem .8rem;min-height:40px;cursor:pointer}.section button[data-filter].on{background:#174f76;color:#fff}

/* Homologation visuelle Fontenelle — programmes SVG à huit états sémantiques. */
.semantic-stage{position:relative;min-height:420px;overflow:hidden}.semantic-stage [data-semantic-visual],.semantic-stage [data-semantic-visual]>svg{display:block;width:100%;max-width:100%;aspect-ratio:12/7;border:0;background:#081724}.semantic-stage [data-semantic-visual]>svg{height:auto}.semantic-noscript{background:#fff4d9;border-left:6px solid var(--gold);padding:1rem;margin-top:1rem}.semantic-noscript ol{columns:2;column-gap:2rem}.anim-shell[data-visual-nature="objection"] .panel{border-top-color:#df7d63}.anim-shell[data-visual-nature="synthèse"] .panel{border-top-color:#3d8f72}@media(max-width:880px){.semantic-stage{min-height:0}.semantic-stage [data-semantic-visual]{aspect-ratio:12/7}}@media(max-width:560px){.semantic-noscript ol{columns:1}}@media(prefers-reduced-motion:reduce){.semantic-stage [data-semantic-visual]{scroll-behavior:auto!important}}
.sound-cue{font:600 .78rem/1.45 Arial,sans-serif;color:var(--muted);border-left:3px solid var(--cyan);padding:.45rem .65rem;margin:.6rem 0 1rem;background:#eef4f6}.controls [data-sound][aria-pressed="true"]{background:#246b52}

/* Delta CCXIV : focales distribuées et maîtrise sonore visible. */
.semantic-focus{margin:1rem 0 1.7rem;background:#0b2030;color:#fff;border:1px solid #37657a;border-radius:8px;overflow:hidden;box-shadow:0 10px 26px #10283a1c}.semantic-focus img,.semantic-focus svg{display:block;width:100%;height:auto;aspect-ratio:12/7;background:#081724}.semantic-focus figcaption{padding:.8rem 1rem;font:600 .84rem/1.5 Arial,sans-serif;color:#dcecf0}.semantic-focus figcaption a{color:#ffe0a0}.semantic-resource{border-top:6px solid var(--gold)}
.fontenelle-volume{flex:1 1 100%;display:grid;grid-template-columns:minmax(7rem,1fr) minmax(6rem,1.4fr) 3.6rem;max-width:100%;gap:.65rem;align-items:center;padding:.65rem .75rem;border:1px solid #b8cbd3;border-radius:6px;background:#eef4f6;color:#173852;font:800 .78rem/1.25 Arial,sans-serif}.fontenelle-volume input[type="range"]{width:100%;min-height:34px;accent-color:#246b52;cursor:pointer}.fontenelle-volume output{text-align:right;font-variant-numeric:tabular-nums}.fontenelle-volume input[type="range"]:focus-visible{outline:4px solid #f0ae3b;outline-offset:3px}
@media(max-width:520px){.semantic-focus{margin-inline:-.25rem}.fontenelle-volume{grid-template-columns:1fr;max-width:calc(100% - 16px);margin-inline:auto}.fontenelle-volume output{text-align:left}.controls [data-sound]{flex-basis:100%}}
@media(prefers-reduced-motion:reduce){.semantic-focus,.semantic-focus *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.game-sound-controls{display:flex;flex-wrap:wrap;gap:.7rem;align-items:center;margin:1rem 0 1.3rem;padding:.8rem;border:1px solid var(--line);background:#f1eadc}.game-sound-controls button{border:0;border-radius:4px;background:#5c6871;color:#fff;font:800 .85rem Arial,sans-serif;padding:.75rem 1rem;min-height:44px;cursor:pointer}.game-sound-controls button[aria-pressed="true"]{background:#8a4e23}