/* Chapter bar follows the bank review navigation: separated cells, active chapter,
   horizontal scrolling and a mobile swipe hint. Topic colours stay distinct. */
.dossier-nav[data-dossier-nav]{--dn-accent:#067471;--dn-line:#dce9e3;--dn-marker:#b8efd9;position:sticky;top:calc(var(--dossier-sticky-top,88px) - 1px);z-index:29;background:#fff;border-block:1px solid var(--dn-line);box-shadow:0 9px 24px #133f3310;backdrop-filter:none}
[data-brand-universe="energy"] .dossier-nav{--dn-accent:#3e4a22;--dn-line:#dfe3ce;--dn-marker:#d4df47}
[data-brand-universe="telecom"] .dossier-nav{--dn-accent:#067887;--dn-line:#d1e6e8;--dn-marker:#8ce4ee}
[data-brand-universe="credit"] .dossier-nav{--dn-accent:#206a3b;--dn-line:#d4e6d7;--dn-marker:#7de5a4}
/* Adjacent chapter cells share their separator: page styles must not add a gap.
   Navigation owns its links, including inside #main: article link colours and
   underlines must never override inactive, hover, active or focus states. */
.dossier-nav[data-dossier-nav]>.dossier-nav-track{display:flex;align-items:stretch;justify-content:flex-start;gap:0;width:var(--site-wrap-width);height:auto;min-height:58px;margin:0 auto;padding:0;overflow-x:auto;scrollbar-width:none;overscroll-behavior-x:contain}
.dossier-nav[data-dossier-nav]>.dossier-nav-track::-webkit-scrollbar{display:none}
:is(body,#main) .dossier-nav[data-dossier-nav]>.dossier-nav-track>a{position:relative;display:flex;flex:1 0 auto;min-width:max-content;min-height:58px;align-items:center;justify-content:center;gap:9px;margin:0;padding:14px 15px;border:0;border-right:1px solid var(--dn-line);border-radius:0;background:transparent;color:#536e65;font:750 var(--text-scale-12)/1.5 var(--font-body);letter-spacing:0;white-space:nowrap;text-align:center;text-decoration:none;transition:color .2s,background .2s}
:is(body,#main) .dossier-nav[data-dossier-nav]>.dossier-nav-track>a:first-child{border-left:1px solid var(--dn-line)}
:is(body,#main) .dossier-nav[data-dossier-nav]>.dossier-nav-track>a:hover{color:var(--dn-accent);background:#f1f6ee;text-decoration:none}
:is(body,#main) .dossier-nav[data-dossier-nav]>.dossier-nav-track>a::after{content:'';position:absolute;left:14px;right:14px;bottom:0;height:3px;border-radius:3px 3px 0 0;background:var(--dn-marker);transform:scaleX(0);transition:transform .2s}
:is(body,#main) .dossier-nav[data-dossier-nav]>.dossier-nav-track>a[aria-current="location"]{color:#fff;background:var(--dn-accent)}
:is(body,#main) .dossier-nav[data-dossier-nav]>.dossier-nav-track>a[aria-current="location"]::after{transform:scaleX(1)}
:is(body,#main) .dossier-nav[data-dossier-nav]>.dossier-nav-track>a:focus-visible{outline:3px solid var(--dn-accent);outline-offset:-4px}
.dossier-nav[data-dossier-nav].is-overflowing:not(.is-at-end)::before{content:'';position:absolute;z-index:2;right:0;top:0;bottom:0;width:54px;background:linear-gradient(90deg,transparent,#fff 84%);pointer-events:none}
.dossier-nav[data-dossier-nav]>:not(.dossier-nav-track){position:absolute;bottom:-1px;left:0;height:2px;pointer-events:none}
.dossier-nav[data-dossier-nav]>.dossier-reading-progress{--dn-progress:#067471;position:absolute;left:0;bottom:-2px;width:100%;height:2px;background:var(--dn-progress);transform:scaleX(var(--dossier-reading,0));transform-origin:left center;z-index:4;pointer-events:none}
[data-brand-universe="telecom"] .dossier-nav[data-dossier-nav]>.dossier-reading-progress{--dn-progress:#0ea0b1}
[data-brand-universe="credit"] .dossier-nav[data-dossier-nav]>.dossier-reading-progress{--dn-progress:#2baa5e}
[data-brand-universe="energy"] .dossier-nav[data-dossier-nav]>.dossier-reading-progress{--dn-progress:#d4df47}
@media(max-width:900px){:is(body,#main) .dossier-nav[data-dossier-nav]>.dossier-nav-track>a{padding-inline:17px}}
@media(max-width:700px){
 .dossier-nav[data-dossier-nav]>.dossier-nav-track{width:100%;min-height:54px;padding:0 82px 0 20px}
 :is(body,#main) .dossier-nav[data-dossier-nav]>.dossier-nav-track>a{min-height:54px;padding-block:12px;font-size:var(--text-scale-12);gap:8px}
 .dossier-nav[data-dossier-nav].is-overflowing:not(.is-at-end)::before{width:72px;background:linear-gradient(90deg,transparent,#fff 72%)}
 .dossier-nav[data-dossier-nav].is-overflowing::after{content:'Glissez →';position:absolute;z-index:3;right:7px;top:50%;transform:translateY(-50%);padding:5px 8px;border:1px solid var(--dn-line);border-radius:20px;background:#fff;color:var(--dn-accent);box-shadow:0 3px 10px #153f3517;font:850 var(--text-scale-10)/1.5 var(--font-body);white-space:nowrap;pointer-events:none;transition:opacity .2s}
 .dossier-nav[data-dossier-nav].has-horizontal-scroll::after,.dossier-nav[data-dossier-nav].is-at-end::after{visibility:hidden;opacity:0}
 :is(body,#main) .dossier-nav[data-dossier-nav]>.dossier-nav-track>a::after{height:2px}
}
@media(prefers-reduced-motion:reduce){:is(body,#main) .dossier-nav[data-dossier-nav]>.dossier-nav-track>a,:is(body,#main) .dossier-nav[data-dossier-nav]>.dossier-nav-track>a::after{transition:none}}
@media print{.dossier-nav[data-dossier-nav]{display:none!important}}