.reading-progress{background:#171d22;border:1px solid #ffffff17;border-radius:8px;grid-template-columns:240px minmax(0,1fr);display:grid;overflow:hidden}.reading-progress__meta{color:#f2f2f2a3;letter-spacing:.08em;text-transform:uppercase;flex-wrap:wrap;gap:.5rem .85rem;font-size:.78rem;font-weight:800;line-height:1.5;display:flex}.reading-progress__meta span+span:before{content:"/";color:#f2f2f252;margin-right:.85rem}.reading-progress__toc{background:#20272d;border-right:1px solid #ffffff17;flex-direction:column;gap:.4rem;padding:1rem;display:flex}.reading-progress__toc p{color:#ffcf7a;letter-spacing:.16em;text-transform:uppercase;margin:0 0 .35rem;font-size:.76rem;font-weight:900}.reading-progress__toc a,.reading-progress__toc button{color:#f2f2f2c2;font:inherit;text-align:left;border-radius:6px;min-height:2.5rem;padding:.6rem .7rem;font-weight:800;text-decoration:none}.reading-progress__toc a{border:1px solid #0000}.reading-progress__toc a:hover,.reading-progress__toc a:focus-visible,.reading-progress__toc a.is-active{color:#a8f0df;background:#8bd9c71f;border-color:#8bd9c747}.reading-progress__toc button{color:#f8fbff;cursor:pointer;text-align:center;background:linear-gradient(#ffffff1f,#fff0),#123743;border:1px solid #a8f0df80;justify-content:center;align-items:center;gap:.45rem;margin-top:auto;transition:background-color .18s,border-color .18s,box-shadow .18s,color .18s,transform .18s;display:inline-flex;box-shadow:0 10px 20px #0000002e,inset 0 1px #ffffff1f}.reading-progress__toc button:hover,.reading-progress__toc button:focus-visible{color:#10201f;background:linear-gradient(#ffffff47,#fff0),#a8f0df;border-color:#d6fff4;transform:translateY(-1px);box-shadow:0 14px 28px #0000003d,0 0 0 1px #a8f0df2e,inset 0 1px #ffffff75}.reading-progress__toc button:active{transform:translateY(0)}.reading-progress__content{scroll-behavior:smooth;max-height:520px;position:relative;overflow:auto}.reading-progress__bar{z-index:2;background:#ffffff14;height:.35rem;position:sticky;top:0;left:0;right:0}.reading-progress__bar span{transform-origin:0;background:linear-gradient(90deg,#8bd9c7,#7ec8ff,#ffcf7a);height:100%;transition:transform .12s;display:block;transform:scaleX(0)}.reading-progress__content section{gap:.7rem;min-height:360px;padding:clamp(1.2rem,3vw,2rem);display:grid}.reading-progress__content section+section{border-top:1px solid #ffffff14}.reading-progress__eyebrow{color:#8bd9c7;letter-spacing:.16em;text-transform:uppercase;margin:0;font-size:.74rem;font-weight:900}.reading-progress__content h4{color:var(--text-color);margin:0;font-size:clamp(1.35rem,3vw,2rem);line-height:1.15}.reading-progress__content p{color:#f2f2f2bd;max-width:68ch;margin:0;line-height:1.72}.reading-progress__toc a:focus-visible,.reading-progress__toc button:focus-visible,.reading-progress__content:focus-visible{outline-offset:3px;outline:2px solid #8bd9c7}@media (width<=820px){.reading-progress{grid-template-columns:1fr}.reading-progress__toc{border-bottom:1px solid #ffffff17;border-right:0}.reading-progress__toc button{margin-top:.5rem}}