body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; margin: 20px; background: #f5f5f5; color: #222; }
h1 { color: #AD0000; font-size: 28px; margin: 0 0 6px 0; }
h2 { color: #AD0000; }
.sub { font-size: 16px; color: #333; margin: 2px 0; }
table { border-collapse: collapse; width: 100%; background: white; font-size: 14px; margin-top: 10px; }
th, td { border: 1px solid #ddd; padding: 6px 8px; text-align: left; white-space: nowrap; }
th { background: #AD0000; color: white; position: sticky; top: 0; }
tr:nth-child(even) { background: #fafafa; }
tr:hover { background: #f0f0f0; }
.win { color: #006600; font-weight: bold; }
.loss { color: #AD0000; font-weight: bold; }
a { color: #AD0000; text-decoration: none; }
a:hover { text-decoration: underline; }
.nav { background: #AD0000; padding: 10px 15px; margin: -20px -20px 20px -20px; }
.nav a { color: white; margin-right: 20px; font-weight: bold; }
.nav a:hover { text-decoration: underline; }
.col-date { min-width: 110px; }
.col-ap { min-width: 80px; }
.col-site { min-width: 50px; }
.col-att { min-width: 90px; text-align: left; }
.letters a { margin-right: 8px; font-size: 18px; font-weight: bold; }
.record { font-size: 18px; margin: 10px 0 20px 0; }
.tablewrap { overflow-x: auto; }
table.box { width: auto; min-width: 480px; }
table.box tr.teamhead td { background: #1a1a1a; color: white; font-weight: 700; border-color: #1a1a1a; }
table.box tr.totals td { font-weight: 700; background: #f7eeee; }
table.extra { width: auto; min-width: 280px; margin-top: 16px; }
table.extra td:first-child, table.extra th:first-child { text-align: left; }
.footer { margin-top: 40px; font-size: 12px; color: #666; }