:root { color-scheme: light; font-family: Arial, Helvetica, sans-serif; }
body { margin: 0; background: #f6f7f9; color: #20242a; }
.page { max-width: 1040px; margin: 0 auto; padding: 32px 24px 56px; background: #fff; min-height: 100vh; }
h1, h2, h3 { color: #17202a; line-height: 1.2; }
a { color: #0a58ca; }
table { border-collapse: collapse; width: 100%; margin: 16px 0; }
th, td { border: 1px solid #d6d9de; padding: 8px 10px; vertical-align: top; }
th { background: #eef1f5; }
pre { overflow: auto; background: #f0f2f5; padding: 12px; border-radius: 6px; }
code { background: #f0f2f5; padding: 1px 4px; border-radius: 4px; }
img { max-width: 100%; }
.report-grid { display: grid; gap: 12px; padding-left: 20px; }
.report-grid li { padding: 8px; }
@media (max-width: 600px) {
  .page { padding: 20px 14px 40px; overflow-wrap: anywhere; }
  table { display: block; overflow-x: auto; }
}