@page { size: A4; margin: 17mm 16mm; @bottom-right { content: counter(page) " / " counter(pages); font: 9px Arial, sans-serif; color: #526269; } }
* { box-sizing: border-box; } body { margin: 0 auto; padding: 36px; max-width: 980px; color: #18272d; background: #fff; font: 14px/1.5 Arial, sans-serif; }
h1 { font-size: 34px; line-height: 1.1; margin: 8px 0 20px; } h2 { font-size: 21px; margin: 28px 0 12px; } h3 { font-size: 16px; margin: 0 0 12px; }
p { margin: 8px 0 12px; } .eyebrow { letter-spacing: 2px; font-size: 11px; font-weight: bold; color: #276352; } .muted { color: #526269; font-size: 12px; }
.scope { border-left: 4px solid #276352; padding: 5px 0 5px 16px; overflow-wrap: anywhere; }
.counts { display: flex; gap: 10px; margin: 20px 0; } .count { flex: 1; background: #eef3f1; padding: 14px; border-top: 3px solid #276352; } .count strong { display: block; font-size: 30px; } .count span { font-size: 11px; font-weight: bold; }
.notice { background: #f5f1e7; padding: 14px 18px; } .finding { border-top: 1px solid #c6d2ce; padding-top: 16px; margin-top: 16px; } .badge { display: inline-block; font-size: 10px; padding: 3px 7px; background: #eee; }
a { color: #205b4d; text-decoration: underline; } .refs { font-family: monospace; overflow-wrap: anywhere; } table { width: 100%; border-collapse: collapse; font-size: 11px; table-layout: fixed; } th, td { text-align: left; padding: 7px; border-bottom: 1px solid #dbe1df; vertical-align: top; overflow-wrap: anywhere; } th { background: #eef3f1; } th:first-child { width: 34%; } th:nth-child(2) { width: 18%; } thead { display: table-header-group; }
li { margin-bottom: 6px; } footer { border-top: 1px solid #c6d2ce; margin-top: 24px; padding-top: 10px; }
@media print { body { padding: 0; max-width: none; font-size: 11px; } h1 { font-size: 28px; } h2 { font-size: 18px; } h3 { font-size: 13px; } .muted { font-size: 10px; } h2,h3 { break-after: avoid; } .finding, tr, .counts, .notice { break-inside: avoid; } .appendix { break-before: page; } a { text-decoration: none; } .count, .notice, th { print-color-adjust: exact; -webkit-print-color-adjust: exact; } }
@media (max-width: 600px) { body { padding: 18px; } .counts { flex-wrap: wrap; } .count { min-width: 40%; } }