.reader-nav{border-top:1px solid var(--line);padding:14px 24px;display:flex;justify-content:space-between;gap:12px;background:#0d0c19}.reader-nav button{border:1px solid var(--line);background:transparent;color:var(--muted);padding:9px 14px;cursor:pointer;font:600 .76rem 'Chakra Petch'}.reader-nav button:hover:not(:disabled){border-color:var(--cyan);color:var(--ink)}.reader-nav button.next{border-color:#6b59b2;color:var(--ink);background:#211a3f}.reader-nav button:disabled{opacity:.3;cursor:not-allowed}

dialog#reader:not([open]){display:none}
dialog#reader[open]{display:flex;position:fixed;inset:0;margin:auto;flex-direction:column;max-height:88vh;overflow:hidden}
dialog#reader .reader-progress{flex:0 0 auto;min-height:70px;padding-right:100px}
dialog#reader .reader-close{z-index:2;width:44px;height:44px;right:20px;top:13px;border:1px solid var(--line);border-radius:8px;background:#17152a;color:var(--ink);font:400 1.8rem/1 sans-serif}
dialog#reader .reader-close:hover{border-color:var(--cyan);color:var(--cyan);background:#211d3d}
dialog#reader .reader-close:focus{outline:none}
dialog#reader .reader-close:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}
dialog#reader #reader-content{flex:1 1 auto;min-height:0;max-height:none;overflow-y:auto}
dialog#reader .reader-nav{flex:0 0 auto;position:relative;z-index:3}

@media (max-width:520px){dialog#reader .reader-progress{padding-left:22px;padding-right:78px}.reader-nav{padding:12px 16px}.reader-nav button{padding:9px 10px;font-size:.68rem}}

dialog#doc-viewer:not([open]){display:none}dialog#doc-viewer[open]{display:flex;position:fixed;inset:0;margin:auto;flex-direction:column;width:min(760px,92vw);height:min(88vh,900px);max-height:88vh;padding:0;background:#100f20;color:var(--ink);border:1px solid #54508e;box-shadow:0 20px 100px #000;overflow:hidden}dialog#doc-viewer::backdrop{background:#05050ddd;backdrop-filter:blur(6px)}dialog#doc-viewer .reader-progress{flex:0 0 auto;padding-right:100px}#doc-content{flex:1 1 auto;min-height:0;padding:32px 45px 50px;overflow-y:auto}#doc-content h1,#doc-content h2,#doc-content h3{color:var(--gold);line-height:1.4}#doc-content h1{font-size:2.2rem}#doc-content h2{font-size:1.6rem}#doc-content p{color:#d3d0e4}#doc-content blockquote{border-left:2px solid var(--violet);padding-left:18px;color:var(--muted);font-style:italic}@media (max-width:520px){#doc-content{padding:24px 22px 35px}}
dialog#doc-viewer .reader-close{position:absolute;z-index:2;width:44px;height:44px;right:20px;top:13px;border:1px solid var(--line);border-radius:8px;background:#17152a;color:var(--ink);font:400 1.8rem/1 sans-serif;cursor:pointer}dialog#doc-viewer .reader-close:hover{border-color:var(--cyan);color:var(--cyan)}