/* Titres et accès communs aux pages de consultation. */
@media screen{
html body.saga-section-page main>.heading h1,html body.saga-section-page main .tableau-panel>.heading h1,html body.saga-section-page .panel-intro,html body.saga-section-page .secondary-heading h1,html body.saga-section-page .main>.heading h1,html body.saga-section-page #company-overview-title{color:#f5c94b!important;font:700 clamp(26px,2.2vw,34px)/1.25 Georgia,serif!important;text-align:center!important}
html body.saga-section-page .heading>p:not(.saga-document-link),html body.saga-section-page .panel-intro>span{display:block;color:#e2e6e2!important;font:400 17px/1.5 system-ui,sans-serif!important;margin:8px auto 12px!important;max-width:900px;text-align:center}
html body.saga-section-page .heading{max-width:none!important}
.saga-document-link{margin:12px 0!important;text-align:center;font:600 15px/1.5 system-ui!important}
.saga-document-link a,html body .person-summary-link{display:inline-block;padding:8px 13px;border:1px solid #9c8a52;border-radius:5px;color:#f2cf6e!important;background:#171d1b;text-decoration:none;font:600 15px/1.5 system-ui!important}
html body #saga-sketch .period-story-card{padding:10px 18px!important;border:2px solid #f5c94b!important;background:#f5c94b!important;color:#171c19!important;box-shadow:0 2px 7px #0005!important}
html body #saga-sketch .period-story-card a,html body #saga-sketch .period-story-card span{color:#171c19!important;font-weight:700!important}
html body #saga-sketch .period-story-card a{font-size:18px!important;text-decoration:underline!important;text-underline-offset:4px}
html body.company-catalog-view .brand-picker{min-height:0!important;height:auto!important;padding-bottom:20px!important}
html body.company-catalog-view .brand-picker>.periods{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;align-items:start!important;gap:18px!important}
html body.company-catalog-view .brand-group{height:auto!important;min-height:0!important;margin:0!important;padding:15px!important}
html body.company-catalog-view .brand-group h3,html body.company-catalog-view .other-brands>summary{color:#f5c94b!important;font:700 22px/1.3 Georgia,serif!important}
html body.company-catalog-view .brand-group-buttons{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;align-items:stretch!important;gap:9px!important}
html body.company-catalog-view .brand-group-buttons button{width:100%!important;min-height:52px!important;height:auto!important;font-size:15px!important}
html body .path-featured{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
html body .path-featured>button{min-height:0!important;padding:18px!important}
html body .person-inline-story{scroll-margin-top:18px;background:#171c1a;color:#e7eae5;padding:28px;border:1px solid #64716b;border-radius:8px;margin-top:22px;font:17px/1.65 system-ui}
html body .person-inline-story .person-inline-title{color:#f5c94b;font:700 30px/1.3 Georgia,serif;margin:0 0 12px}
html body .person-inline-story :is(h2,h3){color:#f2cf6e;font-family:Georgia,serif}
html body .person-inline-story .secondary-meta{font:15px/1.5 system-ui;color:#c8d1cb;margin:4px 0}
html body .person-inline-story .secondary-content{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:28px;align-items:start}
html body .person-inline-story img{display:block;width:auto;height:auto;max-width:100%;max-height:300px;object-fit:contain;margin:auto}
html body .person-inline-story figcaption{font-size:12px;line-height:1.5;margin-top:10px}
html body .person-inline-story a{color:#f2cf6e}
html body .person-inline-story .zoom-links,html body .person-inline-story .secondary-sources{margin-top:22px;padding-top:16px;border-top:1px solid #62716a}
html body .person-inline-story .zoom-links nav{display:flex;flex-wrap:wrap;gap:12px 20px}
html body .timeline-panel.saga-fullscreen-fallback{position:fixed!important;inset:0!important;z-index:10000!important;width:100vw!important;height:100svh!important;max-height:none!important;overflow:auto!important;box-sizing:border-box!important}
html body:has(#device-axis) .timeline-panel.saga-device-overview #device-axis .axis-viewport{max-height:calc(100svh - 180px)!important}
html body .gallery-signature-page figure img{height:auto!important;max-height:58vh!important;width:auto!important;max-width:100%!important;object-fit:contain!important;margin:auto!important}
html body :is(:fullscreen,.saga-fullscreen-fallback) .gallery-signature-page{display:flex;flex-direction:column;align-items:center;min-height:0}
html body :is(:fullscreen,.saga-fullscreen-fallback) .gallery-signature-page[hidden]{display:none!important}
html body :is(:fullscreen,.saga-fullscreen-fallback) .gallery-signature-page figure{display:flex;flex-direction:column;flex:1;min-height:0;width:100%;margin:0}
html body :is(:fullscreen,.saga-fullscreen-fallback) .gallery-signature-page figure img{flex:1;min-height:0;height:62vh!important;max-height:68vh!important;width:100%!important;object-fit:contain!important}
html body :is(:fullscreen,.saga-fullscreen-fallback) .gallery-signature-page figcaption p{font-size:12px;margin:3px 0}
html body .book-cover .cover-content{max-width:850px;margin:auto;padding:28px!important}
html body .book-cover h1{font:700 clamp(34px,4vw,56px)/1.15 Georgia,serif!important;color:#f5c94b!important}
html body .book-cover{min-height:420px!important;height:auto!important;padding:30px!important;display:flex;flex-direction:column;justify-content:center}
html body .book-cover[hidden]{display:none!important}
@media(max-width:900px){html body.company-catalog-view .brand-picker>.periods{grid-template-columns:1fr!important}html body .person-inline-story .secondary-content{grid-template-columns:1fr}html body .person-inline-story .secondary-images{max-width:300px;margin:auto}html body.company-catalog-view .brand-group-buttons{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:650px){html body .path-featured{grid-template-columns:1fr!important}.person-inline-story{padding:18px!important}html body .book-cover{padding:18px!important}}
}
.saga-no-print-controls :is(.company-print,[data-print],button[onclick*="print("]){display:none!important}
@media print{.saga-document-link{display:none!important}}

@media screen{html body.gallery-saga-page .book-cover{justify-content:center!important;padding-top:30px!important}html body.gallery-saga-page .book-cover .cover-content{margin:0 auto!important;text-align:center!important}html body.gallery-saga-page .book-cover .open-book{min-height:48px;padding:12px 24px!important}html body.saga-section-page :is(.country-opening h1,.timeline-name,.germany-screen-title){color:#f5c94b!important;font:700 clamp(26px,2.2vw,34px)/1.25 Georgia,serif!important}html body .saga-gallery-final:fullscreen .gallery-signature-page figure img{height:62vh!important;max-height:68vh!important}}

@media screen{html body .saga-device-overview #saga-previous-page{display:none!important}html body:has(#device-axis) .timeline-panel.saga-device-overview #device-axis .axis-viewport{height:calc(100svh - 185px)!important;max-height:calc(100svh - 185px)!important}html body.company-catalog-view .brand-picker>.periods>.brand-group:first-child{grid-row:1 / span 3!important;grid-column:1!important}html body.company-catalog-view .brand-picker>.periods>.brand-group:nth-child(n+2){grid-column:2!important}html body.company-catalog-view .other-brands{margin-top:16px!important;padding:16px!important;border-top:1px solid #6f7b74}html body.company-catalog-view .brand-picker>.periods{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;align-content:start!important}html body.company-catalog-view .brand-picker>.periods>.brand-group{align-self:start!important}}
@media screen and (max-width:900px){html body.company-catalog-view .brand-picker>.periods{grid-template-columns:1fr!important}html body.company-catalog-view .brand-picker>.periods>.brand-group{grid-column:1!important;grid-row:auto!important}}

@media screen{html body.saga-section-page #company-overview-title{font-size:24px!important;color:#e2e6e2!important}html body.company-catalog-view .brand-picker>h3,html body.company-catalog-view .other-brands>summary{font:700 22px/1.3 Georgia,serif!important;color:#f5c94b!important}}

@media screen{html body.gallery-saga-page .book-cover{width:min(940px,100%)!important;max-width:940px!important;min-height:0!important;height:auto!important;margin:24px auto!important;padding:24px!important}html body.gallery-saga-page .book-cover .gallery-cover-logo{width:min(360px,100%)!important;height:auto!important;margin:0 auto 16px!important}html body.gallery-saga-page .book-cover .cover-content{padding:0!important}html body.gallery-saga-page .book-cover h1{font-size:38px!important;margin:12px 0!important}html body.gallery-saga-page .book-cover .cover-content>p{font-size:18px!important;line-height:1.5!important;max-width:680px!important;margin:14px auto!important}html body :is(:fullscreen,.saga-fullscreen-fallback) .gallery-signature-page>.page-eyebrow{font-size:11px!important}html body :is(:fullscreen,.saga-fullscreen-fallback) .gallery-signature-page>h2{font-size:26px!important;margin:6px 0 10px!important}html body :is(:fullscreen,.saga-fullscreen-fallback) .gallery-signature-page figcaption{padding:6px 0!important;gap:3px!important;font-size:12px!important}html body :is(:fullscreen,.saga-fullscreen-fallback) .gallery-signature-page figcaption strong{font-size:16px!important}html body :is(:fullscreen,.saga-fullscreen-fallback) .gallery-signature-page figure img{height:calc(100svh - 250px)!important;max-height:72vh!important}}
@media screen{
html body.saga-section-page:has(#device-axis) .composition .timeline-panel>.panel-intro,html body.saga-section-page #saga-sketch .timeline-panel>.panel-intro,html body.saga-section-page .brand-picker>h2,html body.saga-section-page .gallery-introduction>h2{color:#f5c94b!important;font:700 clamp(26px,2.2vw,34px)/1.25 Georgia,serif!important;text-align:center!important}
html body.saga-section-page:has(#device-axis) .composition .timeline-panel>.panel-intro span,html body.saga-section-page #saga-sketch .timeline-panel>.panel-intro span{color:#e2e6e2!important;font:400 17px/1.5 system-ui,sans-serif!important;margin:8px auto 12px!important;text-shadow:none!important}
}
/* Retouches après contrôle des captures : 21 octobre, lot suivant. */
@media screen{
html body #saga-sketch .saga-document-access .period-story-card a,
html body #saga-sketch .saga-document-access .period-story-card a:visited{background:#f5c94b!important;color:#151a16!important;border:2px solid #f5c94b!important;font:700 18px/1.35 system-ui!important;padding:10px 18px!important;text-decoration:none!important;box-shadow:0 2px 5px #0005!important;opacity:1!important}
html body #saga-sketch .saga-document-access .period-story-card a:hover{background:#ffe08b!important;color:#151a16!important}
html body #saga-sketch .saga-document-access .period-story-card a:focus-visible{outline:3px solid white!important;outline-offset:3px!important}
html body #person-inline-story{max-width:1120px;margin:18px auto;padding:18px 22px;font:16px/1.55 system-ui;box-sizing:border-box}
html body #person-inline-story .secondary-heading{padding:0!important;margin:0 0 12px!important;border:0!important;text-align:left!important}
html body #person-inline-story .person-inline-title{font:700 25px/1.2 Georgia,serif;margin:0 0 8px!important}
html body #person-inline-story .secondary-meta{display:inline;font:14px/1.45 system-ui;margin:0!important}
html body #person-inline-story .secondary-meta+.secondary-meta::before{content:' · ';color:#b8c3ba}
html body #person-inline-story .secondary-content{grid-template-columns:150px minmax(0,1fr);gap:20px;align-items:start;padding:0!important;margin:0!important}
html body #person-inline-story .secondary-images{grid-column:1;grid-row:1;margin:0!important;padding:0!important;width:150px}
html body #person-inline-story .secondary-history{grid-column:2;grid-row:1;margin:0!important;padding:0!important}
html body #person-inline-story .secondary-images img{max-height:155px!important;max-width:150px!important;margin:0 auto!important}
html body #person-inline-story figure{margin:0!important}
html body #person-inline-story figcaption{font:11px/1.4 system-ui;margin:6px 0 0!important}
html body #person-inline-story figcaption strong,html body #person-inline-story figcaption small{display:block}
html body #person-inline-story .secondary-history h2{font:700 21px/1.3 Georgia,serif;margin:0 0 10px!important}
html body #person-inline-story .secondary-history p{margin:0 0 10px!important;max-width:86ch}
html body #person-inline-story .zoom-links{margin:14px 0 0!important;padding:12px 0 0!important}
html body #person-inline-story .zoom-links h2{font:700 18px/1.3 Georgia,serif;margin:0 0 8px!important}
html body #person-inline-story .zoom-links nav{gap:6px 18px;font-size:14px}
html body #person-inline-story .secondary-sources{margin:12px 0 0!important;padding:10px 0 0!important;font:13px/1.5 system-ui}
html body #person-inline-story .secondary-sources p{margin:8px 0!important}
@media(max-width:600px){html body #person-inline-story{padding:16px}html body #person-inline-story .secondary-content{grid-template-columns:90px minmax(0,1fr);gap:14px}html body #person-inline-story .secondary-images{width:90px}html body #person-inline-story .secondary-images img{max-width:90px!important;max-height:115px!important}}
/* Chaque page utilise l'espace disponible ; les images restent entières et proportionnées. */
html body #galerie-saga:is(:fullscreen,.saga-fullscreen-fallback) .book-spread{height:calc(100svh - 24px)!important;max-height:calc(100svh - 24px)!important;display:flex!important;flex-direction:column!important;box-sizing:border-box!important;overflow:hidden!important;padding:10px!important}
html body #galerie-saga:is(:fullscreen,.saga-fullscreen-fallback) .spread-toolbar{flex:0 0 auto!important;margin:0 0 10px!important}
html body #galerie-saga:is(:fullscreen,.saga-fullscreen-fallback) .book-pages{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;flex:1 1 0!important;min-height:0!important;overflow:hidden!important}
html body #galerie-saga:is(:fullscreen,.saga-fullscreen-fallback) .book-page{height:100%!important;min-height:0!important;display:flex!important;flex-direction:column!important;padding:16px 20px 12px!important;box-sizing:border-box!important;overflow:hidden!important}
html body #galerie-saga:is(:fullscreen,.saga-fullscreen-fallback) .book-page>.page-eyebrow{flex:0 0 auto!important;font:700 11px/1.3 system-ui!important}
html body #galerie-saga:is(:fullscreen,.saga-fullscreen-fallback) .book-page>h2{flex:0 0 auto!important;font:700 25px/1.15 Georgia,serif!important;margin:6px 0 10px!important}
html body #galerie-saga:is(:fullscreen,.saga-fullscreen-fallback) .book-page>figure{display:flex!important;flex-direction:column!important;flex:1 1 0!important;min-height:0!important;width:100%!important;max-width:100%!important;margin:0!important;padding:0!important;overflow:hidden!important}
html body #galerie-saga:is(:fullscreen,.saga-fullscreen-fallback) .book-page>figure>img{display:block!important;flex:1 1 0!important;min-height:0!important;width:100%!important;height:0!important;max-width:100%!important;max-height:none!important;object-fit:contain!important;object-position:center!important;margin:0!important;padding:0!important;background:none!important}
html body #galerie-saga:is(:fullscreen,.saga-fullscreen-fallback) .book-page>figure>figcaption{flex:0 0 auto!important;font:12px/1.4 system-ui!important;margin:0!important;padding:8px 0 0!important;display:flex!important;flex-direction:column!important;gap:3px!important}
html body #galerie-saga:is(:fullscreen,.saga-fullscreen-fallback) figcaption strong{font:700 16px/1.3 Georgia,serif!important}
html body #galerie-saga:is(:fullscreen,.saga-fullscreen-fallback) figcaption p{font:12px/1.4 system-ui!important;margin:0!important}
html body #galerie-saga:is(:fullscreen,.saga-fullscreen-fallback) .book-page>p{flex:0 0 auto!important;font:13px/1.4 Georgia,serif!important;margin:8px 0 0!important}
html body #galerie-saga:is(:fullscreen,.saga-fullscreen-fallback) .page-turn-controls{flex:0 0 auto!important;margin-top:8px!important}
html body #galerie-saga:is(:fullscreen,.saga-fullscreen-fallback) .book-page[hidden],html body #galerie-saga:is(:fullscreen,.saga-fullscreen-fallback) .book-spread[hidden]{display:none!important}
}

/* Accès documentaires communs et ouverture compacte de la galerie. */
@media screen{
html body.saga-section-page :is(.saga-document-link,.saga-document-access){width:100%;box-sizing:border-box;text-align:center!important;margin:10px auto 14px!important}
html body.saga-section-page :is(.saga-document-link,.saga-document-access) a,html body.saga-section-page :is(.saga-document-link,.saga-document-access) a:visited{display:inline-block!important;box-sizing:border-box;max-width:100%;padding:8px 13px!important;border:1px solid #9c8a52!important;border-radius:5px!important;background:#171d1b!important;color:#f2cf6e!important;font:600 15px/1.5 system-ui,sans-serif!important;text-align:center!important;text-decoration:none!important;white-space:normal!important}
html body #saga-sketch .saga-document-access{flex-direction:column!important;gap:10px!important;align-items:center!important}
html body #saga-sketch .saga-document-access .general-story-link{width:100%!important;margin:0!important;text-align:center!important;transform:none!important}
html body #saga-sketch .saga-document-access .period-story-card{justify-content:center!important;align-self:center!important;margin:0!important;transform:none!important}
html body.gallery-saga-page .gallery-introduction{max-width:940px;margin:10px auto 16px!important;font-size:16px;line-height:1.55}
html body.gallery-saga-page .gallery-introduction h2{margin-bottom:12px!important}
html body.gallery-saga-page .gallery-introduction .rights-evolution{padding-top:8px;font-size:14px}
html body.gallery-saga-page .gallery-navigation:empty{display:none!important}
html body.gallery-saga-page #galerie-saga{margin-top:0!important;padding-top:0!important}
html body.gallery-saga-page #couverture.book-cover{aspect-ratio:auto!important;min-height:0!important;height:auto!important;margin:16px auto!important;padding:48px 28px 28px!important;justify-content:flex-start!important;box-sizing:border-box}
html body.gallery-saga-page #couverture .cover-content{width:100%!important;align-self:center!important;margin:0!important;padding:0!important}
html body.gallery-saga-page #couverture .cover-saga-strip{width:min(320px,90%)!important;margin:0 auto 16px!important}
html body.gallery-saga-page #couverture h1{font-size:32px!important;margin:10px 0!important}
html body.gallery-saga-page #couverture .cover-content>p{font-size:16px!important;line-height:1.5!important;margin:12px auto!important}
html body.gallery-saga-page #couverture .open-book{margin-top:8px!important}
}
@media screen{
html body #saga-sketch .saga-document-access{width:auto!important;margin:10px 0 14px!important}
html body #saga-sketch .saga-document-access .story-period-name{display:none!important}
}

/* Couvertures du livret, hors pagination des trente pages. */
html body #galerie-saga.gallery-jacket-view .book-pages{display:flex!important;justify-content:center!important;align-items:center!important;overflow:hidden!important}
html body #galerie-saga .gallery-jacket{box-sizing:border-box;aspect-ratio:210/297!important;width:min(500px,100%)!important;height:auto!important;min-height:0!important;flex:none!important;padding:32px!important;color:#f2ead7!important;background:#111714 url('/gainage-graphite.jpg') center/cover!important;border:2px solid #acafa7!important;border-radius:5px!important;text-align:center!important;display:flex!important;flex-direction:column!important;justify-content:center!important;box-shadow:inset 8px 0 10px #0008}
html body #galerie-saga .gallery-jacket[hidden]{display:none!important}
html body #galerie-saga .gallery-jacket:after{display:none!important}
html body #galerie-saga .gallery-jacket .cover-content{width:100%!important;margin:0!important;padding:0!important}
html body #galerie-saga .gallery-jacket .cover-saga-strip{width:100%!important;height:auto!important;margin:0 auto 25px!important}
html body #galerie-saga .gallery-jacket h1,html body #galerie-saga .gallery-jacket h2{color:#f5c94b!important;font:700 clamp(24px,3vw,34px)/1.2 Georgia,serif!important;margin:20px 0!important}
html body #galerie-saga .gallery-jacket p{color:#eee9dc!important;font:16px/1.65 Georgia,serif!important;margin:20px auto!important}
html body #galerie-saga .gallery-jacket .jacket-collection{color:#f5c94b!important;font:700 18px/1.4 Georgia,serif!important;letter-spacing:.08em}
html body #galerie-saga.gallery-jacket-view:is(:fullscreen,.saga-fullscreen-fallback) .gallery-jacket{height:100%!important;width:auto!important;max-width:100%!important;max-height:100%!important;aspect-ratio:210/297!important;overflow:auto!important}

html body #galerie-saga .gallery-jacket{background-image:linear-gradient(#1115129c,#1115129c),url('/gainage-graphite.jpg')!important;background-size:auto,720px auto!important}
html body #galerie-saga .gallery-jacket .cover-saga-strip{background:linear-gradient(165deg,#e0e1da,#bfc1b9 45%,#d0d2c9 70%,#a9aca3)!important;border-radius:4px!important}

/* Même adaptation à la hauteur en lecture normale. */
@media screen{
html body #galerie-saga .book-spread{height:calc(100svh - 24px)!important;max-height:calc(100svh - 24px)!important;display:flex!important;flex-direction:column!important;box-sizing:border-box!important;overflow:hidden!important;padding:10px!important}
html body #galerie-saga .spread-toolbar{flex:0 0 auto!important;margin:0 0 10px!important}
html body #galerie-saga .book-pages{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;flex:1 1 0!important;min-height:0!important;overflow:hidden!important}
html body #galerie-saga .book-page{height:100%!important;min-height:0!important;display:flex!important;flex-direction:column!important;padding:16px 20px 12px!important;box-sizing:border-box!important;overflow:hidden!important}
html body #galerie-saga .book-page>.page-eyebrow{flex:0 0 auto!important;font:700 11px/1.3 system-ui!important}
html body #galerie-saga .book-page>h2{flex:0 0 auto!important;font:700 25px/1.15 Georgia,serif!important;margin:6px 0 10px!important}
html body #galerie-saga .book-page>figure{display:flex!important;flex-direction:column!important;flex:1 1 0!important;min-height:0!important;width:100%!important;max-width:100%!important;margin:0!important;padding:0!important;overflow:hidden!important}
html body #galerie-saga .book-page>figure>img{display:block!important;flex:1 1 0!important;min-height:0!important;width:100%!important;height:0!important;max-width:100%!important;max-height:none!important;object-fit:contain!important;object-position:center!important;margin:0!important;padding:0!important;background:none!important}
html body #galerie-saga .book-page>figure>figcaption{flex:0 0 auto!important;font:12px/1.4 system-ui!important;margin:0!important;padding:8px 0 0!important;display:flex!important;flex-direction:column!important;gap:3px!important}
html body #galerie-saga figcaption strong{font:700 16px/1.3 Georgia,serif!important}
html body #galerie-saga figcaption p{font:12px/1.4 system-ui!important;margin:0!important}
html body #galerie-saga .book-page>p{flex:0 0 auto!important;font:13px/1.4 Georgia,serif!important;margin:8px 0 0!important}
html body #galerie-saga .page-turn-controls{flex:0 0 auto!important;margin-top:8px!important}
html body #galerie-saga .book-page[hidden],html body #galerie-saga .book-spread[hidden]{display:none!important}
html body #galerie-saga .book-pages,html body #galerie-saga .book-page:not(.gallery-jacket){aspect-ratio:auto!important;max-height:100%!important}
html body #galerie-saga .book-pages{box-sizing:border-box!important}
html body #galerie-saga.gallery-jacket-view .gallery-jacket{height:100%!important;width:auto!important;max-width:100%!important;max-height:100%!important;overflow:hidden!important}
}

/* Fonds des vues plein écran : même gainage sombre que les pages courantes. */
@media screen{
html body.saga-section-page :is(.saga-recit-panel.saga-device-overview,.timeline-panel.saga-device-overview,.saga-fullscreen-fallback,:fullscreen):not(.photo-dialog){background:#1b201e!important;background-image:none!important}
html body :is(.saga-device-overview,.saga-fullscreen-fallback,:fullscreen) :is(.axis-viewport,.axis-surface){background-color:transparent!important;background-image:none!important}
}
@media screen{
html body :is(.timeline:has(#company-axis),.timeline-panel:has(#device-axis)):is(:fullscreen,.saga-fullscreen-fallback,.saga-device-overview),html body #galerie-saga:is(:fullscreen,.saga-fullscreen-fallback){background:#1b201e!important;background-image:none!important}
html body #galerie-saga:is(:fullscreen,.saga-fullscreen-fallback) .book-spread{background:transparent!important;box-shadow:none!important}
html body #galerie-saga.gallery-jacket-view:is(:fullscreen,.saga-fullscreen-fallback) .book-pages{background:transparent!important;box-shadow:none!important}
}
@media screen{html body #galerie-saga:is(:fullscreen,.saga-fullscreen-fallback) .spread-toolbar{color:#e2e6e2!important}html body #galerie-saga:is(:fullscreen,.saga-fullscreen-fallback) .spread-toolbar>span,html body #galerie-saga:is(:fullscreen,.saga-fullscreen-fallback) .book-navigation>span{color:#e2e6e2!important}}

@media screen{
html body :is(.saga-device-overview,.saga-fullscreen-fallback,:fullscreen) :is(.axis-toolbar,.axis-ruler-window){background:#1b201e!important;background-image:none!important}
html body #galerie-saga:is(:fullscreen,.saga-fullscreen-fallback) .gallery-jacket,html body #galerie-saga:is(:fullscreen,.saga-fullscreen-fallback) .book-cover{background:#141816!important;background-image:none!important}
}

/* Rappel discret des appareils de l'accueil, dans les angles bas. */
@media screen{
html body :is(.saga-device-overview,.saga-fullscreen-fallback,:fullscreen):has(.saga-axis)::before,
html body :is(.saga-device-overview,.saga-fullscreen-fallback,:fullscreen):has(.saga-axis)::after{content:'';position:absolute;bottom:0;width:36%;height:35%;pointer-events:none;z-index:0;background-size:auto 100%;background-position:right bottom;background-repeat:no-repeat;opacity:.18;mix-blend-mode:screen;filter:grayscale(1) contrast(2.5);mask-image:radial-gradient(ellipse at 65% 70%,#000 20%,transparent 76%);-webkit-mask-image:radial-gradient(ellipse at 65% 70%,#000 20%,transparent 76%)}
html body :is(.saga-device-overview,.saga-fullscreen-fallback,:fullscreen):has(.saga-axis)::before{left:0;bottom:32%;background-image:url('/fond-genese-grave.png');transform:scaleX(-1)}
html body :is(.saga-device-overview,.saga-fullscreen-fallback,:fullscreen):has(.saga-axis)::after{right:0;background-image:url('/fond-reflex-grave.png')}
html body :is(.saga-device-overview,.saga-fullscreen-fallback,:fullscreen)>.saga-axis{position:relative;z-index:1}
}

/* Appareils : la zone défilante occupe uniquement la hauteur restante. */
@media screen{
html body:has(#device-axis) .timeline-panel.saga-device-overview{display:flex!important;flex-direction:column!important;height:100dvh!important;overflow:hidden!important;min-height:0!important}
html body:has(#device-axis) .timeline-panel.saga-device-overview #device-axis{display:flex!important;flex-direction:column!important;flex:1 1 0!important;height:0!important;min-height:0!important;overflow:hidden!important}
html body:has(#device-axis) .timeline-panel.saga-device-overview #device-axis .axis-viewport{flex:1 1 0!important;height:0!important;min-height:0!important;max-height:none!important;overflow-x:scroll!important;overflow-y:auto!important;box-sizing:border-box!important}
html body:has(#device-axis) .timeline-panel.saga-device-overview #device-axis .axis-ruler-window,html body:has(#device-axis) .timeline-panel.saga-device-overview #device-axis .axis-toolbar{flex:0 0 auto!important}
html body:has(#device-axis) .timeline-panel.saga-device-overview #device-axis .axis-viewport::-webkit-scrollbar{display:block!important;height:16px!important;width:16px!important;background:#303936!important}
html body:has(#device-axis) .timeline-panel.saga-device-overview #device-axis .axis-viewport::-webkit-scrollbar-thumb{background:#cbd3cd!important;border:3px solid #303936!important;border-radius:8px}
html body.saga-section-page :is(.saga-device-overview,.saga-fullscreen-fallback,:fullscreen):has(.saga-axis){background:#1b201e!important;background-image:none!important}
html body.saga-section-page :is(.saga-device-overview,.saga-fullscreen-fallback,:fullscreen) .saga-axis{background:transparent!important;background-image:none!important}
html body #galerie-saga .spread-toolbar{position:relative!important;justify-content:center!important;gap:8px!important;padding:0 0 10px!important;min-height:36px!important}
html body #galerie-saga .spread-toolbar>span{display:none!important}
html body #galerie-saga .book-navigation{justify-content:center!important;margin:0 auto!important;gap:8px!important}
html body #galerie-saga .close-book{position:absolute!important;left:0;top:0}
html body #galerie-saga .book-navigation>button:last-child{position:absolute!important;right:0;top:0}
html body #galerie-saga .page-turn-controls{display:none!important}
@media(max-width:900px){html body #galerie-saga .spread-toolbar{padding-top:46px!important}html body #galerie-saga .book-navigation{width:100%!important}}
}
/* Les règles propres à Histoire et Optiques ne doivent pas rétablir leur texture. */
@media screen{
html body #saga-sketch .timeline-panel:is(.saga-device-overview,.saga-fullscreen-fallback,:fullscreen),
html body:has(#optical-axis) .tableau-panel:is(.saga-device-overview,.saga-fullscreen-fallback,:fullscreen){background:#1b201e!important;background-image:none!important}
}