/* Primary-source reader: use the archive's shared surfaces and typography. */
#detail-panel.document-reader-open{width:540px;max-width:calc(100vw - 48px);background:var(--surface);color:var(--surface-ink)}
.document-reader{font-family:Inter,sans-serif;color:var(--surface-ink);min-width:0}
.document-reader h2{font-family:Inter,sans-serif;font-size:23px;line-height:1.3;letter-spacing:-.4px;overflow-wrap:anywhere}
.document-reader .reader-edition,.document-reader .reader-attribution,.document-reader .reader-status,.document-reader .reader-availability{font-size:12px;line-height:1.65;color:var(--surface-muted);margin:0 0 14px}
.document-reader .reader-availability{font-size:14px;color:var(--surface-ink)}
.reader-sources{display:flex;flex-wrap:wrap;gap:10px 18px;margin:0 0 20px}
.reader-source-link{display:inline-flex;align-items:center;gap:5px;color:var(--surface-ink);font-size:12px;line-height:1.5;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
.reader-source-link span{display:inline-flex}.reader-source-link svg{width:13px;height:13px;flex:none}
.reader-tabs{display:flex;gap:24px;margin:0 0 20px;border-bottom:1px solid var(--surface-line)}
.reader-tabs .reader-button{border:0;border-bottom:2px solid transparent;border-radius:0;background:none;padding:10px 0;color:var(--surface-muted)}
.reader-tabs .reader-button[aria-selected=true]{color:var(--surface-ink);border-bottom-color:var(--surface-ink)}
.reader-section-select{margin:0 0 22px;min-width:0}.reader-control-label{display:block;margin-bottom:7px;font-size:12px;color:var(--surface-muted)}
#reader-section-dropdown .dropdown-trigger{width:100%;height:auto;min-height:38px;padding:9px 11px;color:var(--surface-ink);border:1px solid var(--surface-line);background:var(--surface);font-family:Inter,sans-serif;font-size:13px;text-align:left;line-height:1.4}
#reader-section-dropdown .dropdown-trigger>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.document-reader .reader-section-heading{font-family:Inter,sans-serif;font-size:16px;font-weight:550;line-height:1.5;color:var(--surface-ink);margin:0 0 18px}
.document-reader .reader-prose p{font-family:Inter,sans-serif;font-size:15px;line-height:1.75;font-weight:400;color:var(--surface-ink);margin:0 0 19px;overflow-wrap:anywhere;white-space:pre-line}
.reader-pagination{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:22px 0;padding:14px 0;border-top:1px solid var(--surface-line);border-bottom:1px solid var(--surface-line)}
.reader-button{display:inline-flex;align-items:center;justify-content:center;gap:5px;background:none;border:1px solid var(--surface-line);color:var(--surface-ink);border-radius:5px;padding:7px 9px;font-family:Inter,sans-serif;font-size:12px;line-height:1.5;cursor:pointer;min-height:35px}
.reader-button span{display:inline-flex}.reader-button svg{height:15px;width:15px}.reader-button:hover:not(:disabled){background:var(--surface-hover)}.reader-button:disabled{opacity:.4;cursor:default}
.reader-button:focus-visible,.reader-source-link:focus-visible{outline:2px solid var(--focus-ring,var(--surface-ink));outline-offset:3px}
.reader-page-label{font-size:11px;line-height:1.5;color:var(--surface-muted);text-align:center;font-variant-numeric:tabular-nums}
.reader-scan{margin:0 0 20px}.reader-scan img{display:block;width:100%;height:auto;max-width:100%;background:var(--surface-hover)}
.document-reader .reader-scan figcaption{margin-top:12px;color:var(--surface-muted);font-size:12px;line-height:1.65}.document-reader .reader-scan figcaption p{font-size:12px;line-height:1.65;color:var(--surface-muted);margin:0 0 8px}.reader-scan .reader-image-rights{margin-top:10px!important}
.document-reader .reader-attribution{border-top:1px solid var(--surface-line);padding-top:15px;margin:22px 0 0}
@media(max-width:700px){#detail-panel.document-reader-open{max-width:none;min-width:0}.document-reader h2{font-size:21px}.document-reader .reader-prose p{font-size:15px;line-height:1.75}.reader-button{min-height:40px}.reader-pagination{gap:7px}.reader-page-label{font-size:10px}.reader-view{scroll-margin-top:70px}}
@media(prefers-reduced-motion:reduce){.document-reader *{scroll-behavior:auto!important}}
.reader-provenance{margin-top:20px;border-top:1px solid var(--surface-line);font-size:13px;color:var(--surface-muted)}
.reader-provenance summary{padding:14px 0;cursor:pointer}
.reader-provenance .reader-attribution{border:0;padding:0;margin:12px 0 0}
.reader-provenance .reader-sources{margin:12px 0}
.scan-compare-dialog{width:min(1120px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 32px);padding:0;border:1px solid var(--surface-line);border-radius:18px;background:var(--surface);color:var(--surface-ink);box-shadow:0 12px 50px #00000024}.scan-compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:18px;min-width:0}.scan-compare-column{min-width:0}.scan-compare-date{margin-bottom:12px;max-width:210px}.scan-compare-viewport{height:min(60dvh,600px);overflow:auto;border:1px solid var(--surface-line);border-radius:9px;background:var(--surface-hover);overscroll-behavior:contain}.scan-compare-viewport img{display:block;width:1400px;max-width:none;height:auto}.scan-compare-column>a{margin-top:10px}.scan-compare-dialog .reader-source-link{font-size:13px}.scan-compare-dialog .panel-heading{position:sticky;top:0;background:var(--surface);z-index:1}@media(max-width:700px){.scan-compare-grid{grid-template-columns:1fr;gap:20px;padding:14px}.scan-compare-viewport{height:30dvh}.scan-compare-dialog .panel-heading h2{font-size:16px}}
.scan-compare-viewport img{width:100%;max-width:100%}.scan-compare-zoomed .scan-compare-viewport{cursor:grab}.scan-compare-zoomed .scan-compare-viewport:active{cursor:grabbing}.scan-compare-zoomed .scan-compare-viewport img{width:1400px;max-width:none}.scan-compare-dialog .panel-heading>.reader-button{margin-left:auto;margin-right:12px;box-shadow:0 1px 2px #0000000c;border-radius:8px}
