:root { color-scheme: light; font-family: system-ui, sans-serif; font-size: 14px; color: #24312e; background: #f1f0ec; }
* { box-sizing: border-box; }
html, body { width: 100%; height: 100%; margin: 0; overflow: hidden; }
main { position: relative; height: 100%; }
#viewerContainer { position: absolute; inset: 0; overflow: auto; overscroll-behavior: auto; -webkit-overflow-scrolling: touch; }
#viewer { min-width: 760px; }
.pdfViewer .page { margin: 0 auto 8px; border: 0; box-shadow: none; }
.pdfViewer .page:last-child { margin-bottom: 0; }
#status { position: absolute; z-index: 2; margin: 1rem; }
#error { position: relative; z-index: 2; margin: 0; padding: 1rem; color: #722b25; background: #fff3ed; border-radius: .5rem; }
#error a { color: inherit; text-underline-offset: 3px; }
a:focus-visible, #viewerContainer:focus-visible { outline: 3px solid #173f35; outline-offset: -3px; }
@media (prefers-reduced-motion: reduce) { * { scroll-behavior: auto !important; } }