/* The reader is loaded only when a document is opened. */
.document-viewer{position:fixed;inset:0;width:calc(100% - 48px);max-width:1320px;height:calc(100vh - 48px);height:calc(100dvh - 48px);max-height:none;margin:auto;padding:0;border:1px solid var(--rule);background:var(--milk);color:var(--olive);box-shadow:0 18px 80px #0004;overflow:hidden}
.document-viewer[open]{display:flex;flex-direction:column}
.document-viewer::backdrop{background:#25251cd9}
.document-viewer-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 24px;border-bottom:1px solid var(--rule);flex-shrink:0}
.document-viewer-heading{min-width:0}
.document-viewer-heading h2{margin:0;font:400 1.4rem/1.25 var(--serif);letter-spacing:-.02em}
.document-viewer-heading p{margin:4px 0 0;font:400 .8125rem/1.3 var(--sans);color:var(--stone)}
.document-viewer-close{display:flex;align-items:center;gap:12px;flex-shrink:0;min-height:44px;padding:4px 0 4px 12px;border:0;background:transparent;color:inherit;font:400 .9375rem/1 var(--sans);cursor:pointer}
.document-viewer-close span{font-size:1.75rem}
.document-viewer-content{flex:1;min-height:0;background:#e9e8e1}
.document-viewer-content iframe{display:block;width:100%;height:100%;border:0}
.document-viewer-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-shrink:0;padding:0 24px;border-top:1px solid var(--rule);font:400 .875rem/1.3 var(--sans)}
.document-viewer-footer a{display:flex;align-items:center;gap:12px;min-height:44px;color:var(--olive)}
.document-viewer-footer a:hover{text-decoration:underline;text-underline-offset:4px}
.document-viewer button:focus-visible,.document-viewer a:focus-visible{outline:2px solid var(--olive);outline-offset:3px}
@media(max-width:760px){
 .document-viewer{width:100%;max-width:none;height:100vh;height:100dvh;border:0}
 .document-viewer-header{gap:12px;padding:calc(12px + env(safe-area-inset-top)) 16px 12px}
 .document-viewer-heading h2{font-size:1.125rem;line-height:1.25}
 .document-viewer-close{font-size:.875rem;gap:8px}
 .document-viewer-footer{padding:0 16px env(safe-area-inset-bottom)}
}