:root{--ink:#20352f;--muted:#64736c;--green:#236447;--paper:#f8f6ef;--line:#dedfd4;--white:#fffefa}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,sans-serif;font-size:16px;line-height:1.6}header{max-width:1260px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:26px 40px;border-bottom:1px solid var(--line);gap:24px}.brand{text-decoration:none;letter-spacing:2px;font-size:15px;font-weight:bold;color:var(--ink)}.brand span{display:block;letter-spacing:.5px;font-size:12px;font-weight:normal;color:var(--muted)}nav{display:flex;gap:28px;flex-wrap:wrap}nav a{color:var(--muted);text-decoration:none;font-size:14px}.active{color:var(--green);border-bottom:2px solid var(--green)}main{max-width:1180px;margin:auto;padding:0 32px}.hero{padding:65px 0 50px;position:relative}.eyebrow{font-size:11px;font-weight:bold;letter-spacing:2px;color:var(--green);margin:0 0 16px}h1{font:normal clamp(40px,5.6vw,70px)/1.06 Georgia,serif;letter-spacing:-2px;margin:0 0 22px;max-width:730px}h2{font:normal 35px/1.15 Georgia,serif;margin:10px 0 15px}h3{font-size:17px}.intro{color:var(--muted);font-size:18px}.pills{display:flex;gap:22px;margin-top:30px;flex-wrap:wrap}.pills span{font-size:12px;color:var(--muted)}.layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:40px}.storycard{padding:25px;border:1px solid var(--green);background:#eef2e7;border-radius:8px}.storycard h2{font-size:26px}.storycard p{font-size:14px;color:var(--muted)}.num{font-size:10px;letter-spacing:1.7px}.storycard small{display:block;font-size:11px}.textlink{display:inline-block;margin-top:24px;color:var(--green);font-size:13px}.hint{margin:30px 0;padding:0 6px}.hint p,.localnote{font-size:13px;color:var(--muted)}article,.quiz{background:var(--white);border:1px solid var(--line);border-radius:10px;padding:38px;margin-bottom:28px}.storyhead p:last-child{color:var(--muted);font-size:14px}.audio{border-block:1px solid var(--line);padding:18px 0;margin:26px 0}.controls{display:flex;gap:8px;align-items:center;flex-wrap:wrap}button,.button,select{font:inherit;font-size:13px;border:1px solid var(--line);border-radius:5px;background:transparent;padding:10px 14px;cursor:pointer;color:var(--ink)}button:disabled{opacity:.4;cursor:default}.primary{background:var(--green);color:white;border-color:var(--green)}.button{display:inline-block;text-decoration:none}label{cursor:pointer}.controls label{font-size:12px;margin-left:auto}.controls select{padding:6px}#audioStatus{font-size:11px;color:var(--muted);margin:12px 0 0}.story{font:20px/1.95 Georgia,serif}.story p{margin:20px 0}.vocab{border-bottom:1px dotted #488966;cursor:help;border-radius:2px}.vocab:hover,.vocab:focus{background:#e3eee0;outline:2px solid #a2bea4;outline-offset:3px}.next{border-top:1px solid var(--line);padding-top:24px;margin-top:28px}.quiz>p{color:var(--muted);font-size:14px}fieldset{border:0;border-top:1px solid var(--line);padding:22px 0;margin:0}legend{font-weight:bold;font-size:15px;padding-top:24px;margin-bottom:12px;width:100%}.option{display:flex;gap:10px;padding:9px 12px;margin:6px 0;border:1px solid var(--line);border-radius:5px;font-size:14px}.option:has(input:checked){background:#eff4e9;border-color:var(--green)}input{accent-color:var(--green)}textarea{width:100%;border:1px solid var(--line);border-radius:5px;background:white;padding:12px;font:15px/1.6 Arial;resize:vertical}.order{display:flex;gap:8px;flex-wrap:wrap}.order label{font-size:12px}.order select{display:block;margin-top:5px}.events{font-size:14px;padding-left:20px}.actions{display:flex;gap:12px;margin-top:10px}#validation{color:#a63b2c;font-size:14px}#result{margin-top:25px;border-top:2px solid var(--green);padding-top:18px}#score{font:32px Georgia;color:var(--green)}.feedback{padding:12px 0;border-bottom:1px solid var(--line);font-size:14px}.feedback.bad b{color:#a63b2c}footer{padding:45px 0;color:var(--muted);font-size:12px;display:flex;justify-content:space-between;gap:20px}#tip{position:fixed;z-index:50;background:var(--ink);color:white;padding:12px 20px;border-radius:8px;box-shadow:0 5px 20px #0002;max-width:min(310px,90vw);pointer-events:none;font-size:12px}#tip strong{display:block;font:22px/1.6 Arial;margin-top:4px}a:focus-visible,button:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #be8c3e;outline-offset:3px}@media(max-width:760px){header{padding:20px;align-items:flex-start;flex-direction:column;gap:15px}nav{gap:20px}main{padding:0 18px}.hero{padding:40px 0 28px}.layout{display:block}aside{margin-bottom:25px}.storycard{padding:20px}.storycard h2{margin:6px 0}.hint{margin:16px 0}.hint p{margin:8px 0}.localnote{margin:12px 0}article,.quiz{padding:24px 20px}.story{font-size:19px}.controls label{margin-left:0}.pills{gap:14px}footer{flex-direction:column}h2{font-size:29px}}
/* Palette pédagogique : lecture verte, écoute bleue, compréhension violette. */
:root{--paper:#fffaf4;--line:#e2dfe9;--green:#25674d;--ink:#26334a;--muted:#657087}
header{background:#fffaf4}.brand{color:#5b3b85}.brand span{color:#a04635}nav a.active{background:#e5f3e8;border-radius:20px;padding:4px 13px;border-bottom:0}nav a:nth-child(2){color:#9e4533}nav a:nth-child(3){color:#3b5b99}
.hero{background:linear-gradient(125deg,#e7f4e8 0%,#fff3dc 58%,#f2e7fc 100%);border-radius:20px;padding:44px 36px;margin:32px 0 38px;border:1px solid #e9e4d3}.hero h1{color:#254f43}.hero .eyebrow{color:#68518b}.pills{gap:10px}.pills span{padding:8px 15px;border-radius:24px;font-weight:bold}.pills span:nth-child(1){background:#d9eddf;color:#28593e}.pills span:nth-child(2){background:#e8dcf5;color:#64338c}.pills span:nth-child(3){background:#ffe0d2;color:#97422a}
.storycard{background:#e8f3e9;border-color:#b7d4be;border-top:5px solid #3b8560}.storycard .num{color:#35644b}.hint{background:#fff0d7;border:1px solid #f2dba7;padding:18px 20px;border-radius:12px}.hint h3{color:#855518;margin-top:0}.hint p{color:#705d3d}.localnote{color:#77678b}article{border-top:5px solid #4d9271}.storyhead .eyebrow{color:#a24b35}.audio{background:#eef5ff;border:1px solid #d2e0f4;border-left:4px solid #5f87bd;border-radius:9px;padding:16px;margin-inline:-10px}.audio .primary{background:#3f67a5;border-color:#3f67a5}.audio button:not(.primary){background:#fff;color:#3c5680}.audio label,#audioStatus{color:#4b6085}.storyhead h2{color:#315b48}.vocab{border-bottom-color:#8770b4;text-decoration-color:#8770b4}.vocab:hover,.vocab:focus{background:#eee4fc;outline-color:#c0a6de}.next .primary{background:#6b4894;border-color:#6b4894}
.quiz{background:#fffcff;border-top:5px solid #9270b6}.quiz>.eyebrow,.quiz h2{color:#704b98}.quiz fieldset:nth-child(odd){background:#f6f0fc;border-radius:8px;padding-inline:15px}.quiz fieldset:nth-child(even){padding-inline:15px}.quiz legend{color:#553974}.option{background:#fff}.option:has(input:checked){background:#e6f2e9;border-color:#57926b}.actions .primary{background:#744b9b;border-color:#744b9b}#result{background:#eff8f0;border-top-color:#6ca67a;padding:20px;border-radius:10px}#tip{background:#643f8c;box-shadow:0 6px 24px #5f367b30}#tip strong{color:#ffedc1}footer{border-top:1px solid #e8dccd;color:#7e6858}
@media(max-width:760px){.hero{padding:30px 22px;margin-top:24px}.pills span{padding:7px 10px;font-size:11px}.audio{margin-inline:0;padding:12px}.quiz fieldset:nth-child(n){padding-inline:7px}}