:root{--paper:#faf7ee;--ink:#193844;--muted:#5c6a6c;--line:#d6dbd4;--panel:#e9eee5;--accent:#c9a86a}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-underline-offset:4px}button,a{touch-action:manipulation}a:focus-visible,button:focus-visible{outline:3px solid var(--accent);outline-offset:5px}button{font:inherit;color:inherit;cursor:pointer}h1,h2,h3,p{margin:0}.skip{position:fixed;left:12px;top:-80px;background:var(--ink);color:var(--paper);padding:12px;z-index:80}.skip:focus{top:12px}.bar{position:sticky;top:0;z-index:20;background:var(--paper);border-bottom:1px solid var(--line)}.bar-inner{max-width:1080px;margin:auto;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:15px 26px}.brand{display:flex;align-items:center;gap:9px;text-decoration:none;font:700 19px Georgia,serif;cursor:pointer}.brand img{width:32px;height:32px;object-fit:contain}.controls{display:flex;gap:16px;align-items:center}.ages{display:flex;padding:4px;border-radius:28px;background:var(--panel)}.ages a{min-width:48px;height:42px;display:grid;place-items:center;text-decoration:none;font-size:14px;font-weight:700;border-radius:24px}.ages a[aria-current=page]{background:var(--ink);color:var(--paper)}.menu{border:0;background:transparent;font-size:25px;width:44px;height:44px;padding:0}.progress{height:3px;background:transparent}.progress span{display:block;height:3px;width:0;background:var(--accent)}main{max-width:760px;margin:auto;padding:0 30px}.intro{padding:62px 0 40px}.breadcrumb{font-size:13px;color:var(--muted);display:inline-block;margin-bottom:26px}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:2px;font-weight:700;color:var(--muted);margin-bottom:16px}h1{font:700 clamp(42px,6vw,62px)/1.05 Georgia,serif;letter-spacing:-1.8px;max-width:700px}.subtitle{font:italic 23px/1.45 Georgia,serif;color:var(--muted);margin-top:18px}.intro-actions{display:flex;gap:22px;flex-wrap:wrap;margin-top:30px;font-size:14px;font-weight:bold}.intro-actions a{text-decoration:none;border-bottom:2px solid var(--accent);padding-bottom:6px}.chapter{border-top:1px solid var(--line);padding:48px 0 35px}.marker{display:flex;align-items:center;gap:20px;margin-bottom:19px;font-size:10px;text-transform:uppercase;letter-spacing:1.9px;font-weight:bold;color:var(--muted)}.number{font:normal 41px/1 Georgia,serif;color:var(--ink);letter-spacing:-2px}h2{font:700 clamp(28px,4vw,38px)/1.15 Georgia,serif;letter-spacing:-.5px}.kicker{font-size:14px;line-height:1.6;color:var(--muted);margin:15px 0 26px}.scene{margin:0 0 28px;width:100%;position:relative;overflow:hidden;border-radius:3px}.scene img{display:block;position:absolute;max-width:none;object-fit:fill}.copy{font-size:20px;line-height:1.75}.copy p+p{margin-top:22px}.copy.large{font-size:23px}body[data-age="7"] .copy{font-size:22px}.thought{border-left:3px solid var(--accent);background:var(--panel);padding:20px 23px;margin-top:28px;font:700 18px/1.6 Georgia,serif}.sign{display:flex;justify-content:flex-end;margin-top:25px}.sign img{width:29px;height:29px;object-fit:contain}.refs{margin-top:25px;border-top:1px solid var(--line);padding-top:15px;color:var(--muted);font-size:12px}.refs summary{cursor:pointer;font-weight:bold;padding:6px 0}.refs ul{padding-left:18px;margin-bottom:0;line-height:1.8}.glossary{margin:28px 0 32px;display:grid;gap:16px}.glossary div{border-left:3px solid var(--accent);padding-left:18px}.glossary dt{font:700 20px Georgia,serif;margin-bottom:6px}.glossary dd{margin:0;color:var(--muted);font-size:16px;line-height:1.7}.source-group{margin-top:32px}.source-group h3,.books h3{font:700 22px Georgia,serif;margin-bottom:15px}.source-group li{margin-bottom:12px;font-size:14px;line-height:1.6}.source-group ul{padding-left:19px}.books{margin-top:35px}.book{margin:17px 0}.book a{font:700 18px/1.5 Georgia,serif}.book p{font-size:13px;color:var(--muted);line-height:1.6;margin-top:5px}.note{font-size:12px;line-height:1.7;color:var(--muted);margin-top:28px}.distinctions{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin:25px 0 30px}.distinctions div{padding:18px;background:var(--panel);border-radius:4px}.distinctions b{font-size:10px;letter-spacing:1px;display:block;color:var(--muted);margin-bottom:9px}.distinctions span{font:700 17px/1.5 Georgia,serif}footer{border-top:1px solid var(--line);padding:35px 0 32px;margin-top:25px}.endlinks{display:flex;gap:25px;flex-wrap:wrap;font-size:15px;font-weight:bold;margin-bottom:25px}.endbrand{display:flex;align-items:center;justify-content:space-between}.legal{font-size:11px;color:var(--muted);line-height:1.5}dialog{max-width:560px;width:calc(100% - 28px);max-height:85dvh;border:1px solid var(--line);border-radius:7px;background:var(--paper);color:var(--ink);padding:25px}dialog::backdrop{background:#10242ee0}.dialog-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.dialog-head h2{font-size:25px}.close{font-size:28px;width:42px;height:42px;border:0;background:transparent}.font{padding:10px 14px;border:1px solid var(--line);border-radius:4px;background:var(--panel);margin:8px 0 20px;font-size:14px}.toc a{display:block;text-decoration:none;padding:13px 0;border-bottom:1px solid var(--line);font-size:16px;line-height:1.4}.toc span{font-size:12px;color:var(--muted);margin-right:14px}.portal{max-width:1080px}.portal .intro{max-width:750px}.portal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:40px 0}.age-card{border-top:4px solid var(--accent);background:var(--panel);padding:28px 23px}.age-card h2{font-size:30px}.age-card p{font-size:16px;line-height:1.65;margin:18px 0 24px;color:var(--muted)}.age-card a{display:block;margin-top:16px;font-weight:700;font-size:14px}.age-card .read{background:var(--ink);color:var(--paper);padding:15px;text-decoration:none}.lead{font-size:20px;line-height:1.75;margin-top:25px;max-width:720px}.topiclist{font-size:17px;line-height:1.9;color:var(--muted);margin-top:26px}.bundle{display:inline-block;background:var(--ink);color:var(--paper);padding:16px 23px;text-decoration:none;font-size:15px;font-weight:bold;margin:12px 0 30px}body.big-text .copy{font-size:24px}body.big-text .thought{font-size:21px}@media(max-width:620px){html{scroll-padding-top:100px}.bar-inner{padding:12px 18px;gap:7px}.brand{font-size:16px;gap:5px}.brand img{width:27px;height:27px}.controls{gap:5px}.ages a{min-width:39px;height:38px;font-size:13px}.menu{width:35px}main{padding:0 23px}.intro{padding:35px 0 32px}h1{font-size:43px;letter-spacing:-1px}.subtitle{font-size:21px}.chapter{padding-top:35px}.number{font-size:38px}h2{font-size:30px}.copy{font-size:20px;line-height:1.72}.scene{width:calc(100% + 12px);margin-left:-6px}.thought{padding:18px 18px}.portal-grid{grid-template-columns:1fr}.portal .lead{font-size:18px}.distinctions{gap:8px}.distinctions div{padding:14px 12px}.distinctions span{font-size:16px}.endbrand{gap:15px}.legal{max-width:150px;text-align:right}}@media(prefers-color-scheme:dark){:root{--paper:#151a1c;--ink:#eeeadd;--muted:#aeb7b6;--line:#394042;--panel:#242d2c}.brand img,.sign img{background:#faf7ee;border-radius:50%}.age-card .read,.bundle{color:#152024;background:#e7ddc5}.ages a[aria-current=page]{color:#172024;background:#eeeadd}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* ===== Écouter (Web Speech) — sous le sous-titre de l’intro ===== */
.intro .listen-controls{display:flex;align-items:center;gap:8px;margin-top:22px;flex-wrap:wrap}
.listen-controls{display:flex;align-items:center;gap:8px}
.listen-btn,.listen-stop{
  display:inline-flex;align-items:center;justify-content:center;gap:5px;
  min-height:36px;padding:0 14px;border-radius:50px;
  border:1px solid color-mix(in srgb, var(--accent) 35%, var(--line));
  background:color-mix(in srgb, var(--accent) 10%, transparent);
  color:var(--accent-ink, var(--ink));font-size:13px;font-weight:700;letter-spacing:.01em;
  white-space:nowrap;cursor:pointer;
}
.listen-btn[aria-pressed="true"]{
  background:var(--accent);color:#fff;border-color:var(--accent);
}
.listen-stop{min-width:36px;padding:0 10px;font-size:14px}
.listen-btn:hover,.listen-stop:hover{filter:brightness(0.97)}
html[data-theme="dark"] .listen-btn{
  background:color-mix(in srgb, var(--accent) 18%, transparent);
  border-color:color-mix(in srgb, var(--accent) 45%, var(--line));
}
html[data-theme="dark"] .listen-btn[aria-pressed="true"]{color:#121212}
/* Ne plus afficher l’ancien lien / meta */
.intro .meta,.intro .start-link,.intro .intro-actions,.intro .intro-links{display:none!important}
@media(max-width:480px){
  .intro .listen-controls{margin-top:16px}
  .listen-btn{padding:0 12px;font-size:12px;min-height:34px}
}
@media print{.listen-controls{display:none}}

/* ===== Fiches liées ===== */
.related-fiches{margin:28px 0 18px;padding:18px 0 0;border-top:1px solid var(--line)}
.related-title{font:700 15px/1.3 system-ui,-apple-system,sans-serif;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin:0 0 12px}
.related-list{list-style:none;padding:0;margin:0;display:grid;gap:8px}
.related-list a{
  display:block;padding:10px 14px;border-radius:12px;
  border:1px solid color-mix(in srgb, var(--accent) 28%, var(--line));
  background:color-mix(in srgb, var(--accent) 8%, transparent);
  color:var(--accent-ink, var(--ink));font-weight:700;font-size:15px;
  text-decoration:none;
}
.related-list a:hover{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 14%, transparent)}
html[data-theme="dark"] .related-list a{color:var(--ink)}
@media print{.related-fiches{display:none}}

.reader-options{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:10px;margin:12px 0 16px;border-block:1px solid var(--line);padding:12px 0;font-size:13px}.reader-options .font-button,.sav-theme-btn,.sav-pc-btn{min-height:44px;border:1px solid var(--line);border-radius:50px;padding:8px 16px;font-weight:750;background:var(--panel)}.fiche-sources{margin:28px 0 8px}