.reader-page{--display:Oswald,"Arial Narrow","Segoe UI",sans-serif;background:#fcf8f1}
.reader-header{background:white;border-bottom:1px solid var(--line)}
.reader-header-inner{min-height:84px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.reader-header .brand-image{width:210px}.reader-back-arrow{transform:rotate(180deg)}
.reader-main{padding-bottom:48px}.reader-heading{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-block:28px 24px}
.reader-heading>div{min-width:0}.reader-heading .eyebrow{margin-bottom:9px}.reader-heading h1{font-size:clamp(27px,3.1vw,42px);line-height:1.16;letter-spacing:-.015em;max-width:45ch;overflow-wrap:anywhere}
.reader-meta{color:var(--muted);font-size:13px;line-height:1.6;margin:10px 0 0}.reader-facets{width:64px;height:64px;flex-shrink:0}
.reader-panel{border:1px solid #cbd2da;border-radius:18px;background:white;overflow:clip}
.reader-toolbar{position:sticky;top:0;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px;background:white;border-bottom:1px solid var(--line)}
.reader-navigation{display:flex;align-items:center;gap:10px}.reader-control{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:44px;min-height:44px;border:1px solid #9eacbc;border-radius:9px;background:white;color:var(--ink);font-size:13px;font-weight:600;line-height:1.3;padding:10px 12px;cursor:pointer}
.reader-control:hover:not(:disabled){background:var(--sky);border-color:var(--blue)}.reader-control:disabled{opacity:.46;cursor:default}.reader-control .icon{width:17px;height:17px}
.reader-page-form{display:flex;align-items:center;gap:7px;font-size:13px;white-space:nowrap}.reader-page-form label{font-weight:600}.reader-page-form input{font:inherit;width:60px;min-height:44px;padding:9px 5px 9px 8px;border:1px solid #9eacbc;border-radius:9px;color:var(--ink);background:white}
.reader-page-form input:disabled,.reader-zoom select:disabled{opacity:.5}.reader-page-go{padding-inline:10px}
.reader-zoom{display:flex;align-items:center;gap:8px;font-size:13px}.reader-zoom label{font-weight:600}.reader-zoom select{font:inherit;color:var(--ink);min-height:44px;padding:10px 28px 10px 10px;border:1px solid #9eacbc;border-radius:9px;background:white;max-width:130px}
.reader-download{min-height:44px;padding:10px 13px;gap:7px;font-size:13px;white-space:nowrap}.reader-download .icon{width:18px;height:18px}.reader-download:hover{transform:none}
.reader-page input:focus-visible,.reader-page select:focus-visible,.reader-page summary:focus-visible,.reader-stage:focus-visible,.reader-text:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
.reader-status-row{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:48px;padding:10px 19px;background:#f0f5fa;border-bottom:1px solid var(--line)}
#reader-status{margin:0;font-size:13px;line-height:1.5;color:var(--muted)}.reader-status-row:has(.reader-error){background:#fff0e9}.reader-status-row #reader-status.reader-error{color:#8c3620}
.reader-stage{overflow:auto;padding:20px;background:#e8edf1;max-width:100%;min-height:250px;scroll-behavior:auto}.reader-stage[aria-busy="true"] canvas{opacity:.35}
.reader-canvas-host{width:max-content;min-width:100%;display:flex;justify-content:center}.reader-canvas-host canvas{display:block;max-width:none;flex-shrink:0;background:white;box-shadow:0 2px 9px #19304a26}
.reader-empty{display:flex;align-items:center;flex-direction:column;gap:12px;text-align:center;padding:28px 20px 42px}.reader-empty img{width:108px;height:108px;object-fit:contain}.reader-empty p{font-size:16px;line-height:1.7;margin:0;max-width:42ch;color:var(--muted)}
.reader-notes{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:5px 20px;padding-block:10px 12px;color:var(--muted);font-size:12px;line-height:1.7}.reader-notes p{margin:0}
.reader-text-details{border:1px solid #cbd2da;border-radius:12px;background:white}.reader-text-details summary{padding:16px 19px;min-height:50px;color:var(--blue);font-size:14px;font-weight:650;cursor:pointer}.reader-text-details summary span{font-weight:400;font-size:12px;color:var(--muted);margin-left:8px}
.reader-text-note{margin:0 19px 12px;color:var(--muted);font-size:12px;line-height:1.7}.reader-text{margin:0 19px 19px;padding:15px 17px;border-radius:8px;background:#fcf8f1;white-space:pre-wrap;overflow-wrap:anywhere;max-height:60vh;overflow:auto;font-size:15px;line-height:1.8}
.reader-noscript{padding:18px;background:white;line-height:1.8;border:1px solid var(--line);border-radius:12px}.reader-noscript a{text-decoration:underline;color:var(--blue)}
@media(max-width:1100px){.reader-toolbar{flex-wrap:wrap}.reader-download{margin-left:auto}.reader-navigation{flex:1 1 auto}.reader-facets{width:52px;height:52px}}
@media(max-width:780px){.reader-header-inner{min-height:74px}.reader-header .brand-image{width:178px}.reader-heading{padding-block:22px 20px}.reader-toolbar{gap:10px;padding:12px}.reader-navigation{flex-basis:100%;justify-content:space-between;gap:8px}.reader-zoom{gap:10px}.reader-stage{padding:12px}.reader-status-row{padding-inline:13px}.reader-facets{width:42px;height:42px}.reader-header .text-link{font-size:13px;gap:6px}.reader-header .text-link .icon{width:16px;height:16px}}
@media(max-width:480px){.reader-header-inner{gap:10px}.reader-header .brand-image{width:156px}.reader-header .text-link{font-size:12px;gap:5px}.reader-header .text-link .icon{width:14px;height:14px}.reader-facets{display:none}.reader-heading h1{font-size:30px}.reader-toolbar{padding:10px}.reader-control{font-size:12px;padding-inline:8px;gap:5px}.reader-previous,.reader-next{gap:4px}.reader-navigation>button .icon{display:none}.reader-page-form{gap:4px;font-size:12px}.reader-page-form input{width:48px;padding-left:5px}.reader-page-go{padding-inline:7px}.reader-zoom,.reader-download{font-size:12px}.reader-panel{border-radius:12px}.reader-stage{padding:8px}.reader-notes{padding-inline:2px}.reader-text-details summary{padding-inline:13px}.reader-text-note{margin-inline:13px}.reader-text{margin-inline:13px;padding:12px}}
@media(max-width:360px){.reader-header .brand-image{width:142px}.reader-header .text-link{font-size:11px}.reader-header .text-link .icon{display:none}.reader-heading h1{font-size:27px}.reader-page-form label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.reader-navigation{gap:5px}.reader-page-form{gap:3px}.reader-control{padding-inline:7px}.reader-download{padding-inline:9px}.reader-zoom select{max-width:106px}}
