@media screen{
 #document-preview{width:min(1060px,96vw);max-width:96vw;max-height:94dvh;padding:0;background:#eaf0f2;color:#172e3a}
 .document-preview-toolbar{position:sticky;top:0;z-index:1;padding:1rem;background:white;border-bottom:1px solid #b9cbd1}
 .document-preview-toolbar h2{margin-bottom:.6rem}.document-preview-toolbar p{font-size:.85rem;margin:.7rem 0 0}
 .document-preview-body{padding:1rem;overflow-wrap:anywhere}
 .document-preview-body .print-page{background:white;max-width:210mm;margin:0 auto 1rem;padding:8mm;box-shadow:0 2px 10px #193c5120}
 .document-preview-body .print-head{border-bottom:2px solid #175777;padding-bottom:1rem;margin-bottom:1rem}
 .document-preview-body p{white-space:pre-wrap}
 .document-preview-body .print-table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:.85rem}
 .document-preview-body .print-table td,.document-preview-body .print-table th{border:1px solid #c6d1d5;padding:6px;text-align:left;vertical-align:top;overflow-wrap:anywhere}
 .document-preview-body .signature{margin-top:3rem;border-top:1px solid #777;padding-top:.5rem}
 .document-preview-body .attendance-table td{height:10mm}
 .document-preview-body img{max-width:100%}
 #document-preview>[role=status]{padding:0 1rem}
 @media(max-width:600px){.document-preview-body{padding:.5rem}.document-preview-body .print-page{padding:1rem}.document-preview-toolbar .actions{flex-wrap:wrap}.document-preview-body .protocol-signatures{gap:1rem;font-size:.85rem}}
}

.document-frame{display:block;width:100%;height:68dvh;border:0;background:#e9eff1}