.article-reader{width:min(610px,calc(100% - 2rem));margin:.7rem auto 1.15rem;padding:.48rem .58rem;border:1px solid rgba(20,36,49,.16);border-radius:10px;background:rgba(255,255,255,.97);box-shadow:0 6px 20px rgba(20,36,49,.08);color:#142431;font:12px/1.25 Inter,Arial,sans-serif;transition:box-shadow .2s ease,transform .2s ease}.article-reader__top{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.article-reader__title{display:flex;align-items:center;gap:.38rem;font-weight:800;letter-spacing:.01em;white-space:nowrap}.article-reader__icon{display:grid;place-items:center;width:1.35rem;height:1.35rem;border-radius:50%;background:#173d4d;color:#fff;font-size:.55rem}.article-reader__controls{display:flex;align-items:center;gap:.28rem}.article-reader button,.article-reader select{min-height:29px;border:1px solid #b7c1c6;border-radius:7px;background:#fff;color:#142431;font:inherit}.article-reader button{padding:.28rem .48rem;cursor:pointer;font-weight:750}.article-reader button:hover,.article-reader button:focus-visible{border-color:#b77836;box-shadow:0 0 0 3px rgba(183,120,54,.16);outline:0}.article-reader__primary{background:#173d4d!important;border-color:#173d4d!important;color:#fff!important}.article-reader select{padding:.25rem 1.3rem .25rem .42rem;max-width:95px}.article-reader__progress{height:4px;margin-top:.38rem;overflow:hidden;border-radius:999px;background:#dfe5e8;cursor:pointer}.article-reader__bar{width:0;height:100%;background:#b77836;transition:width .15s linear;pointer-events:none}.article-reader__meta{display:flex;justify-content:space-between;gap:.7rem;margin-top:.22rem;color:#5a6870;font-size:.64rem}.article-reader[hidden]{display:none}.article-reader__progress:focus-visible{outline:3px solid rgba(183,120,54,.32);outline-offset:3px}
.article-reader.is-docked{position:fixed;z-index:4900;left:50%;bottom:max(8px,env(safe-area-inset-bottom));width:min(480px,calc(100% - 16px));margin:0;padding:.38rem .48rem;transform:translateX(-50%);border-color:rgba(180,138,75,.52);background:rgba(255,253,248,.97);box-shadow:0 12px 38px rgba(7,19,34,.25);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.article-reader.is-docked .article-reader__top{gap:.35rem}.article-reader.is-docked .article-reader__title>span:last-child{display:none}.article-reader.is-docked .article-reader__icon{width:1.2rem;height:1.2rem}.article-reader.is-docked .article-reader__progress{margin-top:.3rem}.article-reader.is-docked .article-reader__meta{margin-top:.16rem}.has-docked-article-reader{padding-bottom:64px}
@media(max-width:640px){.article-reader{width:calc(100% - 16px);padding:.45rem}.article-reader__title>span:last-child{display:none}.article-reader__top{flex-wrap:nowrap}.article-reader__controls{width:auto;margin-left:auto}.article-reader button{padding:.28rem .42rem}.article-reader select{width:76px;max-width:76px}.article-reader.is-docked{bottom:max(6px,env(safe-area-inset-bottom));width:calc(100% - 12px)}.article-reader.is-docked [data-reader-restart]{display:none}.article-reader.is-docked .article-reader__meta>[data-reader-status]{display:none}.has-docked-article-reader{padding-bottom:62px}}
@media(prefers-reduced-motion:reduce){.article-reader{transition:none}}