.document-open{display:inline-block;margin:.5rem .6rem;padding:.5rem .9rem;background:#005680;border:0;border-radius:.45rem;color:#fff;font-family:inherit;font-size:1rem;font-weight:600;cursor:pointer}
.document-reader{box-sizing:border-box;width:min(1100px,96vw);height:94vh;height:94dvh;max-width:96vw;max-height:96vh;max-height:96dvh;padding:0;border:0;border-radius:12px;background:#f0f4f6;color:#172a36;overflow:hidden}
.document-reader[open]{display:flex;flex-direction:column}.document-reader::backdrop{background:rgba(5,24,39,.78)}.document-reader-open{overflow:hidden}
.document-reader header{display:flex;align-items:center;gap:1rem;padding:12px 18px;background:#005680;color:white}.document-reader h2{flex:1;margin:0;font-size:1.15rem;line-height:1.3}.document-reader [data-close]{font-size:28px;background:transparent;color:white;border:0;cursor:pointer;min-width:44px;min-height:44px}
.document-tools{display:flex;flex-wrap:wrap;align-items:center;gap:7px;padding:10px 14px;background:white}.document-tools button,.document-tools a{padding:7px 10px;border:1px solid #b6c9d3;border-radius:5px;background:white;color:#005680;font:inherit;cursor:pointer;min-height:40px}.document-tools a{margin-left:auto}.document-tools input{width:3.2rem;padding:7px 3px;border:1px solid #b6c9d3;border-radius:5px;color:#172a36}.document-tools button:disabled{opacity:.4;cursor:default}.document-tools label{white-space:nowrap}
.document-status{margin:0;padding:4px 14px;line-height:1.3}.document-status:empty{padding:0}.document-viewport{flex:1;overflow:auto;overflow-y:scroll;min-height:0;padding:12px;box-sizing:border-box;overscroll-behavior:contain}.document-viewport canvas{display:block;margin:auto;background:white;box-shadow:0 2px 12px #0002;max-width:none}
@media(max-width:600px){.document-reader{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;border-radius:0}.document-reader header{padding:8px 10px}.document-reader h2{font-size:1rem}.document-tools{padding:8px;gap:5px;font-size:.9rem}.document-tools a{margin-left:0}.document-tools button,.document-tools a{padding:5px 8px}}
.document-reader-inline{display:flex;flex-direction:column;position:static;width:100%;max-width:100%;height:auto;max-height:none;margin:1rem 0 2.5rem;border:1px solid #cbdbe3;border-radius:10px;isolation:isolate}
.document-reader-inline .document-viewport{flex:none;min-height:220px;max-height:75vh;max-height:75dvh;overscroll-behavior:auto}
.document-reader-inline .document-tools{font-size:1rem;line-height:1.4}
.document-reader-inline .document-tools a{font-size:1rem;text-decoration:none}
.document-reader-inline .document-tools input{font:inherit;box-sizing:content-box}
.document-reader-inline .document-viewport:focus-visible{outline:2px solid #005680;outline-offset:-2px}
@media(max-width:600px){.document-reader-inline .document-tools{font-size:.9rem}.document-reader-inline .document-tools a{font-size:.9rem}.document-reader-inline .document-viewport{min-height:180px}.document-reader-inline .document-tools button{min-width:40px}}