.rd-bar{position:fixed;inset:0 0 auto 0;height:4px;background:transparent;z-index:60;pointer-events:none}
.rd-fill{height:100%;background:var(--signal,#c8102e);transform:scaleX(0);transform-origin:left center}
[dir="rtl"] .rd-fill{transform-origin:right center}
.rd-chip{position:fixed;z-index:55;inset-inline:0;bottom:0;display:flex;gap:.7rem;align-items:center;padding:.5rem max(1rem,env(safe-area-inset-left));padding-bottom:calc(.5rem + env(safe-area-inset-bottom));background:var(--accent,#0b3ea8);color:#fff;border-top:3px solid var(--signal,#c8102e);font:700 .8rem var(--label,Arial,sans-serif)}
.rd-chip[hidden]{display:none}
.rd-chip-n{color:#ffd3da;font-variant-numeric:tabular-nums;flex:none}
.rd-chip-t{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rd-chip-b{flex:none;min-height:2.2rem;padding:.2rem .8rem;border:1px solid #fff;background:transparent;color:#fff;font:inherit;text-transform:uppercase;letter-spacing:.05em;cursor:pointer}
.rd-chip-b:hover,.rd-chip-b:focus-visible{background:#fff;color:var(--accent,#0b3ea8)}
.rd-chip-b:focus-visible,.rd-copy:focus-visible,.rd-anchor:focus-visible,.rd-go:focus-visible,.rd-no:focus-visible{outline:3px solid #ffbf47;outline-offset:2px}
.article-toc a[aria-current]{color:var(--signal,#c8102e);font-weight:700;text-decoration:underline}
.rd-code{position:relative}
.rd-copy{position:absolute;top:.45rem;inset-inline-end:.45rem;min-height:2rem;padding:.15rem .7rem;border:1px solid #9fb2d6;background:#152238;color:#f2f4f7;font:700 .72rem var(--label,Arial,sans-serif);text-transform:uppercase;letter-spacing:.05em;cursor:pointer;opacity:0;transition:opacity .15s}
.rd-code:hover .rd-copy,.rd-code:focus-within .rd-copy,.rd-copy:focus{opacity:1}
.rd-copy.ok{background:#0a7a3d;border-color:#0a7a3d;color:#fff}
@media(hover:none){.rd-copy{opacity:1}}
.rd-anchor{margin-inline-start:.5rem;padding:0 .35rem;border:0;background:transparent;color:var(--accent,#0b3ea8);font:inherit;font-size:.8em;cursor:pointer;opacity:0;min-width:1.6rem;min-height:1.6rem}
h2:hover>.rd-anchor,.rd-anchor:focus{opacity:1}
.rd-anchor.ok{color:#0a7a3d;opacity:1;font-size:.6em;text-transform:uppercase}
@media(hover:none){.rd-anchor{opacity:.5}}
.rd-resume{position:fixed;z-index:56;inset-inline:1rem;bottom:1rem;max-width:30rem;margin-inline:auto;display:flex;gap:.6rem;align-items:center;padding:.65rem .8rem;background:#fff;color:var(--ink,#10131a);border:2px solid var(--accent,#0b3ea8);border-bottom-width:4px;box-shadow:0 6px 18px rgba(0,0,0,.18);font:700 .85rem var(--label,Arial,sans-serif)}
.rd-resume span{flex:1}
.rd-go{min-height:2.2rem;padding:.2rem .9rem;border:0;background:var(--accent,#0b3ea8);color:#fff;font:inherit;text-transform:uppercase;letter-spacing:.05em;cursor:pointer}
.rd-no{min-width:2.2rem;min-height:2.2rem;border:1px solid var(--line,#c9d1df);background:#fff;color:var(--ink,#10131a);font:inherit;font-size:1.1rem;cursor:pointer}
.article-copy h2[id]{scroll-margin-top:1.5rem}
@media print{.rd-bar,.rd-chip,.rd-resume,.rd-copy,.rd-anchor{display:none!important}}