/* Repère de lecture neutre, dans la gouttière de la navigation. */
.tnf-reading-tracker[data-reading-tracker]{position:fixed;z-index:35;left:max(var(--reading-left,4px),env(safe-area-inset-left));right:auto;top:50%;display:flex;flex-direction:column;align-items:center;gap:9px;width:var(--reading-widget-width,32px);max-height:calc(100dvh - 150px);transform:translateY(-50%);color:#c8cdd1;pointer-events:none;--reading-tick:#70767b;--reading-marker:#f1f3f4;--reading-focus:#aeb5ba;--reading-hover:#b8bec3;--reading-label-bg:#191c1f;--reading-label-line:#3b4045;--reading-label-hover:#292d31}
.tnf-reading-tracker[data-reading-tracker][hidden],.tnf-reading-tracker [data-reading-rail][hidden],.tnf-reading-tracker [data-reading-percent][hidden],.tnf-reading-tracker [data-reading-landmarks][hidden]{display:none!important}
/* Le décor ne traverse ni le rail ni son pourcentage ; les repères restent libres. */
body.c-game-page .tnf-reading-tracker[data-reading-tracker]{isolation:isolate}
body.c-game-page .tnf-reading-tracker[data-reading-tracker]::before{content:'';position:absolute;inset:-12px -2px;z-index:-1;border:1px solid var(--m-line,#262a2e);border-radius:10px;background:var(--c-feed-surface,#0e1012);box-shadow:0 2px 10px #0002;pointer-events:none}
[data-theme=light] body.c-game-page .tnf-reading-tracker[data-reading-tracker]::before{background:#fff}
[data-reading-content].tnf-reading-inline-gutter{box-sizing:border-box;min-width:0;padding-left:calc(var(--reading-base-padding,0px) + var(--reading-gutter-size,40px))}
[data-reading-content] [data-reading-target]{scroll-margin-top:calc(var(--c-header-height,70px) + 16px)}
.tnf-reading-tracker .tnf-reading-percent{order:2;display:block;box-sizing:border-box;width:100%;min-width:0;margin:0;padding:2px 0;border:0;border-radius:0;background:transparent;color:#a9afb4;font:500 10px/1.4 var(--tnf-font,'Segoe UI',system-ui,sans-serif);font-variant-numeric:tabular-nums;text-align:center;white-space:nowrap;letter-spacing:0;box-shadow:none;pointer-events:none}
.tnf-reading-tracker .tnf-reading-track{order:1;position:relative;display:flex;align-items:center;justify-content:center;width:100%;min-width:0;flex:none;pointer-events:auto}
.tnf-reading-tracker .tnf-reading-track::after{content:'';position:absolute;left:100%;top:0;bottom:0;width:8px;pointer-events:auto}
.tnf-reading-tracker .tnf-reading-rail{order:1;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:space-between;flex:none;box-sizing:border-box;width:min(30px,var(--reading-widget-width,32px));height:200px;max-height:calc(100dvh - 210px);min-height:72px;margin:0;padding:0 5px;border:0;border-radius:4px;background:transparent;outline:none;pointer-events:auto;touch-action:none;cursor:pointer;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}
.tnf-reading-tracker .tnf-reading-tick{display:block;flex:none;width:5px;height:1px;min-height:1px;margin:0;padding:0;border:0;border-radius:1px;background:var(--reading-tick);opacity:.58;pointer-events:none;transition:opacity 140ms ease,background 140ms ease}
.tnf-reading-tracker .tnf-reading-tick:nth-child(4n + 1){width:8px;opacity:.73}
.tnf-reading-tracker .tnf-reading-marker{position:absolute;z-index:1;left:50%;top:0;display:block;width:12px;height:2px;margin:0;padding:0;border:0;border-radius:1px;background:var(--reading-marker);box-shadow:none;transform:translate(-50%,-50%);pointer-events:none}
.tnf-reading-tracker .tnf-reading-rail:focus-visible,.tnf-reading-tracker .tnf-reading-landmark:focus-visible{outline:2px solid var(--reading-focus)!important;outline-offset:3px!important}
.tnf-reading-tracker .tnf-reading-rail:focus-visible .tnf-reading-tick,.tnf-reading-tracker.is-reading-dragging .tnf-reading-tick{background:var(--reading-hover);opacity:1}
.tnf-reading-tracker.is-reading-dragging .tnf-reading-rail{cursor:grabbing}
.tnf-reading-tracker.is-reading-narrow .tnf-reading-percent{font-size:9px}
@media(hover:hover) and (pointer:fine){.tnf-reading-tracker .tnf-reading-rail:hover .tnf-reading-tick{background:var(--reading-hover);opacity:1}}
/* L'opacité garde les liens dans le parcours Tab ; le focus révèle tout le repère. */
.tnf-reading-tracker .tnf-reading-landmarks{position:absolute;z-index:2;left:calc(100% + 4px);top:50%;display:grid;align-content:start;gap:3px;box-sizing:border-box;width:max-content;max-width:min(200px,calc(100vw - var(--reading-left,4px) - var(--reading-widget-width,32px) - 14px));max-height:min(280px,45dvh);padding:5px;margin:0;border:1px solid var(--reading-label-line);border-radius:7px;background:var(--reading-label-bg);box-shadow:0 4px 16px #0002;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;opacity:0;transform:translate(3px,-50%);pointer-events:none;transition:opacity 140ms ease,transform 140ms ease}
.tnf-reading-tracker .tnf-reading-landmarks::before{content:'';position:absolute;right:100%;top:0;bottom:0;width:8px}
.tnf-reading-tracker .tnf-reading-track:focus-within .tnf-reading-landmarks{opacity:1;transform:translate(0,-50%);pointer-events:auto}
.tnf-reading-tracker .tnf-reading-landmark{display:block;min-width:0;min-height:30px;box-sizing:border-box;padding:6px 9px;border:0;border-radius:4px;background:transparent;color:#c4c9ce!important;text-decoration:none;font:500 11px/1.6 var(--tnf-font,'Segoe UI',system-ui,sans-serif);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:inherit}
.tnf-reading-tracker .tnf-reading-landmark:hover,.tnf-reading-tracker .tnf-reading-landmark:focus-visible{background:var(--reading-label-hover);color:#f1f3f4!important}
.tnf-reading-tracker .tnf-reading-landmark[aria-current]{font-weight:650;color:#f1f3f4!important}
@media(hover:hover) and (pointer:fine){.tnf-reading-tracker .tnf-reading-track:hover .tnf-reading-landmarks{opacity:1;transform:translate(0,-50%);pointer-events:auto}}
[data-theme=light] .tnf-reading-tracker[data-reading-tracker]{--reading-tick:#8b9197;--reading-marker:#30353a;--reading-focus:#616a72;--reading-hover:#4c555d;--reading-label-bg:#fff;--reading-label-line:#d0d5da;--reading-label-hover:#edf0f2;color:#46505a}
[data-theme=light] .tnf-reading-tracker .tnf-reading-percent{color:#626b73}
[data-theme=light] .tnf-reading-tracker .tnf-reading-landmark{color:#4c555e!important}
[data-theme=light] .tnf-reading-tracker .tnf-reading-landmark:hover,[data-theme=light] .tnf-reading-tracker .tnf-reading-landmark:focus-visible,[data-theme=light] .tnf-reading-tracker .tnf-reading-landmark[aria-current]{color:#20272e!important}
@media(max-width:700px){
 .tnf-reading-tracker[data-reading-tracker]{gap:7px;max-height:calc(100dvh - 190px)}
 .tnf-reading-tracker .tnf-reading-percent{padding:2px 0;font-size:9px}
 .tnf-reading-tracker .tnf-reading-rail{width:18px;height:154px;max-height:calc(100dvh - 245px);padding-inline:5px}
 .tnf-reading-tracker .tnf-reading-tick{width:4px;opacity:.55}
 .tnf-reading-tracker .tnf-reading-tick:nth-child(4n + 1){width:6px}
 .tnf-reading-tracker .tnf-reading-marker{width:10px;height:2px}
 .tnf-reading-tracker .tnf-reading-rail:focus-visible{outline-offset:1px!important}
 .tnf-reading-tracker .tnf-reading-landmark{min-height:34px;padding:7px 9px}
}
@media(max-height:520px){.tnf-reading-tracker[data-reading-tracker]{gap:6px}.tnf-reading-tracker .tnf-reading-rail{height:126px;max-height:calc(100dvh - 170px)}}
@media(prefers-reduced-motion:reduce){.tnf-reading-tracker *,.tnf-reading-tracker *::before{transition:none!important;scroll-behavior:auto!important}}
@media print{.tnf-reading-tracker[data-reading-tracker]{display:none!important}[data-reading-content].tnf-reading-inline-gutter{padding-left:var(--reading-base-padding,0px)}}