/* L'anneau de lecture. Meme glyphe que l'accueil, meme discretion. */
.orbite-lecture{
  position:fixed;right:clamp(1rem,3vw,2.2rem);bottom:clamp(1rem,3vw,2.2rem);
  width:40px;height:40px;z-index:40;
  opacity:0;transform:translateY(8px);
  transition:opacity .3s ease,transform .3s ease;
  pointer-events:none;
}
.orbite-lecture.visible{opacity:1;transform:none}
.orbite-lecture svg{width:40px;height:40px;transform:rotate(-90deg);display:block}
.orbite-lecture .piste{fill:var(--paper,#fff);stroke:var(--line-strong,#D8DAE1);stroke-width:2}
.orbite-lecture .parcourue{
  fill:none;stroke:var(--accent,#2B3FE0);stroke-width:2;stroke-linecap:round;
  transition:stroke-dashoffset .12s linear;
}
.orbite-lecture .pct{
  position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
  font-family:"SF Mono",SFMono-Regular,Menlo,monospace;font-size:.62rem;
  color:var(--ink-mute,#6C7280);
}
.orbite-lecture.fini .parcourue{stroke:var(--ok,#3F6B45)}
.orbite-lecture.fini .pct{color:var(--ok,#3F6B45)}
@media (prefers-reduced-motion:reduce){
  .orbite-lecture,.orbite-lecture .parcourue{transition:none}
}