/* Approved native layer timing: one authority for every stream and election. */
:root{--af-layer-duration:500ms;--af-reader-easing:cubic-bezier(.333333,0,.666667,1)}
#reader,.reader-layer{transition:transform var(--af-layer-duration) var(--af-reader-easing)}
.reader-layer{position:fixed;z-index:5;top:var(--layer-stop,22svh);height:calc(100dvh - var(--layer-stop,22svh));left:0;right:0;margin:auto;width:100%;max-width:560px;background:#fff;display:flex;flex-direction:column;overflow:hidden;transform:translate3d(0,100%,0)}
.reader-layer[hidden]{display:none}
.reader-layer.layer-open{transform:translate3d(0,0,0)}
.reader-layer--full-height{top:0;height:100dvh;z-index:7;padding-top:env(safe-area-inset-top)}
.layer-content{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:0 24px 0}
.reader-layer>.dock{flex:none;padding:var(--af-footer-top-space) 0 calc(var(--af-footer-bottom-space) + env(safe-area-inset-bottom))}
.reader-layer .front-page-pill{position:relative;display:inline-flex;align-items:center;justify-content:center;height:var(--af-pill-height);min-height:var(--af-pill-height);width:var(--af-footer-pill-width,112px);padding:0 10px;border:1px solid #a9abb0;border-radius:999px;background:transparent;box-shadow:none;color:#41444a;font:var(--af-pill-weight) var(--af-pill-size)/1.2 Roboto,Arial,sans-serif;white-space:nowrap}
.reader-layer .front-page-pill::before{content:"";position:absolute;inset:-8px 0 -6px;min-height:44px;border-radius:999px}
#reader .front-page-pill[data-companion]{width:auto;min-width:var(--af-footer-pill-width);padding-inline:18px}
@media(prefers-reduced-motion:reduce){#reader,.reader-layer{transition:none}}