.document-reader{margin:36px 0;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#eceee8}
.document-reader .document-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 20px;background:var(--paper);border-bottom:1px solid var(--line)}
.document-toolbar strong{display:block;font:600 16px var(--sans)}
.document-toolbar small{display:block;font:12px var(--sans);color:var(--muted);margin-top:4px}
.document-actions{display:flex;gap:8px;flex-wrap:wrap}
.document-actions button,.document-actions a{font:600 12px var(--sans);padding:11px 14px;border:1px solid var(--ink);border-radius:6px;white-space:nowrap;text-decoration:none;background:var(--ink);color:white;cursor:pointer}
.document-actions a{background:transparent;color:var(--ink)}
.document-reader iframe{display:block;width:100%;height:clamp(600px,82svh,1100px);border:0;background:white}
.document-reader.is-expanded{position:fixed;inset:0;z-index:9999;display:flex;flex-direction:column;width:100%;height:100dvh;margin:0;border:0;border-radius:0;background:white}
.document-reader.is-expanded iframe{flex:1;height:auto;min-height:0}
.document-reader.is-expanded .document-toolbar{flex-shrink:0}
.document-help{font:12px/1.6 var(--sans);color:var(--muted)}
@media(max-width:600px){.document-reader{margin:24px -12px;border-radius:8px}.document-reader .document-toolbar{align-items:flex-start;flex-direction:column;padding:14px}.document-actions{width:100%}.document-actions button,.document-actions a{flex:1;text-align:center;padding:12px 8px}.document-reader iframe{height:78svh;min-height:500px;max-height:850px}}