/* Sole custom UX/UI exception, explicitly approved by the user on 2026-09-26. */
.ReadingArc{position:fixed;right:18px;top:50%;width:56px;height:56px;z-index:80;pointer-events:none;color:var(--green-500);transform:translateY(-50%)}
.ReadingArc svg{display:block;width:100%;height:100%}
/* The supplied mark is rendered once; its mask reveals the three existing arcs only. */
.ReadingArcTrack{opacity:.24}
.ReadingArc[data-complete=true] .ReadingArcTrack{opacity:1}
.ReadingArcFill{fill:none;stroke:#fff;stroke-width:44;stroke-linecap:butt;stroke-dasharray:100;stroke-dashoffset:100}
/* Below 1440px, the mark occupies the compact header's empty right slot. */
@media(width<1440px){.ReadingArc{right:14px;top:10px;width:36px;height:36px;transform:none;visibility:hidden}.ReadingArc.is-in-header{visibility:visible}}
@media(prefers-reduced-motion:reduce){.ReadingArcFill{transition:none}}