/* Palette et contrastes des pages secondaires. Charger après night-studio.css. */
.secondary-page .page-main{--bg:#071725;--surface:#102b40;--text:#ecf6ff;--muted:#a2b6c7;--blue:#66e6ed;--blue-soft:#66e6ed;--coral:#ff8c7b;--ink:#ecf6ff;--line:#a2cbe02b;--line-strong:#a2cbe061;--journal-art:#123748;--host-backdrop:#12394a;--cover-backdrop:#14364a;background:var(--bg);color:var(--text);color-scheme:dark}
.page-main :is(h1,h2,h3,h4){color:var(--text)}
.page-main h1 em,.page-main h2 em{color:var(--blue)}
.page-main .page-hero .eyebrow{color:var(--muted);background:none;border:0;box-shadow:none}
.page-main .page-hero .eyebrow:before{background:var(--coral);box-shadow:none}
.page-main .breadcrumb,.page-main .breadcrumb a,.page-main .page-hero .lead{color:var(--muted)}
.page-main .breadcrumb a:hover{color:var(--blue)}
.page-main .pill:not(.outline){color:#071725;background:var(--blue);border-color:var(--blue);box-shadow:none}
.page-main .pill:not(.outline):hover{color:#071725;background:#a0f6fa;border-color:#a0f6fa;box-shadow:none}
.page-main .pill.outline{color:var(--text);background:transparent;border-color:var(--line-strong);box-shadow:none}
.page-main .pill.outline:hover{color:#071725;background:var(--blue);border-color:var(--blue);box-shadow:none}
.page-main :is(a,button,summary,[tabindex]):focus-visible{outline:3px solid var(--blue);outline-offset:5px}
.page-main .box,.page-main .steps .box,.page-main .tip-card,.page-main .fia-card{background:var(--surface);border-color:var(--line);box-shadow:none}
.page-main .tip-card:hover{background:#123146;border-color:var(--line-strong);box-shadow:none}
.page-main .tip-tag,.page-main .fia-tag{color:var(--coral);background:none;border:0;box-shadow:none}
.page-main .tip-more{color:var(--blue);border-color:var(--line)}
.page-main .tip-more:after{color:var(--blue);background:none;border:0;box-shadow:none}
.page-main .cta-band{color:var(--text);background:#103246;border-color:var(--line);box-shadow:none}
.page-main .cta-band p{color:#b6cbd8}.page-main .cta-band .eyebrow{color:var(--coral)}
.page-main .article-meta span{color:var(--muted);background:none;border:0}
.page-main .prose p,.page-main .prose li{color:var(--muted)}
.page-main .prose>p:first-child,.page-main .prose strong{color:var(--text)}
.page-main .prose li::marker,.page-main .prose a{color:var(--blue)}
.page-main .prose a:hover{color:var(--coral)}
.page-main .prose .note{color:#c8dce8;background:#123044;border:0;border-left:2px solid var(--coral);box-shadow:none}
.page-main .page-faq details,.page-main .page-faq details:first-of-type{border-color:var(--line)}
.page-main .page-faq summary{color:var(--text)}
.page-main .page-faq summary:after{color:var(--coral);background:none;border:0;box-shadow:none;border-radius:0;width:auto;height:auto}
.page-main .page-faq details p{color:var(--muted)}
.page-main .fia-cover{background:var(--cover-backdrop);border-color:var(--line)}
.page-main .fia-card:nth-child(2) .fia-cover{background:#173146}
.page-main .fia-card:nth-child(3) .fia-cover{background:#1a3344}
.page-main .fia-card:nth-child(4) .fia-cover{background:#123842}
.page-main .fia-cover img{border:0;box-shadow:0 10px 22px #0003}
.page-main .fia-card p,.page-main .fia-card ul,.page-main .fia-card .fia-meta{color:var(--muted)}
.page-main .fia-body .fia-programme{color:var(--text)}
.page-main .fia-card li::marker{color:var(--blue)}
.page-main .fia-apercu img{border-color:var(--line-strong);box-shadow:none}
.page-main .fia-apercu figcaption,.page-main .fia-note{color:var(--muted)}
.page-main .learning-host:before{background:var(--host-backdrop)}
.page-main .learning-host figcaption{color:var(--blue)}
.page-main .learning-path{background:#0c2435;border-color:var(--line)}
.page-main .learning-path-heading .eyebrow{color:var(--coral)}
.page-main .learning-path-heading h3{color:var(--text)}
.page-main .learning-path-heading p{color:var(--muted)}
.page-main .learning-path-options button{color:var(--text);background:transparent;border-color:var(--line-strong);box-shadow:none}
.page-main .learning-path-options button:hover{color:var(--text);background:#15374c;border-color:var(--blue)}
.page-main .learning-path-options button[aria-pressed=true],.page-main .learning-path-options button[aria-pressed=true]:hover{color:#071725;background:var(--blue);border-color:var(--blue);box-shadow:none}
.page-main #learning-path-status{color:var(--blue)}

/* Kai en situation : cadrages éditoriaux, sans recopier la même scène partout. */
.page-main .journal-feature-illustration{display:flex;align-items:center;justify-content:center;min-width:0;margin:0;padding:24px 12px;background:#103044;border-left:1px solid var(--line);overflow:visible}
.page-main .journal-feature-illustration img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;max-width:650px}
.page-main .journal-card-illustration{display:flex;align-items:center;justify-content:center;margin:0;width:100%;min-width:0;padding:0}
.page-main .journal-card-illustration img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;max-width:360px}
.page-main .article-hero-illustrated{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:center;gap:45px}
.article-page .article-hero-illustrated h1{font-size:clamp(38px,4.2vw,60px);line-height:1.1}
.page-main .article-scene{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;width:100%;max-width:570px;margin:20px auto 0}
.page-main .article-scene img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}
.page-main .article-scene figcaption{margin-top:14px;font-size:12px;line-height:1.7;color:var(--muted);text-align:center}
@media(max-width:1000px){.page-main .article-hero-illustrated{gap:25px;grid-template-columns:minmax(0,1fr) minmax(0,.8fr)}.article-page .article-hero-illustrated h1{font-size:clamp(36px,4.8vw,49px)}}
@media(max-width:800px){.page-main .article-hero-illustrated{grid-template-columns:1fr;gap:22px}.page-main .article-scene{max-width:440px;margin-top:0}.article-page .article-hero-illustrated h1{font-size:clamp(36px,7vw,54px)}}
@media(max-width:650px){.page-main .journal-feature-illustration{padding:18px 10px;border-left:0;border-top:1px solid var(--line)}.page-main .journal-feature-illustration img{max-width:430px}.page-main .journal-card-illustration img{height:auto;max-width:330px}.page-main .article-scene{max-width:390px}.page-main .article-scene figcaption{font-size:11px;max-width:280px}.article-page .article-hero-illustrated h1{font-size:clamp(35px,9.4vw,49px)}}

.page-main .article-scene-visual{display:block;position:relative;width:100%;min-width:0;aspect-ratio:3/2}