/* La Quête — lecture progressive. Les images scientifiques restent inchangées. */
:root{--soft:#202020;--mint:#d5d5d5;--warm:#e9c88e;--subtle:#303030}
:root[data-theme=clair]{--soft:#fffdf7;--mint:#24634f;--warm:#77531b;--subtle:#e8efe9}
body{font-size:17px;line-height:1.65}
.article-page{max-width:1120px}
.article-heading{max-width:none;padding-top:28px}
.article-heading h1{font-size:clamp(2rem,4.1vw,3.3rem);max-width:850px}
.article-heading .dek{margin:15px 0 23px;font-size:1.08rem}
.article-heading .eyebrow{margin:18px 0 8px}
.section-label,.mini-label,.simple-note,.lesson-nav,.image-open,.small-note,.lesson-controls,.lesson-step-nav,.quiz-options,.quiz-result,.glossary summary,.reading-more summary,.inspect-note{font-family:system-ui,-apple-system,'Segoe UI',sans-serif}
.section-label{font-size:.74rem;letter-spacing:.12em;text-transform:uppercase;color:var(--mint);margin:0 0 9px}
.simple-start{max-width:none;margin:22px 0;padding:24px 28px;border:1px solid var(--line);border-radius:16px;background:var(--soft);display:grid;grid-template-columns:1fr 1.45fr;gap:15px 34px}
.simple-start .simple-intro h2{font-size:1.75rem;margin:0 0 10px}
.simple-start .simple-copy>p{font-size:1.14rem;margin:0 0 12px;max-width:61ch}
.simple-note,.small-note{font-size:.8rem;color:var(--muted);line-height:1.6}
.simple-start .audio-section{grid-column:1/-1;justify-self:start}
.simple-start details{border-top:1px solid var(--line);padding-top:12px}
.simple-start summary{font-size:.84rem}
.simple-start details p{font-size:1rem;margin:.8em 0}
.lesson-nav{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0;font-size:.82rem}
.lesson-nav a{padding:8px 13px;border:1px solid var(--line);border-radius:30px;text-decoration:none}
.lesson-nav a:hover{background:var(--subtle)}
.audio-slot{margin:12px 0 25px;max-width:none}
.audio-launch{font-size:.8rem;min-height:38px;padding:6px 12px;border-radius:25px}
.audio-section{font-size:.72rem;border-radius:22px;min-height:36px}
.lesson-section{margin:45px 0}
.lesson-section>h2{font-size:clamp(1.5rem,3vw,2rem);margin-bottom:12px;max-width:36ch}
.lesson-section>.section-dek{max-width:70ch;color:var(--muted);margin:0 0 22px}
.lesson-grid{display:grid;grid-template-columns:1.18fr 1fr;gap:22px;align-items:start}
.lesson-card,.prose-grid>.readable{border:1px solid var(--line);border-radius:14px;background:var(--soft);padding:22px}
.lesson-card h3{margin:8px 0 12px;font-size:1.32rem}
.lesson-card p{margin:10px 0;font-size:1rem}
.mini-label{display:inline-block;font-size:.67rem;letter-spacing:.045em;text-transform:uppercase;color:var(--mint)}
.lesson-card .small-note{font-size:.79rem}
.media-scientifique{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:24px;align-items:start;max-width:none;padding:22px;margin:30px 0;border:1px solid var(--line);border-radius:14px;background:var(--soft)}
.media-scientifique>img,.media-visual img{width:100%;height:220px;object-fit:contain;background:transparent;max-height:220px;border-radius:5px}
.media-scientifique figcaption{padding:0;max-width:none;font-size:.92rem}
.media-scientifique figcaption h3{margin:8px 0 10px;font-size:1.3rem}
.media-scientifique figcaption p{margin:10px 0}
.image-open{display:inline-block;font-size:.8rem;margin-top:10px}
.media-visual{min-width:0}
.media-scientifique .media-meta{font-size:.72rem}
.media-scientifique .media-type{font-size:.65rem}
.media-help{border-top:1px solid var(--line);padding-top:10px;font-size:.88rem}
.media-help strong{color:var(--mint);font-weight:normal}
.cmb-figure{display:block;margin:0;padding:18px}
.cmb-figure .media-visual img{height:230px;max-height:230px}
.cmb-figure figcaption{padding-top:15px}
.cmb-figure figcaption h3{font-size:1.15rem}
.lesson-card.readable{margin:0;max-width:none}
.color-key{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0}
.color-key div{border:1px solid var(--line);padding:12px;border-radius:9px;font-family:system-ui,sans-serif;font-size:.85rem}
.color-sample{display:block;height:6px;border-radius:8px;margin-bottom:10px}
.color-sample.blue{background:#2688e1}.color-sample.orange{background:#e7942d}
.inspect-note{padding:12px 14px;background:var(--subtle);border-radius:9px;font-size:.86rem;line-height:1.65}
.lesson-step-nav{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 18px}
.lesson-step-nav button,.quiz-options button{border-radius:24px;font-size:.83rem;padding:9px 14px;min-height:44px}
.lesson-step-nav button[aria-pressed=true]{background:var(--mint);color:var(--bg);border-color:var(--mint)}
.lesson-step{display:grid;grid-template-columns:1fr 1fr;gap:25px;align-items:center;border:1px solid var(--line);border-radius:14px;padding:20px;background:var(--soft);margin:12px 0}
.lesson-step[hidden]{display:none}
.lesson-step img{width:100%;height:auto;max-height:220px}
.lesson-step h3{margin:0 0 12px;font-size:1.5rem}
.lesson-step p{font-size:1.04rem;margin:12px 0}
.lesson-controls{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;font-size:.86rem;margin:14px 0}
.lesson-controls input[type=range]{flex:1 1 180px;min-width:0;accent-color:var(--mint);min-height:36px}
.lesson-controls button{min-height:44px;font-size:.8rem}
.expansion-svg{width:100%;height:auto;max-height:230px;display:block;background:var(--bg);border-radius:10px;color:var(--text)}
.expansion-svg .galaxy{fill:var(--mint)}
.expansion-svg .distance-line{stroke:var(--warm);stroke-width:2}
.expansion-svg text{fill:var(--text);font-family:system-ui,sans-serif;font-size:14px}
.expansion-svg .anchor{fill:var(--warm)}
.three-clues{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}
.three-clues .lesson-card{padding:18px}
.three-clues img{height:130px;width:100%;object-fit:contain;border-radius:5px;margin:10px 0 15px;background:transparent}
.three-clues h3{font-size:1.18rem}
.three-clues p{font-size:.92rem}
.glossary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:20px}
.glossary details{border:1px solid var(--line);border-radius:10px;padding:12px 15px;background:var(--soft)}
.glossary summary{font-size:.9rem}
.glossary p{font-size:.92rem;margin-bottom:0}
.quiz-options{display:flex;flex-wrap:wrap;gap:8px}
.quiz-result{min-height:3.5em;font-size:.9rem;color:var(--mint);margin-top:16px}
.quiz-options button[aria-pressed=true]{border-color:var(--mint);background:var(--subtle)}
.prose-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:30px 0}
.prose-grid>.readable{margin:0;max-width:none;padding:22px!important}
.prose-grid>.readable h2{font-size:1.4rem;margin:0 0 15px}
.prose-grid>.readable p{font-size:1rem;line-height:1.7}
.reading-more{margin:14px 0 0;border-top:1px solid var(--line);padding-top:12px}
.reading-more summary{font-size:.82rem;color:var(--link);min-height:30px}
.deep-reading{margin:35px 0;border:1px solid var(--line);border-radius:14px;padding:18px 22px}
.deep-reading>summary{font-size:1rem}
.deep-reading>.prose-grid{margin-bottom:0}
.deep-reading .prose-grid{grid-template-columns:1fr}
.deep-reading .readable{border:0;padding:5px 0!important;background:none}
.repere,.detailed-map,.references,.feedback,.next-reading{max-width:none}
.repere,.detailed-map,.references{border:1px solid var(--line);border-radius:13px;padding:16px 20px;margin:20px 0;background:var(--soft)}
.repere-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:17px 0 0}
.repere-item,.repere-item:first-child{padding:14px;border:1px solid var(--line);border-radius:10px}
.repere-item p{font-size:.9rem}
.repere-item h3{font-size:1.1rem}
.map-group ol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.map-group li{border:1px solid var(--line);border-radius:10px;padding:16px;gap:8px;grid-template-columns:29px 1fr;align-items:start}
.map-group h4{font-size:1.05rem}
.map-group li p{font-size:.92rem;overflow-wrap:anywhere}
.status-legend{display:flex;gap:8px;flex-wrap:wrap;list-style:none;padding:0}
.status-legend li{font: .74rem/1.5 system-ui,sans-serif;border:1px solid var(--line);border-radius:20px;padding:6px 11px}
.feedback{padding-top:22px;margin-top:32px}.feedback h2{font-size:1.3rem}
.next-reading{margin-top:30px}
.next-reading .next{background:var(--soft);border:1px solid var(--line);border-radius:14px;padding:20px}
.next-reading .next strong{font-size:1.3rem}
.directory .question-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.directory .question-link{border:1px solid var(--line);border-radius:13px;padding:20px;background:var(--soft);grid-template-columns:25px 1fr 15px;gap:12px}
.directory .question-link strong{font-size:1.22rem}
.directory .path{margin-top:36px}
.home .editorial-entry{border:1px solid var(--line);border-radius:13px;padding:20px;margin-bottom:12px;background:var(--soft);grid-template-columns:110px 1fr 20px;gap:18px}
.home .editorial-entry h3,.home .editorial-entry:first-child h3{font-size:1.4rem}
.home .knowledge-key{margin-left:0;display:grid;grid-template-columns:1fr 1fr;gap:14px}
.home .knowledge-key h2,.home .knowledge-key>a{grid-column:1/-1}
.home .knowledge-key dl{display:contents}
.home .knowledge-key dt{margin:0;color:var(--warm)}
.home .knowledge-key dd{margin:7px 0 0}
.knowledge-tile{border:1px solid var(--line);border-radius:12px;background:var(--soft);padding:18px}
.home .personal-hero{padding-top:22px;padding-bottom:25px}
.home .personal-hero h1{font-size:clamp(2.1rem,4.5vw,3.6rem)}
.home .personal-hero .sky-credit{font-size:.72rem}
.home .personal-note{margin-top:30px}
@media(max-width:700px){body{font-size:16px}main{padding-left:18px;padding-right:18px}.site-header{padding-left:18px;padding-right:18px}.simple-start{grid-template-columns:1fr;padding:20px;gap:5px}.simple-start .simple-intro h2{font-size:1.5rem}.simple-start .simple-copy>p{font-size:1.07rem}.lesson-grid,.lesson-step,.media-scientifique,.prose-grid{grid-template-columns:1fr;gap:16px}.media-scientifique{padding:17px}.media-scientifique>img,.media-visual img{height:170px;max-height:170px}.cmb-figure .media-visual img{height:180px;max-height:180px}.lesson-card{padding:18px}.lesson-section{margin:32px 0}.three-clues{grid-template-columns:1fr}.three-clues .lesson-card{display:grid;grid-template-columns:100px 1fr;gap:0 16px}.three-clues .lesson-card img{grid-row:1/5;height:100px;margin:0;align-self:center}.three-clues .lesson-card h3{margin-top:6px}.three-clues .lesson-card .small-note{grid-column:1/-1}.glossary{grid-template-columns:1fr}.repere-grid,.map-group ol,.directory .question-list{grid-template-columns:1fr}.repere,.detailed-map,.references{padding:14px}.lesson-step{padding:18px}.lesson-step img{max-height:170px}.lesson-nav{gap:6px}.lesson-nav a{padding:7px 10px;font-size:.78rem}.lesson-step-nav button{font-size:.78rem;padding:8px 11px}.lesson-step h3{font-size:1.3rem}.home .editorial-entry{grid-template-columns:1fr 20px}.home .editorial-entry>span:first-child{grid-column:1/-1}.home .knowledge-key{grid-template-columns:1fr}.home .personal-hero{padding-top:110px}.home .personal-hero h1{font-size:2.2rem}.deep-reading{padding:15px}.simple-note{font-size:.78rem}}
@media print{.lesson-nav,.lesson-controls,.lesson-step-nav,.quiz-options,.image-open{display:none!important}.lesson-step[hidden]{display:grid!important}.simple-start,.lesson-card,.media-scientifique{break-inside:avoid;background:none}.prose-grid,.map-group ol{display:block}.reading-more>*,.deep-reading>*{display:block!important}.lesson-step,.lesson-grid{display:block}body{font-size:11pt}}
/* Respect progressive disclosure even when a component defines display. */
[hidden]{display:none!important}
@media(max-width:540px){.site-header{flex-wrap:wrap;gap:10px}.site-header .brand{white-space:nowrap;flex-basis:100%}.site-header nav{width:100%;justify-content:space-between;gap:10px;white-space:nowrap}}