.document-preview { background: white; color: #111; padding: 2rem; border: 1px solid #777; margin: 2rem 0; font-family: Arial, sans-serif; font-size: 14px; overflow-wrap: anywhere; }
.document-preview h2 { font-size: 26px; margin: 0 0 .4rem; }
.document-preview h3 { font-size: 17px; border-bottom: 1px solid #777; padding-bottom: .3rem; margin-top: 1.5rem; }
.document-preview h4 { margin-bottom: .2rem; }
.document-preview p { margin: .4rem 0; white-space: pre-wrap; }
.document-preview ul { padding-left: 1.3rem; }
.document-preview table { width: 100%; border-collapse: collapse; }
.document-preview td, .document-preview th { text-align: left; border-bottom: 1px solid #ddd; padding: .45rem; overflow-wrap: anywhere; }
.document-preview .amount { text-align: right; }
.entry { border: 1px solid #777; padding: 1rem; margin: 1rem 0; }
@page { size: auto; margin: 16mm; }
@media print {
    body { margin: 0; }
    header, nav, footer, .skip-link, .editor-only, .tool-help, noscript { display: none !important; }
    .content { max-width: none; padding: 0; margin: 0; }
    .document-preview { border: 0; margin: 0; padding: 0; }
    .document-preview h3, .document-preview h4 { break-after: avoid; }
    .document-preview li, .document-preview tr { break-inside: avoid; }
    .document-preview thead { display: table-header-group; }
}
@media (max-width: 600px) { .document-preview { padding: 1rem; } }