.reader-page{display:flex;flex-direction:column;min-height:100vh}.reader-header{display:flex;align-items:center;gap:30px;padding:25px 36px;border-bottom:1px solid var(--line)}.reader-back{font-size:12px;white-space:nowrap;color:#66715d}.reader-back:hover{text-decoration:underline;text-underline-offset:4px}.reader-title{flex:1;min-width:0}.reader-title .eyebrow{font-size:9px;margin-bottom:5px}.reader-title h1{font-family:Georgia,serif;font-size:25px;line-height:1.3;font-weight:400;letter-spacing:-.4px;margin:0}.reader-title>p:last-child{font-size:10px;color:var(--muted);margin:8px 0 0}.reader-actions{display:flex;align-items:center;gap:9px}.reader-nav{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 36px;font-size:11px;color:#66715d;border-bottom:1px solid var(--line)}.reader-nav>a:hover{text-decoration:underline;text-underline-offset:4px}.reader-nav>span{margin:auto;color:var(--muted);font-variant-numeric:tabular-nums}.reader-status{text-align:center;padding:55px 24px;color:var(--muted);font-size:13px;line-height:1.7}.reader-status progress{display:block;max-width:240px;width:80%;height:5px;margin:20px auto;accent-color:#66715d}.reader-frame{border:0;width:100%;flex:1;height:calc(100vh - 174px);min-height:550px;background:#f5f5f2}@media(max-width:760px){.reader-header{padding:22px;gap:18px;flex-wrap:wrap}.reader-back{width:100%}.reader-title h1{font-size:22px}.reader-actions{flex-wrap:wrap}.reader-nav{padding:14px 22px;gap:10px;font-size:10px}.reader-frame{height:calc(100vh - 240px);min-height:500px}}@media(max-width:480px){.reader-title{flex-basis:100%}.reader-actions{width:100%}.reader-actions .button{flex:1}}
#pdf-reader{background:#f5f5f2;flex:1}.pdf-toolbar{display:flex;align-items:center;justify-content:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--line);background:white;font-size:11px;color:#66715d;position:sticky;top:0;z-index:1}.pdf-toolbar .button{padding:5px 10px}.pdf-toolbar button:disabled{opacity:.35}.pdf-toolbar input{width:49px;padding:5px;border:1px solid #dedfd8;border-radius:4px;text-align:center;color:var(--ink);font:inherit}.pdf-toolbar select{font:inherit;padding:6px;border:1px solid #dedfd8;border-radius:4px;background:white;color:var(--ink);margin-left:12px}.pdf-surface{padding:20px 16px 35px;overflow:auto;max-width:100vw;min-height:70vh}.pdf-surface canvas{display:block;background:white;margin:0 auto;box-shadow:0 2px 12px #0000000c}@media(max-width:480px){.pdf-toolbar{gap:6px;font-size:10px}.pdf-toolbar select{margin-left:4px}.pdf-surface{padding-top:16px}}

/* A continuous zoom control, with a separate option to fit the page. */
.pdf-toolbar .zoom-controls{display:flex;align-items:center;gap:8px;margin-left:12px;white-space:nowrap}.pdf-toolbar .zoom-controls input[type=range]{width:120px;padding:0;border:0;accent-color:#66715d;cursor:pointer}.pdf-toolbar .zoom-controls output{min-width:32px;text-align:right;font-variant-numeric:tabular-nums}.pdf-toolbar .zoom-controls button[aria-pressed=true]{background:#f1f2ee}@media(max-width:480px){.pdf-toolbar{flex-wrap:wrap}.pdf-toolbar .zoom-controls{gap:6px;margin-left:2px}.pdf-toolbar .zoom-controls input[type=range]{width:80px}}