.saga-axis{color:#edf0ee;font:16px/1.45 system-ui,sans-serif;min-width:0;position:relative}.axis-toolbar{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px;margin:12px 0}.axis-toolbar button,.path-toggle,.config-toggle{padding:8px 13px;min-height:40px;color:#172329;background:linear-gradient(#edf0ef,#aeb9bd);border:1px solid #89999e;border-radius:5px;font:650 14px system-ui;cursor:pointer}.axis-zoom{font-size:13px;color:#c6d0d0}.axis-viewport{overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#b6c0c2 #242a2d;max-width:100%}.axis-surface{position:relative;min-height:90px}.axis-ruler{position:relative;height:53px;border-bottom:2px solid #aebbbd}.axis-date{position:absolute;bottom:10px;transform:translateX(-50%);font-weight:700;font-size:14px}.axis-date:after{content:'';position:absolute;left:50%;height:8px;width:1px;background:#aebbbd;top:24px}.axis-row{position:relative;border-bottom:1px solid #bcc8c533;margin:0;padding:0}.axis-row-label{position:sticky;left:0;display:block;width:max-content;max-width:200px;z-index:5;font:700 14px system-ui;margin:5px 0 0;padding:5px 9px;background:#22292beb;color:var(--layer-color,#cbd5d5);border-radius:3px}.axis-line{height:2px;background:#b5c3c5;position:absolute;left:20px;right:20px;z-index:0}.axis-node{position:absolute;width:156px;min-height:56px;max-height:none;padding:8px;border:1px solid #9facb0;border-radius:5px;background:var(--layer-color,#c5cdd0);color:#202b30;font:650 14px/1.3 system-ui;cursor:pointer;z-index:3;overflow-wrap:anywhere}.axis-node small{display:block;font-size:12px;font-weight:400;margin-top:4px}.axis-node.axis-major{border:2px solid #f2cf6e;background:var(--layer-color,#c5cdd0)}.axis-node[aria-pressed=true]{outline:2px solid #f5f7f6;outline-offset:3px}.axis-node:focus-visible,.saga-axis button:focus-visible{outline:3px solid #f2cf6e;outline-offset:3px}.axis-marker{position:absolute;width:156px;color:#f2cf6e;font:700 14px/1.35 system-ui;text-align:center;z-index:3}.axis-stem,.axis-yellow-line{position:absolute;width:1px;background:#a6b9bc;pointer-events:none;z-index:1}.axis-yellow-line{background:#e7c25f;opacity:.55}.axis-major-stem{background:#f2cf6e}.axis-band{text-align:left;background:var(--layer-color,#a8bea8);overflow:hidden}.axis-band-label{display:block;width:max-content;max-width:260px}.axis-detail{position:relative;margin:20px 0 0;padding:20px 42px 20px 22px;background:#cdd2d2;color:#252d30;border:1px solid #87979b;border-radius:7px;min-height:0;overflow:auto}.axis-detail[hidden]{display:none!important}.axis-detail h2{margin:0 0 12px;font:700 24px/1.3 Georgia,serif}.axis-detail p{margin:10px 0;font:16px/1.55 system-ui}.axis-detail .axis-meta{font-size:14px;color:#4a5a60}.axis-close{position:absolute;right:9px;top:7px;font-size:25px;border:0;background:none;color:#293639;cursor:pointer}.axis-link{display:inline-block;margin:8px 18px 0 0;font-weight:700;color:#264955}.axis-figure{float:left;width:min(38%,260px);margin:0 22px 12px 0;background:none;border:0;padding:0}.axis-figure img{display:block;width:100%;max-height:260px;object-fit:contain;mix-blend-mode:multiply;border:0;background:none}.axis-figure figcaption{font:12px/1.4 system-ui;color:#4a5a60;margin-top:8px}.axis-figure a{color:inherit}.axis-links{position:absolute;inset:0;pointer-events:none;z-index:1}.axis-edge{fill:none;stroke:#d9c6ec;stroke-width:2}.axis-edge.rupture,.axis-edge.transfert{stroke-dasharray:6 5}.axis-edge.rupture{stroke:#f0b49e}.axis-links text{font:12px system-ui;fill:#eee4f7;paint-order:stroke;stroke:#242b2e;stroke-width:4px;text-anchor:middle}.axis-empty{padding:25px;color:#d6dfdf}.path-featured{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:18px 0}.path-featured button{padding:14px 12px;text-align:left;background:linear-gradient(140deg,#e0e5e5,#b2bec2);color:#1d2d35;border:1px solid #a7b7bc;border-radius:6px;font:700 15px/1.3 system-ui;cursor:pointer}.path-featured small{display:block;font-size:14px;font-weight:400;margin-top:6px}.path-all fieldset{border:0;padding:8px 0;margin:0}.path-all legend{font-weight:700;color:#c9d9dd}.path-all button{font:600 14px system-ui;color:#e5edef;border:1px solid #72868e;background:#36474f;padding:9px 12px;border-radius:4px;margin:4px 6px 4px 0;cursor:pointer}.path-all button[aria-pressed=true]{outline:2px solid #fff}.path-picker[hidden],.path-view[hidden]{display:none!important}.path-view h2{font:700 24px Georgia;margin:16px 0 5px}.path-view>p{color:#d4dfdf}.layer-config .layer-options{display:grid;grid-template-columns:minmax(190px,1fr) minmax(240px,2fr);gap:16px}.layer-options fieldset{min-width:0}.layer-options .expanded-company{grid-column:2}.layer-options .expanded-company label,.layer-options .countries label{display:inline-flex;margin:5px 12px 5px 0}.banner{display:flex!important;justify-content:center!important;align-items:center;overflow:hidden}.banner img{position:relative;width:min(100%,980px)!important;height:auto!important;mask-image:none!important;max-width:980px!important}.banner-markers{left:50%!important;transform:translateX(-50%);width:min(100%,980px)!important;height:100%!important}.tableau-panel .heading p{color:#f2cf6e;font-size:18px;line-height:1.45}.tableau-panel{background-color:#202729}.tableau-panel .saga-axis{background:none}.eras button{min-height:48px}.saga-axis .axis-detail{scroll-margin-top:15px}@media(max-width:850px){.path-featured{grid-template-columns:repeat(2,minmax(0,1fr))}.layer-config .layer-options{display:block}}@media(max-width:550px){.path-featured{grid-template-columns:1fr}.axis-figure{float:none;width:100%;max-width:260px;margin:0 auto 16px}.axis-detail{padding:18px 34px 18px 15px}}
/* Réglages groupés du 3 octobre : cadrage, lisibilité, proximité. */
.axis-ruler-window{position:sticky;top:0;z-index:12;overflow:hidden;background:#202729 url('gainage-graphite.jpg') center/cover;border-bottom:1px solid #879497}
.axis-ruler{height:45px;border:0;will-change:transform}
.axis-date{bottom:8px;height:25px;width:1px;font-size:14px}
.axis-date:after{top:27px;height:6px}
.axis-year-label{position:absolute;white-space:nowrap;transform:translateX(-50%);color:#f5f7f6}
.axis-row-label{margin:0;padding:6px 9px;left:0;max-width:340px;font-size:14px;line-height:1.3;background:#202729f5}
.axis-node{width:148px;min-height:54px;padding:7px;font-size:14px;line-height:1.3}
.axis-marker{width:148px;font-size:14px;line-height:1.35}
.axis-row{min-height:100px}.axis-row-empty{position:sticky;left:14px;width:max-content;max-width:85vw;color:#b9c6c8;font-size:14px;margin:24px 14px}
.axis-detail{position:absolute!important;margin:0!important;z-index:9;max-height:440px;padding:18px 40px 18px 20px;box-shadow:0 6px 18px #0007;border:1px solid #7d8e94;border-radius:6px;background:#cdd2d2;color:#252d30;box-sizing:border-box}
.axis-detail h2{font-size:23px}.axis-detail p{font-size:16px;line-height:1.5}
.axis-figure{min-height:100px}.axis-band-label,.axis-band-date{box-sizing:border-box;overflow-wrap:normal;white-space:normal}
.axis-periods{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:7px!important;margin:14px 0 8px!important}
.axis-periods button{min-height:48px!important;padding:8px!important;font:650 14px/1.3 system-ui!important;cursor:pointer;background:linear-gradient(150deg,#eef1f0,#b4bfc2)!important;color:#202c31!important;border:1px solid #809196!important;border-radius:5px!important}
.axis-periods button[aria-current=true],.period-nav>button[aria-current=true]{outline:2px solid #f2cf6e!important;outline-offset:1px;background:linear-gradient(145deg,#e8e1d6,#b7aa99)!important}
body .banner{height:auto!important;min-height:0!important;padding:0!important;background:#171c1e url('gainage-graphite.jpg') center/cover!important;position:relative;border:1px solid #687177}
body .banner img{width:min(100%,980px)!important;height:auto!important;max-width:980px!important;object-fit:contain!important;filter:grayscale(1) contrast(1.1);display:block!important}
body .banner .cover-logo-frame{height:auto!important;border:0!important;box-shadow:none!important;width:min(100%,980px)!important;container-type:normal!important}
body .banner .banner-markers{width:min(100%,980px)!important;height:100%!important;top:0!important}
body .main:has(.path-picker){min-height:0!important;height:auto!important;padding-bottom:20px!important}
body .main>.heading p{color:#f2cf6e!important;font-size:18px!important}
.layer-config .layer-options{grid-template-columns:210px minmax(240px,1fr)!important;gap:12px!important}
.layer-options .themes-options{grid-column:1;grid-row:1 / span 3}.layer-options .themes-options label{display:flex!important;margin:6px 0!important}
.layer-options fieldset{min-width:0!important}.layer-config{padding:10px 12px!important}
#device-axis{min-width:0}body .timeline-panel:has(#device-axis){height:auto!important;min-height:0!important}body .composition .timeline-panel:has(#device-axis){background-image:linear-gradient(#252829c9,#171a1bd9),url('fond-reflex-grave.png'),url('gainage-graphite.jpg')!important;background-size:cover,auto 85%,cover!important;background-position:center,right bottom,center!important}
@media(max-width:800px){.axis-periods{grid-template-columns:repeat(3,minmax(0,1fr))!important}.layer-config .layer-options{display:block!important}}
.axis-enlarge{display:block;width:100%;padding:0;background:none;border:0;cursor:zoom-in}.axis-image-viewer{width:min(92vw,1100px);max-height:90vh;padding:15px;background:#cdd2d2;border:1px solid #7c8a90;border-radius:6px}.axis-image-viewer::backdrop{background:#000b}.axis-image-viewer img{display:block;max-width:100%;max-height:78vh;object-fit:contain;margin:auto;mix-blend-mode:multiply}.axis-image-viewer button{float:right;font:650 14px system-ui;padding:8px}
/* Revue complète : une règle annuelle, un encart compact, un habillage commun. */
.saga-axis .axis-toolbar[hidden]{display:none!important}
.axis-viewport{overflow-y:hidden;max-height:none!important;height:auto!important}
.axis-ruler-window{background:#1d2427;z-index:12}
.axis-ruler-compact .axis-ruler{height:64px}
.axis-ruler-compact .axis-date{bottom:5px;height:50px}
.axis-ruler-compact .axis-year-label{transform:translate(-50%,0) rotate(-90deg);transform-origin:center;top:15px;font-size:12px}
.axis-ruler-compact .axis-date:after{top:49px}
.axis-detail.axis-detail-card{max-height:none;overflow:visible;padding:12px 32px 13px 15px;width:580px;border:1px solid #87979b}
.axis-detail.axis-detail-card:before{content:'';position:absolute;left:var(--pointer-x,30px);top:-9px;width:15px;height:15px;background:#cdd2d2;border-left:1px solid #87979b;border-top:1px solid #87979b;transform:translateX(-50%) rotate(45deg)}
.axis-detail.axis-detail-card h2{font:700 19px/1.25 Georgia,serif;margin:4px 0 8px}
.axis-detail.axis-detail-card p{margin:7px 0;font:16px/1.45 system-ui,sans-serif}
.axis-detail.axis-detail-card .axis-meta{font-size:13px;margin:0 0 6px}
.axis-detail .axis-copy{max-height:265px;overflow:auto;scrollbar-width:thin}
.axis-detail .axis-figure{width:30%;max-width:165px;min-height:0;margin:4px 14px 8px 0}
.axis-detail .axis-figure img{max-height:160px}
.axis-detail.axis-detail-major{border:3px solid #efc950;box-shadow:0 0 0 1px #efc95033,0 6px 18px #0007}
.axis-detail.axis-detail-major:before{border-left:3px solid #efc950;border-top:3px solid #efc950;top:-11px}
.axis-node.axis-major{border:3px solid #efc950;box-shadow:0 0 0 1px #efc95044}
.axis-node[aria-pressed=true]{outline-offset:2px}
.axis-links .rupture{stroke-dasharray:none;stroke-width:3}
.axis-links text{font-size:13px}
body .banner{height:clamp(100px,14vw,155px)!important;background:#171c1e!important}
body .banner img{width:min(100%,980px)!important;height:100%!important;object-fit:cover!important;object-position:center!important}
body .banner .cover-logo-frame{height:100%!important;width:min(100%,980px)!important;overflow:hidden!important}
body .banner .cover-logo-frame img{width:100%!important;height:100%!important}
body .heading h1,body .panel-title,body .panel-intro{color:#f5f6f2!important}
body .heading p,body .panel-intro span{color:#f2cf6e!important;font-size:18px!important;line-height:1.45!important}
body .country-timeline{width:100%!important;max-width:none!important;margin:14px 0 0!important;background:transparent!important;border:0!important;padding:0!important;color:#ecf0ef}
body .country-timeline>p{color:#ced8da}
body .timeline:has(#company-axis){display:block!important;min-height:0!important;padding:16px!important;background:#202729 url('../gainage-graphite.jpg') center/cover!important;border-radius:6px}
body .timeline:has(#company-axis) h1{color:#f5f6f2!important;font:700 27px Georgia!important;margin:0 0 8px!important}
body .timeline:has(#company-axis) .identity{color:#f2cf6e!important;font-size:18px!important}
body .tableau-panel:has(#Photographes-axis),body .tableau-panel:has(#Personnalités-axis){min-height:0!important;height:auto!important}
.saga-works:empty{display:none}.saga-works{margin:14px 0 0;padding:12px;color:#f0f3f2;border-top:1px solid #9aabae}
.saga-works h3{font:700 18px Georgia;margin:0 0 12px}.saga-works .works-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:15px;background:none}
.saga-works figure{margin:0;background:none!important;border:0!important;padding:0!important}.saga-works figure img{max-height:350px;width:100%;object-fit:contain}.saga-works figcaption{color:#e3e9e8;font:14px/1.4 system-ui}.saga-works figcaption strong,.saga-works figcaption span{display:block}.saga-works a{color:#efce70}
body .tableau-panel:has(#optical-axis){background-blend-mode:normal,luminosity,normal!important;background-image:linear-gradient(#192125ac,#171f23bd),url('https://upload.wikimedia.org/wikipedia/commons/3/39/Carl_Zeiss_Jena_Tessar_f2%2C8_50_mm_lens.jpg'),url('../gainage-graphite.jpg')!important}
body:has(#calques-axis) .tableau-panel,body:has(#calques-axis) .main{background:#1e2528!important;min-height:0!important;height:auto!important}
#calques-axis .axis-viewport,#path-axis .axis-viewport{max-height:none!important}
body .saga-sidebar .themes a,body .saga-sidebar .themes span{box-sizing:border-box;width:100%}
@media(max-width:650px){.axis-detail.axis-detail-card h2{font-size:18px}.axis-detail .axis-figure{float:none;width:140px;margin:0 auto 10px}.axis-detail .axis-copy{max-height:240px}}
.saga-axis *{box-sizing:border-box}.axis-node,.axis-marker{box-sizing:border-box}
body:has(#calques-axis) .panel{background:#1e2528!important}
body .timeline:has(#company-axis){background:#202729!important}
.axis-year-label{font-variant-numeric:tabular-nums}
.axis-detail .axis-figure img{height:160px;object-fit:contain}
body .banner{height:auto!important;aspect-ratio:2170 / 357;max-height:161px!important;min-height:0!important}
body .banner img{position:absolute!important;inset:0!important;margin:auto!important;height:100%!important}
body .banner .cover-logo-frame{position:relative!important;align-self:stretch!important;min-height:100%!important}
.axis-detail.axis-detail-card{display:flow-root}
.axis-detail.axis-detail-card[hidden]{display:none!important}
/* Réglages communs de la revue du 3 octobre. */
html{scrollbar-gutter:stable}
.axis-ruler-window .axis-ruler{height:50px}
.axis-ruler-window .axis-date{bottom:10px;height:auto}
.axis-ruler-window .axis-year-label{display:block;transform:translateX(-50%);position:relative;top:auto;font-size:13px;white-space:nowrap}
.axis-ruler-window .axis-date:after{top:23px}
.axis-node{min-height:44px;padding:6px 7px;font-size:13px;line-height:1.25}
.axis-detail.axis-detail-card{margin:0;padding:11px 30px 12px 13px}
body .axis-detail.axis-detail-card p,body .axis-detail.axis-detail-card h2{color:#252d30!important}
body .axis-detail.axis-detail-card .axis-meta{color:#4a5a60!important}
.axis-detail.axis-detail-card h2{font-size:18px!important;line-height:1.25!important}
.axis-detail .axis-copy{max-height:240px}
.axis-detail .axis-figure{float:none;width:100%;max-width:none;display:grid;grid-template-columns:minmax(120px,180px) minmax(0,1fr);align-items:center;gap:12px;margin:3px 0 10px}
.axis-detail .axis-figure img{height:auto;max-height:140px}
.axis-detail .axis-figure figcaption{margin:0;font-size:11px}
#Photographes-axis .axis-detail .axis-copy{max-height:300px}
.axis-band.continues-before{border-left-style:dashed}.axis-band.continues-after{border-right-style:dashed}
.axis-band.continues-before:before{content:'‹';float:left;margin-right:5px}.axis-band.continues-after:after{content:'›';position:absolute;right:5px;top:5px}
body .banner{display:flex!important;align-items:center!important;justify-content:center!important;background:#c4c9ca url('chrome-clair.jpg') center/cover!important;position:relative!important}
body .banner img{width:100%!important;max-width:none!important;mask-image:none!important;object-fit:cover!important;filter:grayscale(1) contrast(1.05)!important}
body .banner .cover-logo-frame{width:100%!important;max-width:none!important;flex:1!important}
body .banner svg{display:none!important}
body .countries{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(145px,1fr))!important;gap:9px!important;min-height:0!important;height:auto!important}
body .countries button{min-height:52px!important;height:auto!important;padding:10px 12px!important;border:1px solid #9babad!important;border-radius:5px!important;color:#25323a!important;background:#c5cdd0!important;font:650 15px system-ui!important}
body .countries button[aria-pressed=true]{background:#566e78!important;color:#fff!important;outline:2px solid #d7e1e4;outline-offset:2px}
.axis-periods button[aria-current=true]{outline:3px solid #f2cf6e!important;outline-offset:1px!important;background:#495e67!important;color:#fff!important}
.saga-guide{color:#e1e9e8;background:#293337;border:1px solid #65777d;border-radius:6px;padding:12px 15px;margin:12px 0;font:15px/1.5 system-ui}
.saga-guide p{margin:7px 0;color:inherit!important}.saga-guide summary{cursor:pointer;font-weight:650}
body .path-view{margin-top:12px!important;padding-top:0!important}
@media(max-width:600px){.axis-detail .axis-figure{grid-template-columns:120px minmax(0,1fr)}.axis-detail.axis-detail-card p{font-size:15px}.saga-guide{font-size:14px}}
.axis-ruler-window .axis-year-label{transform:none}
body .tableau-panel:has(#optical-axis){background-image:linear-gradient(#1c2329b0,#172025c0),url('optiques/illustrations/tessar-detoure.png'),url('gainage-graphite.jpg')!important;background-blend-mode:normal!important;background-size:cover,auto min(58vh,500px),cover!important;background-position:center,left bottom,center!important;background-repeat:no-repeat!important}
/* Version 303 : encarts séparés, charte argent/noir, périodes adaptées. */
.axis-detail-dock{position:relative;clear:both;margin:16px 0 0;width:100%;box-sizing:border-box}
.axis-detail-dock:has(>.axis-detail[hidden]){display:none}
.axis-detail-dock>.axis-detail{position:relative!important;inset:auto!important;width:100%!important;max-width:none!important;box-sizing:border-box;background:#b9bbbc!important;color:#171b1e!important;border:1px solid #8e9497!important;border-radius:6px!important;padding:18px 42px 18px 18px!important;box-shadow:none!important;margin:0!important;transform:none!important}
.axis-detail-dock>.axis-detail:before,.axis-detail-dock>.axis-detail:after{display:none!important}
.axis-detail-dock>.axis-detail-major{border:2px solid #d4b943!important}
.axis-detail-dock .axis-detail h2,.axis-detail-dock h2{font:600 20px/1.25 system-ui,sans-serif!important;color:#15191c!important;margin:0 0 10px!important}
.axis-detail-dock .axis-meta{font:13px/1.3 system-ui,sans-serif!important;color:#42494c!important;margin:0 0 6px!important}
.axis-detail-dock p,.axis-detail-dock .axis-copy p{font:16px/1.5 system-ui,sans-serif!important;color:#20272b!important;margin:0 0 10px!important}
.axis-detail-dock .axis-copy{display:flow-root;margin:8px 0 0!important;padding:0!important}
.axis-detail-layout{display:grid;grid-template-columns:150px minmax(0,1fr);column-gap:14px;row-gap:8px;align-items:start}
.axis-detail-dock .axis-figure{display:block!important;width:150px!important;max-width:100%!important;padding:0!important;margin:0!important;background:transparent!important;border:0!important;box-shadow:none!important}
.axis-detail-dock .axis-enlarge{display:block!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;width:100%!important}
.axis-detail-dock .axis-figure img{display:block!important;width:100%!important;height:auto!important;max-height:160px!important;object-fit:contain!important;object-position:top left!important;background:transparent!important;border:0!important;padding:0!important;margin:0!important;mix-blend-mode:multiply}
.axis-detail-dock figcaption{font:11px/1.4 system-ui,sans-serif!important;color:#454d50!important;margin:12px 0 0!important}
.axis-detail-dock a{color:#283d47!important}.axis-detail-dock .axis-link{display:inline-block!important;margin:8px 16px 0 0!important;font:14px/1.4 system-ui,sans-serif!important;background:transparent!important;padding:0!important;border:0!important;text-decoration:underline}
.axis-detail-dock .axis-close{position:absolute!important;top:10px!important;right:10px!important;background:transparent!important;border:0!important;color:#242c30!important;font-size:24px!important}
.axis-detail-pulse{animation:saga-detail-light .85s ease-out}
@keyframes saga-detail-light{from{background-color:#eeeeea}to{background-color:#b9bbbc}}
.axis-detail-dock>.axis-detail.axis-detail-pulse{animation:saga-detail-light .85s ease-out!important;background:#b9bbbc}
@media(prefers-reduced-motion:reduce){.axis-detail-pulse{animation:none!important}}
.axis-legend{font:13px/1.4 system-ui,sans-serif;color:#d3d5d5;margin:8px 0 12px}
.axis-row-label{top:0!important;margin:0!important;padding-top:4px!important;font-size:13px!important}
.axis-marker{color:#f0d26b!important}.axis-node.axis-major{border:2px solid #e1c355!important}.axis-node[aria-pressed="true"]{box-shadow:0 0 0 3px #ebeff0!important;background:#596063!important}.axis-node.axis-major[aria-pressed="true"]{background:#5b512d!important;box-shadow:0 0 0 3px #e6c75d!important}
.axis-toolbar[hidden]{display:none!important}.axis-empty{padding:18px;color:#d2d5d5}
.saga-sidebar .themes .nav-level{display:block;margin-top:18px!important;padding-top:12px;border-top:1px solid #727879}
.banner,.saga-home .banner{height:auto!important;max-height:none!important;background:transparent!important}
.banner>img{display:block!important;width:min(100%,980px)!important;height:auto!important;max-height:none!important;object-fit:contain!important;margin:0 auto!important;aspect-ratio:auto!important}
.banner-markers{display:none!important}
.tableau-panel{background-color:#101416!important;background-image:linear-gradient(#111518e8,#111518ed),url("gainage-graphite.jpg")!important}
body:has(#optical-axis) .tableau-panel{background-image:linear-gradient(#111518ed,#111518ed),url("optiques/illustrations/tessar-detoure.png"),url("gainage-graphite.jpg")!important;background-size:cover,260px auto,cover!important;background-position:center,left bottom,center!important;background-repeat:no-repeat!important}
.optical-background-credit{font:11px/1.4 system-ui,sans-serif!important;color:#9da6aa!important;margin:8px 0!important}.optical-background-credit a{color:inherit!important}
@media(max-width:560px){.axis-detail-layout{grid-template-columns:100px minmax(0,1fr);column-gap:10px}.axis-detail-dock .axis-figure{width:100px!important}.axis-detail-dock>.axis-detail{padding:14px 32px 14px 14px!important}.axis-detail-dock h2{font-size:17px!important}.axis-detail-dock p{font-size:14px!important}}
@media print{.axis-detail-dock>.axis-detail{background:white!important;color:black!important;break-inside:avoid}.axis-detail-dock .axis-close{display:none!important}}
.axis-detail-dock .axis-copy{max-height:none!important;overflow:visible!important}.axis-detail-dock .axis-figure{float:none!important}.axis-detail-dock>.axis-detail{max-height:none!important;overflow:visible!important}
.axis-detail-dock>.axis-detail.axis-detail-pulse{animation:saga-detail-flash .85s ease-out!important}@keyframes saga-detail-flash{from{filter:brightness(1.18)}to{filter:brightness(1)}}
.axis-node .axis-contribution-label{display:block;font-size:11px;line-height:1.3;font-weight:400;margin-top:5px;color:inherit}
.axis-legend{color:#495257}.timeline-panel .axis-legend,.tableau-panel .axis-legend{color:#d2d6d7}
@media(prefers-reduced-motion:reduce){.axis-detail-dock>.axis-detail.axis-detail-pulse{animation:none!important}}

/* Revue : repères réguliers, tableau compact et détails immédiatement lisibles. */
body .axis-legend,#saga-sketch .timeline-panel p.axis-legend{color:#f2cf6e!important;font:700 14px/1.4 system-ui,sans-serif!important;margin:6px 0!important}
#saga-sketch .period-story-card{flex-direction:row!important;gap:9px!important;padding:5px 10px!important;white-space:nowrap}
#saga-sketch .period-story-card .story-period-name,#saga-sketch .period-story-card .period-story-link{display:inline!important;margin:0!important}
.axis-ruler-title{position:absolute;left:0;top:15px;width:92px;margin:0!important;padding:0 3px!important;font:700 12px/1.2 system-ui,sans-serif!important;color:#edf0ee!important;background:#1d2427;z-index:2}
.axis-ruler-window .axis-year-label{transform:translateX(-50%)!important}
body .axis-node[aria-pressed="true"],body .axis-node.axis-major[aria-pressed="true"]{background:#edf0ee!important;color:#172329!important;outline:2px solid #fff!important;outline-offset:2px!important;box-shadow:0 0 0 5px #d8bb54!important}
body .axis-detail-dock>.axis-detail.axis-detail-major{background:#eee5bb!important;border:2px solid #d4b943!important}
.axis-detail-header{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 14px;margin:0 0 10px}
body .axis-detail-dock .axis-detail-header .axis-meta,body .axis-detail-dock .axis-detail-header h2{display:inline!important;margin:0!important}
.axis-detail-dock{margin-top:10px;scroll-margin:12px}
@media print{body .axis-detail-dock>.axis-detail.axis-detail-major{background:white!important}}

/* Bloc actif et encart : même teinte, pointeur et navigation documentaire. */
body .axis-node.axis-major[aria-pressed="true"]{background:#eee5bb!important;color:#172329!important}
.axis-detail-dock:has(>.axis-detail:not([hidden])):before{content:"";position:absolute;left:var(--pointer-x,50%);top:-9px;width:16px;height:16px;transform:translateX(-50%) rotate(45deg);background:#b9bbbc;border-top:1px solid #8e9497;border-left:1px solid #8e9497;z-index:2;pointer-events:none}
.axis-detail-dock:has(>.axis-detail-major:not([hidden])):before{background:#eee5bb;border-color:#d4b943;border-width:2px}
.axis-detail-dock{margin-top:16px}
.axis-detail-footer{display:grid!important;grid-template-columns:minmax(160px,1fr) minmax(0,2fr) minmax(100px,1fr);align-items:baseline;gap:12px;margin-top:10px!important;padding:0!important;border:0!important;background:transparent!important;text-align:left!important}
.axis-detail-footer .axis-source-links{grid-column:1}.axis-detail-footer .axis-related-links{grid-column:2;justify-self:center;text-align:center}
body .axis-detail-dock .axis-detail-footer .axis-link{margin:0 14px 0 0!important}
.axis-return-view{display:inline-block;margin:7px 0;padding:7px 12px;border:1px solid #89999e;border-radius:5px;background:linear-gradient(#edf0ef,#aeb9bd);color:#172329;font:650 14px system-ui,sans-serif;cursor:pointer}
@media(max-width:650px){.axis-detail-footer{grid-template-columns:1fr;gap:8px}.axis-detail-footer .axis-related-links{grid-column:1;justify-self:start;text-align:left}}
@media print{.axis-return-view,.axis-detail-dock:before{display:none!important}}