/* Ambiance pictures are artistic; explanatory diagrams retain their own legends. */
.illustrated-page{--art:linear-gradient(transparent,transparent);background-image:linear-gradient(#101c21b8,#101c21ed),var(--art);background-size:cover;background-position:center;background-attachment:fixed}
.illustrated-page[data-ambiance=frontieres]{--art:linear-gradient(transparent,transparent)}
.illustrated-page[data-ambiance=intelligence]{--art:linear-gradient(transparent,transparent)}
.illustrated-page:not(.v3-site) .site-header{background:#101c21e6;border-bottom:1px solid #ffffff12}
.illustrated-page:not(.v3-site) .site-header a{color:#f4f0e7}
.illustrated-page:not(.v3-site) .site-header .theme-toggle{background:#182c32;color:#f4f0e7;border-color:#6c8588}
.illustrated-page .article-heading{padding:30px 34px 22px;margin:14px 0 25px;border:1px solid #74958d66;border-radius:20px;background-image:linear-gradient(90deg,#07141ded 2%,#07141da6 60%,#07141d26),var(--art);background-size:cover;background-position:center;min-height:300px;color:#f4f0e7}
.illustrated-page .article-heading h1{max-width:750px;font-size:clamp(2rem,4.4vw,3.4rem);line-height:1.13;margin:22px 0 16px;text-wrap:balance}
.illustrated-page .article-heading a,.illustrated-page .article-heading .eyebrow,.illustrated-page .article-heading .dek{color:#e3e9e4}
.illustrated-page .article-heading .dek{max-width:690px;font-size:1rem;line-height:1.55}
.art-credit{font:11px/1.5 system-ui,sans-serif;max-width:600px;margin:20px 0 0;opacity:.82}
.illustrated-page .simple-start{padding:20px 25px;margin:20px 0;box-shadow:0 10px 35px #0002}
.illustrated-page .simple-note{font-size:.75rem}
.illustrated-page .simple-copy>p{font-size:1.02rem;line-height:1.6}
.illustrated-page .simple-intro h2{font-size:1.5rem}
.illustrated-page .lesson-nav{gap:7px;margin:15px 0}
.illustrated-page .lesson-nav a{background:var(--soft);font-size:.76rem;padding:7px 11px}
.illustrated-page .audio-slot{margin:10px 0 20px}
.visual-intro{padding:12px 0 8px}.visual-intro h2{font-size:1.65rem;margin:5px 0}.visual-intro p{font:.79rem/1.6 system-ui,sans-serif;color:var(--muted);margin:8px 0}
.visual-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:10px 0 22px}
.visual-card{margin:0;border:1px solid var(--line);background:var(--soft);border-radius:16px;overflow:hidden;box-shadow:0 10px 28px #0002;min-width:0}
.visual-card img{display:block;width:100%;height:170px;object-fit:contain;background:#10232b}
.visual-card figcaption{padding:17px 19px}.visual-card h3{font-size:1.22rem;line-height:1.3;margin:8px 0 12px}.visual-card p{font-size:.93rem;line-height:1.6;margin:8px 0}.visual-card .card-number{font:11px/1.4 system-ui,sans-serif;color:var(--mint);letter-spacing:.06em;text-transform:uppercase}
.visual-card details{border-top:1px solid var(--line);margin-top:13px;padding-top:10px}.visual-card summary{font:12px/1.6 system-ui,sans-serif;min-height:28px}.visual-card details p{font:.78rem/1.6 system-ui,sans-serif;color:var(--muted)}
.visual-credit{font:11px/1.6 system-ui,sans-serif;color:var(--muted);margin:6px 0 24px}
.illustrated-page .deep-reading{background:var(--soft);margin:22px 0}.illustrated-page .deep-reading>.prose-grid{grid-template-columns:1fr 1fr}.illustrated-page .deep-reading h2{font-size:1.25rem}
.illustrated-page .media-scientifique{grid-template-columns:minmax(200px,.8fr) minmax(0,1.2fr);padding:17px;gap:20px;margin:24px 0}.illustrated-page .media-visual img{height:165px;max-height:165px}.illustrated-page .media-scientifique figcaption h3{font-size:1.15rem}.illustrated-page .media-scientifique .media-detail{font-size:.85rem}.illustrated-page .media-detail summary{font:12px/1.7 system-ui,sans-serif}
.illustrated-page .cmb-figure{display:block;margin:0}.illustrated-page .cmb-figure .media-visual img{height:180px;max-height:180px}
.mini-lab{padding:22px;border-radius:16px;background:var(--soft);border:1px solid var(--line);margin:22px 0}.mini-lab h2{font-size:1.45rem;margin:7px 0 16px}.lab-grid{display:grid;grid-template-columns:1.12fr 1fr;gap:25px;align-items:center}.lab-drawing{width:100%;max-height:230px;border-radius:12px;background:#10232b;display:block}.mini-lab p{font-size:.94rem}.lab-controls{display:flex;gap:8px;flex-wrap:wrap;margin:13px 0}.lab-controls button{font:12px/1.4 system-ui,sans-serif;border-radius:25px;min-height:44px}.lab-controls button[aria-pressed=true]{background:var(--mint);color:var(--bg)}.mini-lab label{display:block;font:13px/1.5 system-ui,sans-serif}.mini-lab input[type=range]{width:100%;min-height:36px;accent-color:var(--mint)}.lab-result{border-left:3px solid var(--warm);padding:8px 13px;font:14px/1.65 system-ui,sans-serif!important;background:var(--subtle);border-radius:0 8px 8px 0}.lab-small{font:12px/1.6 system-ui,sans-serif!important;color:var(--muted)}
.illustrated-page .feedback{padding:23px;background:var(--soft);border-radius:14px}.illustrated-page .site-footer{background:var(--bg)}
.illustrated-page .source-register,.illustrated-page main>section.readable{background:var(--soft);padding:24px;border-radius:14px}.directory .path h2{padding:32px 24px;min-height:120px;border-radius:15px;background:linear-gradient(90deg,#06151ee6,#06151e55),linear-gradient(transparent,transparent) center/cover;color:#f4f0e7}.directory .path:nth-of-type(2) h2{background-image:linear-gradient(90deg,#06151ee6,#06151e55),linear-gradient(transparent,transparent)}.directory .path:nth-of-type(3) h2{background-image:linear-gradient(90deg,#06151ee6,#06151e55),linear-gradient(transparent,transparent)}
:root[data-theme=clair] .illustrated-page{background-image:linear-gradient(#f8f6eea6,#f8f6eeeb),var(--art)}
:root[data-theme=clair] .visual-card,:root[data-theme=clair] .mini-lab{box-shadow:0 6px 22px #15262812}
@media(max-width:850px){.visual-cards{gap:10px}.visual-card figcaption{padding:14px}.visual-card h3{font-size:1.1rem}.visual-card img{height:145px}}
@media(max-width:700px){.illustrated-page{background-attachment:scroll}.illustrated-page .article-heading{padding:23px 20px;min-height:270px;margin-top:10px;background-position:58% center}.illustrated-page .article-heading h1{font-size:2rem}.illustrated-page .article-heading .dek{font-size:.92rem}.art-credit{font-size:10px}.illustrated-page .simple-start{padding:19px}.visual-cards{grid-template-columns:1fr;gap:14px}.visual-card{display:grid;grid-template-columns:116px 1fr;align-items:stretch}.visual-card img{width:100%;height:100%;min-height:150px;object-fit:contain}.visual-card figcaption{padding:15px}.visual-card h3{font-size:1.1rem}.visual-card p{font-size:.87rem}.visual-intro h2{font-size:1.5rem}.lab-grid{grid-template-columns:1fr;gap:14px}.mini-lab{padding:18px}.illustrated-page .media-scientifique{grid-template-columns:1fr;gap:12px}.illustrated-page .media-visual img{height:145px;max-height:145px}.illustrated-page .deep-reading>.prose-grid{grid-template-columns:1fr}.visual-credit{font-size:10px}.directory .path h2{min-height:105px;padding:26px 18px}}
@media(max-width:420px){.visual-card{grid-template-columns:1fr}.visual-card img{height:135px;min-height:135px;object-fit:contain}.visual-card figcaption{padding:16px}.visual-card h3{font-size:1.2rem}}
@media print{.illustrated-page,.illustrated-page .article-heading{background:none!important;color:black!important}.art-credit,.lab-controls{display:none}.visual-cards{display:block}.visual-card{break-inside:avoid;box-shadow:none;margin:10px 0}.visual-card img{height:130px}.mini-lab{break-inside:avoid}}

.knowledge-status.status-context{color:var(--muted);font-style:italic}.knowledge-status.status-context::before{content:"◇";color:var(--warm)}
.check-understanding .lab-controls{margin-top:18px}.check-understanding summary{font:13px/1.6 system-ui,sans-serif}.check-understanding details p{font-size:.9rem}