/* Flux Info — mode lecture commun, version 20261011-5.
   Seules les pages qui portent .reading-mode utilisent cette palette. */
html.reading-mode {font-size:21px!important;background:#f4f1eb;color-scheme:light}
html body.reading-mode {
    --reading-ink:#263238;--reading-muted:#52616d;--reading-link:#236541;
    --reading-accent:#236541;--reading-surface:#fffdf8;--reading-line:#c8d2ca;
    --accent-color:#574079;--pfas-accent:#236541;--pfas-inline-color:#236541;
    --pfas-soft:rgba(35,101,65,.07);--pfas-line:rgba(35,101,65,.25);
    --ink:#263238;--muted:#52616d;--line:#c8d2ca;--violet:#574079;
    --ground:#f4f1eb;--panel:#fffdf8;--green:#236541;
    min-height:100vh;background:#f4f1eb!important;color:#263238!important;
    color-scheme:light;font-size:1rem!important;line-height:1.8!important;
}
html body.reading-mode :is(main,.main,.container,.pfas-main,.support-ecosystem,.site-map) {color:#263238!important}
html body.reading-mode :is(main,.main,.container,.support-ecosystem) :is(p,li,dd,dt,td,th,figcaption,blockquote,small,label,summary) {
    color:#263238!important;opacity:1!important;text-shadow:none!important;
}
html body.reading-mode :is(main,.main,.container,.support-ecosystem) :is(strong,b,em,span) {color:inherit!important;text-shadow:none!important}
html body.reading-mode :is(h1,h2,h3,h4,h5,h6) {color:#263238!important;text-shadow:none!important;-webkit-text-fill-color:currentColor}
html body.reading-mode :is(main,.main,.container) :is(a[href],a[href]:visited) {color:#236541!important;text-shadow:none!important;text-decoration-color:currentColor!important}
html body.reading-mode :is(main,.main,.container) a[href]:hover {color:#173f2a!important}
html body.reading-mode :is(.article-meta,.pfas-meta,.pfas-eyebrow,.pfas-endnote,.eyebrow,.subtitle,.faq-lead,.intro,.source-card span,.pfas-source span) {color:#52616d!important;opacity:1!important}
html body.reading-mode :is(main,.main,.container) :is(h2[id],h3[id],section[id],aside[id]) {scroll-margin-top:110px}

/* Encadrés, cartes et parcours. */
html body.reading-mode :is(
    .door,.card,.panel,.content-card,.start-card,.new-fluxes,.new-flux-card,
    .hero-banner,.flux-film__intro,.sources-note,.source-card,.pfas-source,
    .pfas-thesis,.pfas-note,.article-thesis,.key-idea,.manifesto,.promise,
    .pillar,.ai-card,.constellation-card,.door-card,.transparency-note,
    .article-invitation,.article-reading-tools,.flux-connections,
    .constraints-module,.constraint-card,.ocean-constraints,.ocean-constraint-card,
    .earth-constraints,.earth-constraint-card,.human-constraints,.cosmos-constraints,
    .flux-pathway,.sim-consequences,.article-experience-lead,.article-knowledge-bridge,
    .plant-acoustics,.plant-vibration-insight,.wasp-insight,.zoropse-brief,.cosmic-scale,
    .faq-method,.faq-note,.editorial-principle,.proof-card,.resource-panel,.path-card,
    .article-list,.archipel-note,.portal-window,.support-proof,.support-section,
    .support-impact,.support-donation,.support-transparency,.support-amount,
    .support-done,.support-roadmap__block,.support-card,.support-payment-note,
    .flux-map-shell,.flux-map-guide__step,.flux-detail-card,.flux-map-footer-note,
    .ocean-sim,.ocean-quiz,.sky-quiz,.human-quiz,#thermo-module,#zone-info,#simu-output
) {
    color:#263238!important;background:#fffdf8!important;
    border-color:#c8d2ca!important;box-shadow:0 5px 18px rgba(38,50,56,.06)!important;
    backdrop-filter:none!important;
}
html body.reading-mode :is(.article-list,.pfas-links,.flux-pathway__chain,.flux-loop,.flux-connections,.flow-line) :is(a,span) {background:#edf3ec!important;color:#236541!important;border-color:#c8d2ca!important}
html body.reading-mode :is(.pfas-source,.source-card) strong {color:#263238!important}
html body.reading-mode :is(.source-card,.pfas-source):hover {background:#edf3ec!important;border-color:#236541!important}
html body.reading-mode .portal-window :is(.portal-wave,.portal-wave-base,.portal-wave-light) {opacity:0!important}
html body.reading-mode .portal-window::before,html body.reading-mode .portal-window::after {opacity:0!important}
html body.reading-mode :is(.portal-link,.portal-link:visited,.portal-separator) {color:#236541!important}
html body.reading-mode :is(.plant-acoustics,.plant-vibration-insight,.wasp-insight,.cosmic-scale) :is(p,span,strong) {color:#263238!important}

/* Sommaires : commande repérable et liens lisibles. */
html body.reading-mode .article-reading-tools__toc {background:#edf3ec!important;border-color:#b7cabb!important}
html body.reading-mode .article-reading-tools__toc :is(summary,summary::after) {color:#236541!important;opacity:1!important}
html body.reading-mode .article-reading-tools__toc a {background:#fffdf8!important;color:#236541!important;border-color:#b7cabb!important;opacity:1!important}
html body.reading-mode .article-reading-tools__meta span {color:#52616d!important;background:#f1f3ee!important;opacity:1!important}

/* Définitions et commandes. Les fenêtres restent lisibles, ouvertes ou fermées. */
html body.reading-mode :is(.glossary-dialog,.earth-glossary-dialog,.ocean-glossary-dialog,.term-dialog,.definition-dialog__panel,.pfas-dialog) {
    color:#263238!important;background:#fffdf8!important;border-color:#83a28c!important;
    box-shadow:0 18px 60px rgba(38,50,56,.2)!important;
}
html body.reading-mode :is(.glossary-dialog,.earth-glossary-dialog,.ocean-glossary-dialog,.term-dialog,.definition-dialog__panel,.pfas-dialog) :is(p,h2,h3,span,strong) {color:#263238!important;opacity:1!important}
html body.reading-mode dialog::backdrop {background:rgba(38,50,56,.45)!important}
html body.reading-mode :is(.glossary-term,.earth-glossary-term,.ocean-glossary-term,.term-trigger) {
    color:#236541!important;background:transparent!important;border-bottom-color:#236541!important;text-shadow:none!important;
}
html body.reading-mode :is(main,.main,.container) button:where(:not(.glossary-term,.earth-glossary-term,.ocean-glossary-term,.term-trigger)) {
    color:#236541!important;background:#edf3ec!important;border-color:#a9bfae!important;text-shadow:none!important;
}
html body.reading-mode :is(.glossary-dialog-actions,.earth-glossary-dialog-actions,.ocean-glossary-dialog-actions,.pfas-dialog__actions) :is(a,button),
html body.reading-mode .definition-dialog__close,html body.reading-mode .term-dialog button {color:#236541!important;background:#edf3ec!important;border-color:#a9bfae!important}
html body.reading-mode :is(.quiz-btn,.zone-btn,#playBtn,button[type="submit"],.support-main-action,.btn-main,.btn-back,.hero-cta,.support-paypal-button) {
    color:#fff!important;background:#236541!important;border-color:#236541!important;text-shadow:none!important;
}
html body.reading-mode :is(main,.main,.container) a[href]:is(.btn-main,.btn-back,.hero-cta,.support-main-action,.support-paypal-button) {color:#fff!important;background:#236541!important;border-color:#236541!important}
html body.reading-mode :is(.quiz-btn,.zone-btn,#playBtn,button[type="submit"]):hover {background:#173f2a!important;color:#fff!important}
html body.reading-mode :is(main,.main,.container) :is(button.quiz-btn,button.zone-btn,button#playBtn,button[type="submit"]) {background:#236541!important;color:#fff!important}
html body.reading-mode :is(input,select,textarea) {color-scheme:light;accent-color:#236541}
html body.reading-mode :is(input,select,textarea):focus-visible {outline:2px solid #236541!important;outline-offset:3px}
html body.reading-mode :is(a,button,summary):focus-visible {outline:2px solid #236541!important;outline-offset:3px!important}

/* Fonds décoratifs uniquement : les expériences interactives restent visibles. */
html body.reading-mode :is(.index-halo,.flux-halo,.ocean-halo,.sky-halo,.earth-halo,.earth-pulse,.cosmos-halo,.human-halo,.archipel-halo,.article-archipel-halo,.cosmic-overlay,.apropos-glow,.ocean-light,#oceanPresentationCanvas,#money-flow-background) {opacity:0!important;visibility:hidden}
html body.reading-mode :is(#human-simulator,#archipel-simulator,#fusion-simulator,#serengeti-map-sim) {background:#101b25!important;color:#f4f7f5!important;border-color:#8ba094!important;box-shadow:0 8px 25px rgba(38,50,56,.12)!important}
html body.reading-mode :is(#human-simulator,#archipel-simulator,#fusion-simulator,#serengeti-map-sim) :is(div,p,span,strong,h3) {color:#f4f7f5!important;text-shadow:none!important}
html body.reading-mode :is(#human-simulator,#archipel-simulator,#fusion-simulator) .sim-overlay {visibility:visible!important}
html body.reading-mode .sim-controls {background:#fffdf8!important;border-color:#c8d2ca!important;color:#263238!important}
html body.reading-mode .sim-controls :is(p,span,label,strong) {color:#263238!important}
html body.reading-mode .flux-map-stage {background:#101b25!important;color:#f4f7f5!important}
html body.reading-mode .flux-map-stage :is(p,span,strong,.flux-map-core) {color:#f4f7f5!important}
html body.reading-mode .flux-map-stage :is(.flux-sector-trigger,.flux-phenomenon) {color:#f4f7f5!important;background:transparent!important}
html body.reading-mode .flux-map-stage .flux-phenomenon__label {background:#18312a!important;color:#fff!important}

/* Footer et petites commandes communes. */
html body.reading-mode .archipel-footer {background:#e8eee7!important;color:#263238!important}
html body.reading-mode .archipel-footer :is(p,span,h3,.archipel-credits) {color:#263238!important;opacity:1!important;text-shadow:none!important}
html body.reading-mode .archipel-footer .site-card {background:#fffdf8!important;border-color:#c8d2ca!important;color:#263238!important}
html body.reading-mode .archipel-footer :is(a[href],a[href]:visited) {color:#236541!important}
html body.reading-mode .archipel-footer .footer-support a[href] {background:#236541!important;color:#fff!important}
html body.reading-mode .archipel-footer .footer-share :is(a,button) {background:#fffdf8!important;color:#236541!important;border-color:#a9bfae!important}
html body.reading-mode :is(.flux-elevator button,#flux-page-elevator button) {background:#fffdf8!important;color:#236541!important;border-color:#a9bfae!important}
@media(max-width:650px){html.reading-mode {font-size:19px!important}}
