.document-site .document-preview-action{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 26px;margin:18px 0 26px;border:1px solid #d4e5e9;border-radius:18px;background:#f5fafb}
.document-site .document-preview-action strong{font-size:17px;color:#12364b}
.document-site .document-preview-action p{margin:5px 0 0;color:#567181;font-size:14px;line-height:1.6}
.document-site .document-preview-action button{display:inline-flex;align-items:center;justify-content:center;gap:9px;flex-shrink:0;min-height:48px;padding:12px 22px;border:1px solid #11788a;border-radius:12px;background:#fff;color:#0d6173;font:inherit;font-weight:700;cursor:pointer}
.document-site .document-preview-action button:hover{background:#e7f4f6}
.document-preview-dialog:not([open]){display:none}
.document-site .document-preview-dialog{position:fixed;inset:0;width:min(1000px,calc(100% - 28px));height:min(880px,calc(100dvh - 32px));max-width:none;max-height:calc(100dvh - 32px);margin:auto;padding:0;border:1px solid #cddfe4;border-radius:20px;background:#fff;color:#15384c;box-shadow:0 24px 80px #082f4966;overflow:hidden}
.document-site .document-preview-dialog[open]{display:flex;flex-direction:column}
.document-preview-dialog::backdrop{background:#082f49b8}
.document-site .document-preview-dialog>header{display:flex;align-items:center;gap:18px;justify-content:space-between;padding:18px 22px;border-bottom:1px solid #deeaee}
.document-preview-dialog>header>div{min-width:0}
.document-preview-dialog>header span{font-size:11px;font-weight:800;letter-spacing:.1em;color:#127386}
.document-site .document-preview-dialog h2{margin:5px 0 0;font-size:19px;line-height:1.4;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.document-preview-dialog [data-preview-close]{width:44px;height:44px;flex:0 0 44px;border:0;border-radius:50%;background:#edf4f5;font-size:24px;color:#315b6c;cursor:pointer}
.document-site .document-preview-dialog>p{margin:0;padding:10px 22px;color:#567181;font-size:13px;line-height:1.6}
.document-preview-frame{flex:1;min-height:0;background:#eef2f5}
.document-preview-frame iframe{display:block;width:100%;height:100%;border:0}
@media(max-width:600px){.document-site .document-preview-action{align-items:stretch;flex-direction:column;padding:20px;gap:14px}.document-site .document-preview-dialog>header{padding:14px}.document-site .document-preview-dialog h2{font-size:16px}.document-site .document-preview-dialog>p{padding:10px 14px}}