:root{--mf-bg:#080c0e;--mf-panel:#10191c;--mf-panel-2:#162226;--mf-line:#2b3b40;--mf-text:#eef5f2;--mf-muted:#9aaba5;--mf-accent:#55e3a6;--mf-danger:#ff918b;--mf-radius:14px}*{box-sizing:border-box}body{margin:0;background:var(--mf-bg);color:var(--mf-text);font:15px/1.65 Inter,system-ui,sans-serif}button,input{font:inherit}button{cursor:pointer}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.mf-app{min-height:100vh;display:grid;grid-template-columns:290px 1fr}.mf-sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:20px 14px;background:#0b1113;border-right:1px solid var(--mf-line);z-index:10}.mf-reader-return{display:block;margin:0 7px 18px;color:var(--mf-text);font-size:12px;font-weight:800}.mf-course-title{padding:0 7px 15px}.mf-course-title strong,.mf-course-title small{display:block}.mf-course-title strong{font-size:13px;line-height:1.3}.mf-course-title small,.mf-sidebar-footer p,.mf-nav small{color:var(--mf-muted);font-size:10px}.mf-overall-progress{margin:0 7px 15px;font-size:10px}.mf-overall-progress div{display:flex;justify-content:space-between}.mf-overall-progress progress,.mf-home-progress progress{display:block;width:100%;height:6px;margin-top:7px;accent-color:var(--mf-accent)}.mf-search{display:flex;gap:8px;width:calc(100% - 14px);margin:0 7px 13px;padding:8px 12px;border:1px solid var(--mf-line);border-radius:10px;background:var(--mf-panel)}.mf-search input{width:100%;border:0;outline:0;background:transparent;color:var(--mf-text)}.mf-nav{overflow:auto}.mf-nav-home,.mf-nav-section-trigger,.mf-nav-lesson{width:100%;border:0;border-radius:9px;padding:9px 10px;background:transparent;color:#b7c5c0;text-align:left;font-size:12px}.mf-nav-home,.mf-nav-section-trigger{display:flex;justify-content:space-between}.mf-nav-home:hover,.mf-nav-home.is-active,.mf-nav-section.is-current>.mf-nav-section-trigger,.mf-nav-lesson.is-active{background:var(--mf-panel-2);color:#fff}.mf-nav-lessons{padding-left:9px}.mf-nav-lesson{display:grid;grid-template-columns:16px 1fr;gap:6px;padding:6px 8px;font-size:11px}.mf-nav-check.is-read{color:var(--mf-accent)}.mf-nav-separator{height:1px;background:var(--mf-line);margin:13px 8px}.mf-sidebar-footer{margin-top:auto;padding:16px 8px 0;border-top:1px solid var(--mf-line)}.mf-text-button,.mf-back,.mf-lesson-top-nav button{border:0;background:transparent;color:var(--mf-muted)}.mf-main{min-width:0}.mf-page{width:min(1120px,100%);margin:auto;padding:42px 34px 90px}.mf-article{max-width:780px}.mf-hero{max-width:850px}.mf-eyebrow{color:var(--mf-accent);font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.mf-hero h1,.mf-page-heading h1,.mf-article h1{font-size:45px;line-height:1.07;letter-spacing:-.045em}.mf-hero>p,.mf-page-heading>p,.mf-summary{color:#b1c1bb;font-size:17px}.mf-button{border:1px solid var(--mf-line);border-radius:10px;padding:9px 14px;background:transparent;color:var(--mf-text)}.mf-button-primary{border-color:var(--mf-accent);background:var(--mf-accent);color:#06110d;font-weight:800}.mf-hero-actions,.mf-article-footer{display:flex;flex-wrap:wrap;gap:9px;margin-top:22px}.mf-home-progress,.mf-section-card,.mf-lesson-row,.mf-glossary-card,.mf-quiz,.mf-diagram{border:1px solid var(--mf-line);border-radius:var(--mf-radius);background:var(--mf-panel)}.mf-home-progress{max-width:760px;margin:30px 0;padding:14px 16px}.mf-section-grid,.mf-glossary-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.mf-section-card,.mf-glossary-card{padding:19px;color:var(--mf-text);text-align:left}.mf-section-card strong,.mf-section-card span,.mf-section-card small{display:block}.mf-section-card span{color:var(--mf-accent);font-size:10px}.mf-section-card small,.mf-lesson-row small{color:var(--mf-muted);font-size:11px}.mf-lesson-list{display:grid;gap:9px}.mf-lesson-row{display:grid;grid-template-columns:32px 1fr auto;gap:12px;align-items:center;padding:14px;color:var(--mf-text);text-align:left}.mf-check{display:grid;place-items:center;width:25px;height:25px;border:1px solid var(--mf-line);border-radius:8px}.mf-check.is-read{background:var(--mf-accent);color:#06110d}.mf-lesson-top-nav{display:grid;grid-template-columns:1fr 2fr 1fr;margin-bottom:25px}.mf-lesson-top-nav button:last-child{text-align:right}.mf-lesson-top-nav .mf-back{text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mf-article-meta span{display:inline-block;margin-right:6px;padding:3px 8px;border-radius:99px;background:#173128;color:#9cf0c6;font-size:10px}.mf-lesson-content h2{margin-top:34px}.mf-lesson-content p,.mf-lesson-content li{color:#c9d5d0}.mf-table-wrap{overflow:auto;border:1px solid var(--mf-line);border-radius:10px}.mf-table-wrap table{width:100%;border-collapse:collapse}.mf-table-wrap th,.mf-table-wrap td{padding:10px 12px;border-bottom:1px solid var(--mf-line);text-align:left}.mf-code{margin:20px 0;border:1px solid var(--mf-line);border-radius:10px;background:var(--mf-panel)}.mf-code figcaption{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:9px 14px;border-bottom:1px solid var(--mf-line)}.mf-code-title{font-size:12px;font-weight:700}.mf-code-lang{color:var(--mf-accent);font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.mf-code pre{margin:0;padding:13px 14px;overflow-x:auto;font:12.5px/1.6 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.mf-code code{color:#c9d5d0;font:inherit;white-space:pre}.mf-keypoints,.mf-callout{--mf-card-accent:var(--mf-accent);--mf-card-bg:#102019;margin:20px 0;padding:12px 17px 14px;border-left:3px solid var(--mf-card-accent);background:var(--mf-card-bg)}.mf-callout-kind{display:block;margin-bottom:5px;color:var(--mf-card-accent);font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.mf-keypoints h3,.mf-callout h3{margin:0 0 6px;font-size:14px}.mf-callout-definition{--mf-card-accent:#7fb8ff;--mf-card-bg:#111b28}.mf-callout-example{--mf-card-accent:#c8b6ff;--mf-card-bg:#191627}.mf-callout-warning{--mf-card-accent:var(--mf-danger);--mf-card-bg:#251517}.mf-callout-tradeoff{--mf-card-accent:#ffce7a;--mf-card-bg:#241d12}.mf-keypoints{--mf-card-accent:var(--mf-accent);--mf-card-bg:#102019}.mf-terms,.mf-sources{margin-top:31px;padding-top:20px;border-top:1px solid var(--mf-line)}.mf-quiz{margin-top:22px;padding:17px}.mf-question{padding:16px 0;border-top:1px solid var(--mf-line)}.mf-question:first-of-type{border-top:0}.mf-choices{display:grid;gap:6px}.mf-choice{width:100%;padding:9px 11px;border:1px solid var(--mf-line);border-radius:8px;background:#0b1113;color:var(--mf-text);text-align:left}.mf-choice-selected{border-color:#8aa49a;background:#172522}.mf-choice-correct{border-color:var(--mf-accent);background:#102a1e}.mf-choice-wrong{border-color:var(--mf-danger);background:#2b1717}.mf-feedback{margin:10px 0 0;font-size:12px}.mf-feedback-correct{color:#a9f1cd}.mf-feedback-wrong{color:#ffb2ad}.mf-article-footer{padding-top:22px;border-top:1px solid var(--mf-line)}.mf-next-button{border-color:#4c7869;background:#102119}.mf-empty{color:var(--mf-muted)}.mf-sidebar-close,.mf-mobile-bar{display:none}@media(max-width:900px){.mf-app{grid-template-columns:1fr}.mf-sidebar{position:fixed;width:290px;transform:translateX(-102%);transition:transform .2s}.mf-sidebar.is-open{transform:none}.mf-sidebar-close{display:block;width:100%;margin-bottom:14px}.mf-sidebar-backdrop:not([hidden]){position:fixed;inset:0;z-index:9;background:#0009}.mf-mobile-bar{position:sticky;top:0;z-index:4;display:flex;align-items:center;gap:12px;min-height:56px;padding:0 18px;border-bottom:1px solid var(--mf-line);background:var(--mf-bg);font-size:11px}.mf-menu-button{padding:7px 10px;border:1px solid var(--mf-line);border-radius:8px;background:var(--mf-panel);color:var(--mf-text)}.mf-page{padding:30px 18px 75px}.mf-code pre{padding:12px;font-size:12px}.mf-section-grid,.mf-glossary-grid{grid-template-columns:1fr}.mf-hero h1,.mf-page-heading h1,.mf-article h1{font-size:37px}}@media(max-width:520px){.mf-lesson-row{grid-template-columns:30px 1fr}.mf-duration{display:none}.mf-hero h1,.mf-page-heading h1,.mf-article h1{font-size:32px}}

/* Les titres et résumés des fiches restent sur deux lignes distinctes. */
.mf-lesson-copy{display:grid;gap:2px}.mf-lesson-copy strong,.mf-lesson-copy small{display:block}

/* Repères pédagogiques de l’accueil */
.mf-course-description{max-width:780px;color:#b1c1bb;font-size:17px}
.mf-thread-case{max-width:780px;margin:22px 0 4px;padding:18px 20px 20px;border:1px solid #3a6557;border-left:4px solid var(--mf-accent);border-radius:12px;background:linear-gradient(135deg,#10231c,#10191c);box-shadow:0 16px 42px rgba(0,0,0,.18)}
.mf-thread-case .mf-eyebrow{margin:0 0 5px}.mf-thread-case h2{margin:0 0 7px;font-size:20px;letter-spacing:-.015em}.mf-thread-case p{margin:8px 0 0;color:#d5e0dc}.mf-thread-case .mf-thread-case-help{color:#9cf0c6;font-size:13px;font-weight:700}

/* Glossaire : chips dans la fiche, dialogue desktop et panneau bas mobile */
.mf-terms>div{display:flex;flex-wrap:wrap;gap:8px}.mf-term-chip{min-height:38px;padding:7px 11px;border:1px solid #477565;border-radius:999px;background:#10231d;color:#baf6d9;font-weight:700}.mf-term-chip:hover{border-color:var(--mf-accent);background:#17352a;color:#fff}
.mf-glossary-card strong,.mf-glossary-card span{display:block}.mf-glossary-card span{margin-top:7px;color:#b7c5c0;font-size:13px}.mf-glossary-card:hover{border-color:#477565;background:#142126}
.mf-modal-backdrop{position:fixed;inset:0;z-index:30;display:grid;place-items:center;padding:24px;background:rgba(2,7,8,.82);backdrop-filter:blur(5px)}
.mf-modal{position:relative;width:min(620px,100%);max-height:min(82vh,720px);overflow:auto;padding:28px;border:1px solid #42685c;border-radius:18px;background:#10191c;box-shadow:0 28px 90px rgba(0,0,0,.62)}
.mf-modal h2{margin:4px 48px 10px 0;font-size:28px;line-height:1.15}.mf-modal>p:not(.mf-eyebrow){color:#d4dfdb;font-size:16px}.mf-modal-close{position:absolute;top:16px;right:16px;display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--mf-line);border-radius:50%;background:#0b1113;color:var(--mf-text);font-size:25px;line-height:1}.mf-modal-close:hover{border-color:var(--mf-accent);background:#173128}.mf-example{margin-top:20px;padding:15px 17px;border-left:3px solid #c8b6ff;background:#191627}.mf-example h3,.mf-example p{margin:0}.mf-example p{margin-top:6px;color:#ddd6f5}

/* Diagrammes sémantiques : éléments repérables et relations lisibles */
.mf-diagram{margin:24px 0;overflow:hidden}.mf-diagram figcaption{padding:16px 18px;border-bottom:1px solid var(--mf-line);background:#132126}.mf-diagram figcaption span,.mf-diagram figcaption strong{display:block}.mf-diagram figcaption strong{margin-top:3px;font-size:16px}.mf-flowchart-scroll{max-width:100%;padding:8px;overflow:auto;overscroll-behavior-inline:contain;scrollbar-color:#45645a #0b1416}.mf-flowchart-scroll:focus-visible{outline:2px solid var(--mf-accent);outline-offset:-4px}.mf-flowchart{display:block;max-width:none;margin:auto}.mf-flowchart-mobile{display:none}.mf-flow-edge{fill:none;stroke:#67dca9;stroke-width:2}.mf-flowchart marker path{fill:#67dca9}.mf-flow-node rect{fill:#0d181b;stroke:#44635a;stroke-width:1.5}.mf-flow-node-label{display:flex;height:100%;flex-direction:column;align-items:center;justify-content:center;color:#edf5f2;font:600 13px/1.25 Inter,system-ui,sans-serif;text-align:center;overflow-wrap:anywhere}.mf-flow-node-step{margin-bottom:2px;color:#8aefc2;font-size:8px;font-weight:700;line-height:1.15}.mf-flow-edge-label-wrap{pointer-events:none}.mf-flow-edge-label{display:flex;height:100%;align-items:center;justify-content:center;padding:2px 5px;border:1px solid #315147;border-radius:99px;background:#10191c;color:#b9f6d9;font:600 9px/1.1 Inter,system-ui,sans-serif;text-align:center;overflow-wrap:anywhere}

/* Les liens externes ne doivent jamais hériter du bleu navigateur sur fond sombre. */
.mf-sources ul{padding-left:20px}.mf-sources li{margin:5px 0;color:#b7c5c0}.mf-sources a{color:#9cf0c6;font-weight:650;text-decoration-color:#4f8d73;text-decoration-thickness:1px;text-underline-offset:3px}.mf-sources a:hover{color:#fff;text-decoration-color:var(--mf-accent)}
.mf-button:focus-visible,.mf-nav-home:focus-visible,.mf-nav-section-trigger:focus-visible,.mf-nav-lesson:focus-visible,.mf-section-card:focus-visible,.mf-lesson-row:focus-visible,.mf-glossary-card:focus-visible,.mf-term-chip:focus-visible,.mf-modal-close:focus-visible,.mf-sources a:focus-visible{outline:3px solid #d8fff0;outline-offset:3px}

@media(max-width:600px){.mf-thread-case{padding:16px}.mf-modal-backdrop{align-items:end;padding:0;backdrop-filter:none}.mf-modal{width:100%;max-height:85dvh;padding:24px 18px calc(24px + env(safe-area-inset-bottom));border-width:1px 0 0;border-radius:20px 20px 0 0}.mf-modal h2{font-size:24px}.mf-flowchart-scroll{padding:5px}.mf-flowchart-desktop{display:none}.mf-flowchart-mobile{display:block}}