@page { size: A4 landscape; margin: 10mm; } * { box-sizing: border-box; } body { font-family: Arial, Helvetica, sans-serif; color: #111827; font-size: 9.5px; line-height: 1.28; margin: 0; } h1 { font-size: 18px; margin: 0 0 8px; letter-spacing: .01em; } h2 { font-size: 13px; margin: 12px 0 6px; border-bottom: 1px solid #cbd5e1; padding-bottom: 2px; } p, ul, ol { margin: 5px 0; } .warning { border: 1px solid #f59e0b; background: #fffbeb; padding: 7px 9px; margin: 8px 0 10px; font-weight: 600; } table { width: 100%; border-collapse: collapse; margin: 6px 0 10px; page-break-inside: auto; } thead { display: table-header-group; } tr { page-break-inside: avoid; page-break-after: auto; } th, td { border: 1px solid #94a3b8; padding: 4px 5px; vertical-align: top; } th { background: #e2e8f0; font-weight: 700; } td:first-child, th:first-child { font-weight: 700; } .protocol-table { font-size: 8px; } .detail-table { font-size: 7.1px; } .detail-table th:nth-child(2), .detail-table td:nth-child(2) { width: 9%; } .detail-table th:nth-child(5), .detail-table td:nth-child(5) { width: 25%; } .detail-table th:nth-child(8), .detail-table td:nth-child(8) { width: 17%; } .visual-note { border: 1px dashed #94a3b8; background: #f8fafc; padding: 5px 6px; margin: 6px 0 10px; font-size: 8px; } .meta-table { max-width: 100%; } .footer-note { margin-top: 8px; font-size: 8px; color: #475569; } .print-break { page-break-before: always; } code { font-family: Arial, Helvetica, sans-serif; } strong { font-weight: 700; } @media print { body { print-color-adjust: exact; -webkit-print-color-adjust: exact; } a { color: inherit; text-decoration: none; } }