.article-progress[hidden]{display:none}
.article-progress{--reading-badge-size:56px;position:sticky;top:var(--reading-header-height,86px);z-index:19;background:#fff;border-bottom:1px solid var(--line);color:var(--navy)}
.article-progress-status{position:relative;display:flex;align-items:center;gap:12px;min-height:calc(var(--reading-badge-size) + 15px);padding-top:6px;padding-bottom:9px;font-size:12px;line-height:20px;letter-spacing:0}
.article-progress-status [data-reading-percent]{position:absolute;top:6px;left:var(--reading-badge-center,calc(100% - var(--reading-badge-size)/2));transform:translateX(-50%);display:grid;place-items:center;width:var(--reading-badge-size);height:var(--reading-badge-size);border:1px solid #b2dcef;border-radius:50%;background:#e4f5fd;color:var(--navy);font-size:18px;line-height:1;font-variant-numeric:tabular-nums;font-weight:750;white-space:nowrap;text-align:center;box-shadow:0 2px 7px #122c6214}
.article-progress-track{position:absolute;bottom:0;left:0;width:100%;height:3px;background:#e8eefb;overflow:hidden}
.article-progress-fill{display:block;width:100%;height:100%;background:var(--blue);transform:scaleX(0);transform-origin:left center}
html{scroll-padding-top:calc(var(--reading-header-height,86px) + var(--reading-indicator-height,72px) + 16px)}
.article-layout aside{top:calc(var(--reading-header-height,86px) + var(--reading-indicator-height,72px) + 16px)}
@media(max-width:600px){.article-progress{--reading-badge-size:48px}.article-progress-status [data-reading-percent]{font-size:15px}}
@media(forced-colors:active){.article-progress{border-bottom-color:CanvasText}.article-progress-status [data-reading-percent]{border:2px solid CanvasText;background:Canvas;color:CanvasText;box-shadow:none}.article-progress-track{border-bottom:1px solid CanvasText}.article-progress-fill{background:Highlight}}

.article-progress[data-reading-suspended]{visibility:hidden}