/* Prototype éditorial local : les styles restent limités à la nouvelle expérience. */
.timeline-active .back-to-top{visibility:hidden}
@media(min-width:701px){.timeline-active .music-player{left:auto;right:24px;top:64px;bottom:auto;width:46px;padding:0;gap:0;backdrop-filter:none}.timeline-active .music-player>:not(#music-toggle){display:none}.timeline-active .music-player #music-toggle{display:block;width:44px;height:44px;font-size:20px}}
.timeline-intro{padding:50px 0 65px}.timeline-intro>.eyebrow{color:var(--accent);margin-bottom:28px}.timeline-intro .section-heading{align-items:end}.timeline-intro h2{font-size:clamp(3rem,5vw,5rem)}.timeline-intro .section-heading>p{max-width:390px}.timeline-legend{display:flex;flex-wrap:wrap;gap:24px;margin-top:36px;color:var(--muted);font-size:10px;letter-spacing:.12em}.timeline-legend span:nth-child(n+3){color:var(--accent)}
.timeline{position:relative;background:#151513;border-block:1px solid var(--line)}.timeline-sticky{padding:35px 0 40px}.timeline-top{display:flex;justify-content:space-between;align-items:center;gap:20px;color:var(--muted);font-size:10px;letter-spacing:.08em}.timeline-top .eyebrow{font-size:10px}.timeline-top a{color:var(--accent);white-space:nowrap}.timeline-top a:hover{text-decoration:underline}.timeline-stage{display:grid;grid-template-columns:.95fr 1.15fr;gap:9%;margin-top:55px}.timeline-time{align-self:center;min-width:0}.timeline-time>.eyebrow{color:var(--accent);font-size:10px}.timeline-year{font:clamp(7rem,19vw,20rem)/1 var(--display);letter-spacing:-.03em;margin:6px 0 22px;font-variant-numeric:tabular-nums}.timeline-horizon{font:1.25rem/1.5 var(--serif);color:var(--muted)}.timeline-weave{width:100%;max-width:430px;height:80px;margin-top:30px;overflow:visible;fill:none;stroke:#46453e;stroke-width:1}.timeline-weave .weave-progress{stroke:var(--accent);stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--timeline-progress,0));stroke-width:1.5}.timeline-weave circle{fill:#151513;stroke:var(--accent)}.timeline-art-note{font-size:9px;color:#8b877e;margin-top:8px}
.timeline-reading{min-width:0}.timeline-event{padding:28px 0;border-bottom:1px solid var(--line);scroll-margin-top:35px}.timeline-event::before{content:attr(data-year);font:2rem var(--display);color:var(--accent)}.timeline-status{display:table;font-size:10px;letter-spacing:.16em;padding:5px 10px;border:1px solid #7c786b;color:#dad3c7;margin:15px 0 20px}.timeline-event[data-status="SCÉNARIO"] .timeline-status,.timeline-event[data-status="PROJECTION"] .timeline-status{color:var(--accent);border-style:dashed;border-color:var(--accent)}.timeline-event h3{font:clamp(2rem,3.8vw,3.9rem)/1.07 var(--serif);font-weight:400;margin-bottom:24px;max-width:580px}.timeline-description{font-size:16px;color:#ddd6ca;line-height:1.75}.timeline-importance{margin-top:24px;border-left:1px solid #6b5b43;padding-left:20px}.timeline-importance .eyebrow{font-size:9px;color:var(--accent);margin-bottom:7px}.timeline-importance>p:last-child{font-size:13px;line-height:1.7;color:var(--muted)}.timeline-person{font-size:10px;letter-spacing:.1em;color:var(--accent);margin-top:20px}.timeline-links{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:22px}.timeline-source,.timeline-related{font-size:10px;line-height:1.6;color:var(--muted)}a.timeline-source:hover,.timeline-related:hover{color:var(--accent);text-decoration:underline}.timeline-related{color:var(--accent)}
.timeline-navigation{margin-top:45px}.timeline-navigation-top{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:var(--muted)}#timeline-position{font-variant-numeric:tabular-nums;color:var(--accent);letter-spacing:.1em}.timeline-navigation-top>div{display:flex;gap:12px}.timeline-navigation-top button{border:1px solid var(--line);width:40px;height:36px;font-size:17px}.timeline-navigation-top button:hover:not(:disabled){background:var(--accent);color:var(--bg)}.timeline-navigation-top button:disabled{opacity:.3;cursor:default}.timeline-rail{display:flex;position:relative;margin-top:10px;gap:0}.timeline-rail:before{content:'';position:absolute;left:0;right:0;height:1px;top:25px;background:linear-gradient(to right,var(--accent) 0 var(--rail-progress,0%),var(--line) var(--rail-progress,0%) 100%)}.timeline-rail button{position:relative;flex:1;min-width:0;height:50px;padding:0;z-index:1}.timeline-rail button:before{content:'';display:block;width:5px;height:5px;border:1px solid #7c786b;border-radius:50%;background:#151513;margin:auto}.timeline-rail button[aria-pressed="true"]:before{width:10px;height:10px;background:var(--accent);border-color:var(--accent)}.timeline-rail button.is-past:before{border-color:var(--accent)}.timeline-rail button span{position:absolute;top:0;left:50%;transform:translateX(-50%);font-size:9px;color:var(--accent);opacity:0}.timeline-rail button[aria-pressed="true"] span,.timeline-rail button:hover span,.timeline-rail button:focus-visible span{opacity:1}.timeline-rail button:hover:before{border-color:var(--text)}.timeline-decades{display:flex;justify-content:space-between;gap:5px;border-bottom:1px solid var(--line);padding:0 0 18px}.timeline-decades button{font:1rem var(--display);color:#a6a094;padding:7px 3px;min-height:36px}.timeline-decades button:hover,.timeline-decades button.is-active{color:var(--accent)}.timeline-transition{display:flex;justify-content:space-between;gap:20px;padding-top:17px;font-size:9px;color:var(--muted);letter-spacing:.04em}.timeline-transition span{color:var(--accent)}
.timeline-enhanced .timeline-sticky{position:sticky;top:0;height:100svh;min-height:660px;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:12px;padding:24px 0 26px;overflow:hidden}.timeline-enhanced .timeline-stage{margin-block:0;align-items:center;min-height:0}.timeline-enhanced .timeline-year{font-size:clamp(7rem,16vw,18rem)}.timeline-enhanced .timeline-weave{height:60px;margin-top:16px}.timeline-enhanced .timeline-event{padding:0;border:0}.timeline-enhanced .timeline-event:before{display:none}.timeline-enhanced .timeline-event .timeline-status{margin-top:0}.timeline-enhanced .timeline-navigation{margin-top:0}.timeline-enhanced .timeline-event[hidden]{display:none}.timeline-enhanced.is-future{background:#191812}.timeline-enhanced.is-future .timeline-top{color:var(--accent)}.timeline-enhanced.is-future .timeline-year{color:var(--accent)}.timeline-enhanced.is-horizon .timeline-year:after{content:' ?';color:var(--text)}.timeline-enhanced.is-horizon .timeline-weave,.timeline-enhanced.is-horizon .timeline-art-note{visibility:hidden}.timeline-enhanced.is-horizon .timeline-importance{border:0;padding-left:0}.timeline-enhanced.is-horizon .timeline-importance .eyebrow{display:none}.timeline-live{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.motion-ready .reveal{opacity:0;transform:translateY(24px);transition:opacity .65s ease,transform .65s cubic-bezier(.2,.7,.2,1)}.motion-ready .reveal.is-visible{opacity:1;transform:none}.motion-ready .article-card.reveal{transition-delay:var(--reveal-delay,0ms)}.article-card-link{transition:background-color .25s}.article-card-link:hover{background:#21201d}.article-cover img{transition:transform .6s ease}.article-card-link:hover .article-cover img{transform:scale(1.025)}.chapter-image img{transform:translateY(var(--parallax-y,0px)) scale(1.045)}.final-question{position:relative}.final-question:before{content:'';position:absolute;left:0;top:0;width:100%;height:1px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform 1s ease}.final-question.is-visible:before{transform:scaleX(1)}
@media(max-width:1050px){.header{gap:15px}.header nav{gap:16px}.brand small{display:none}.timeline-stage{gap:6%}.timeline-year{font-size:20vw}.timeline-event h3{font-size:3rem}.timeline-description{font-size:15px}.timeline-importance{margin-top:20px}.timeline-importance>p:last-child{font-size:12px}}
@media(max-width:700px){.header nav a[href="#themes"]{display:none}.header nav a[href="#chronologie"]{display:inline;font-size:12px}.timeline-intro{padding:28px 0 45px}.timeline-intro h2{font-size:2.7rem}.timeline-legend{gap:12px;font-size:9px}.timeline-sticky{padding-top:22px}.timeline-top{gap:8px;font-size:8px;flex-wrap:wrap}.timeline-top>.eyebrow{font-size:8px;flex-basis:100%}.timeline-stage{display:block;margin-top:25px}.timeline-time{position:relative}.timeline-time>.eyebrow{font-size:8px}.timeline-year{font-size:5.8rem;line-height:1;margin:7px 0 12px}.timeline-horizon{position:absolute;left:52%;top:28px;font-size:.95rem;line-height:1.3;max-width:48%}.timeline-weave,.timeline-art-note{display:none}.timeline-event{padding:25px 0}.timeline-event h3{font-size:2rem;margin-bottom:14px}.timeline-status{font-size:8px;margin:0 0 12px;padding:4px 8px}.timeline-description{font-size:13px;line-height:1.6}.timeline-importance{margin-top:14px;padding-left:12px}.timeline-importance>p:last-child{font-size:11px;line-height:1.6}.timeline-importance .eyebrow{font-size:8px;margin-bottom:5px}.timeline-links{margin-top:12px}.timeline-source,.timeline-related{font-size:9px}.timeline-person{font-size:9px;margin-top:12px}.timeline-navigation-top{font-size:9px}.timeline-navigation-top>p:nth-child(2){max-width:140px;line-height:1.4}.timeline-navigation-top button{width:34px;height:32px}.timeline-decades{padding-bottom:8px;gap:0}.timeline-decades button{font-size:.85rem;padding-inline:1px}.timeline-transition{font-size:8px;gap:14px;padding-top:10px}.timeline-rail{overflow:visible}.timeline-rail button{height:38px}.timeline-rail:before{top:19px}.timeline-rail button:before{width:3px;height:3px}.timeline-rail button[aria-pressed="true"]:before{width:7px;height:7px}.timeline-rail button span{font-size:8px;top:-2px}.timeline-enhanced .timeline-sticky{min-height:720px;padding:20px 0 30px}.timeline-enhanced .timeline-stage{margin:14px auto}.timeline-enhanced .timeline-navigation{margin-top:5px}.timeline-enhanced.is-horizon .timeline-year{font-size:5.1rem}.motion-ready .reveal{transform:translateY(15px)}.music-visible .timeline-enhanced .timeline-sticky{padding-bottom:100px;min-height:790px}}
@media(max-width:700px){.timeline-rail{overflow-x:auto;scrollbar-width:thin;scrollbar-color:#65543e transparent}.timeline-rail button{flex:0 0 36px;min-width:36px;height:42px}.timeline-rail:before{right:auto;width:calc(var(--event-count,28)*36px);top:21px}.timeline-rail button span{top:0}.timeline-rail button:before{width:5px;height:5px}.timeline-enhanced .timeline-year{font-size:5.5rem}}
@media(prefers-reduced-motion:reduce){.motion-ready .reveal{opacity:1;transform:none}.chapter-image img{transform:none}.article-card-link:hover .article-cover img{transform:none}.final-question:before{transform:scaleX(1)}}
/* Lecture automatique : commandes persistantes et temps de lecture visible. */
.timeline-navigation-top>.timeline-playback{position:relative;align-items:center;gap:12px;padding-bottom:8px}.timeline-playback #timeline-play{width:auto;min-width:90px;padding:0 14px;font:11px var(--sans);letter-spacing:.06em;color:var(--accent);border-color:#6b5b43}.timeline-playback label{font-size:9px;letter-spacing:.08em}.timeline-playback select{background:var(--bg);border:1px solid var(--line);border-radius:0;color:var(--text);font:10px var(--sans);padding:8px;cursor:pointer}.timeline-playback select:focus-visible,.timeline-playback button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}#timeline-play-state{font-size:9px;min-width:110px}.timeline-countdown{position:absolute;left:0;bottom:0;width:100%;height:2px;background:var(--line);overflow:hidden}.timeline-countdown span{display:block;height:100%;background:var(--accent);transform-origin:left;transform:scaleX(var(--reading-progress,0))}.timeline-weave circle{transition:fill .6s}.timeline-active .timeline-weave circle{fill:var(--accent)}
@media(max-width:700px){.timeline-navigation-top{flex-wrap:wrap;gap:8px}.timeline-navigation-top>.timeline-playback{order:3;flex-basis:100%;justify-content:space-between;gap:8px;padding-bottom:7px}.timeline-playback #timeline-play{min-width:72px;padding:0 9px}.timeline-playback label{display:none}#timeline-play-state{min-width:0;font-size:8px}.timeline-enhanced .timeline-sticky{padding-bottom:25px}.music-visible .timeline-enhanced .timeline-sticky{min-height:820px}.timeline-enhanced .timeline-stage{margin:8px auto}}
.timeline-enhanced .timeline-sticky{grid-template-columns:minmax(0,1fr)}.timeline-sticky>.wrap{min-width:0}.timeline-navigation-top>.timeline-playback{min-width:0}
.timeline-playback #timeline-play:hover:not(:disabled){color:var(--bg)}
