.reader-heading{display:flex;justify-content:space-between;align-items:center;gap:30px;padding-block:35px}.reader-heading h1{font-size:32px;letter-spacing:-1px;margin-top:8px}.reader-heading p:last-child{font-size:11px;color:var(--muted);margin-top:6px}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:13px max(32px,calc((100vw - 1320px)/2));background:#e4eaf0;border-block:1px solid #cdd8e2;position:sticky;top:91px;z-index:25;color:var(--ink)}.back{display:flex;gap:12px;align-items:center;font-size:12px;min-height:40px}.page-controls,.zoom-controls{display:flex;align-items:center;gap:10px}.toolbar button{display:grid;place-items:center;min-width:38px;min-height:38px;border:1px solid #b7c8d7;background:#fff;color:var(--ink);font-size:20px;cursor:pointer}.toolbar button:hover:enabled{border-color:#b17a1b;background:#fff7e8}.toolbar button:disabled{opacity:.35;cursor:default}.page-controls label{font-size:12px;color:var(--muted)}.page-controls select{min-height:38px;min-width:55px;border:1px solid #b7c8d7;background:#fff;color:var(--ink);padding:7px;font-size:14px}.total{font-size:12px;color:var(--muted)}#fit{font-size:12px;min-width:65px;padding:7px}#viewer{padding:24px;overflow:auto;max-height:calc(100dvh - 185px);min-height:300px;text-align:center;outline-offset:-5px;background:#cdd7e2}#page-image{display:block;width:min(100%,1448px);height:auto;max-height:calc(100dvh - 233px);object-fit:contain;margin-inline:auto;filter:drop-shadow(0 12px 18px #1b354630)}#viewer.zoomed #page-image{max-height:none;max-width:none;width:var(--zoom-width);margin-inline:auto}.reader-status{display:flex;justify-content:center;align-items:center;gap:20px;padding:12px 20px;color:var(--muted);font-size:11px;background:#e4eaf0}.reader-status p{color:var(--ink)}#image-error{max-width:480px;margin:30px auto;color:#713f00;line-height:1.6}.noscript{text-align:center;padding:20px;line-height:1.6}.noscript a{text-decoration:underline}
@media(max-width:760px){.reader-heading{padding-block:25px;gap:20px}.reader-heading h1{font-size:23px}.reader-heading .button{font-size:11px;padding:10px 12px;gap:15px;min-height:44px}.toolbar{top:110px;padding:10px 16px;gap:12px;flex-wrap:wrap}.back{font-size:10px;gap:7px}.page-controls{gap:7px}.page-controls label{display:none}.zoom-controls{gap:6px}.toolbar button{min-width:33px;min-height:36px}.toolbar #fit{min-width:52px;font-size:11px}.page-controls select{min-width:44px;min-height:36px;font-size:12px}.total{font-size:11px}#viewer{padding:12px;max-height:calc(100dvh - 210px);min-height:230px}#page-image{max-height:calc(100dvh - 234px)}.reader-status{padding:12px 16px;gap:12px;font-size:10px}}
@media(max-width:420px){.reader-heading{flex-wrap:wrap}.reader-heading>div{flex-basis:100%}.reader-heading .button{width:100%}.back{flex-basis:100%;min-height:22px}.toolbar{gap:9px}.zoom-controls{margin-left:auto}#viewer{max-height:calc(100dvh - 245px)}#page-image{max-height:calc(100dvh - 269px)}.reader-status span{max-width:230px;line-height:1.5}}