html { -webkit-text-size-adjust: none; text-size-adjust: none; font-size: 14px; }
body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; margin: 20px; background: #f5f5f5; color: #222; font-size: 14px; }
body :where(p, a, li, span, div, table, thead, tbody, tr, th, td, button, label) { font-size: 14px; }
h1 { color: #AD0000; font-size: 18pt; margin: 0 0 6px 0; }
h1 a, h1 span { color: #AD0000; font-size: 18pt; }
h1 .sport-icon { margin-right: 8px; font-size: 18pt; vertical-align: -1px; }
h2 { color: #AD0000; }
.sub { color: #333; margin: 2px 0; }
table { border-collapse: collapse; width: 100%; background: white; 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.seasonhead th { position: static; background: #AD0000; color: white; text-align: left; }
tr.seasonhead th.num { text-align: right; }
tr:nth-child(even) { background: #fafafa; }
tr:hover { background: #f0f0f0; }
tr.totals td { font-weight: 700; background: #f7eeee; border-bottom: 2px solid #AD0000; }
tr.totals:hover td { background: #f7eeee; }
tr.totals td.label { color: #AD0000; }
tr.career td { font-weight: 700; background: #AD0000; color: #fff; border-color: #8e0000; }
tr.career:hover td { background: #AD0000; }
tr.career a { color: #fff; }
.win { color: #006600; font-weight: bold; }
.loss { color: #AD0000; font-weight: bold; }
.tie { font-weight: bold; }
a { color: #AD0000; text-decoration: none; }
a:hover { text-decoration: underline; }
a.boxlink { font-weight: bold; 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, .col-site, .col-ap { width: 1%; }
table.wide-date .col-date { width: auto; min-width: 26ch; }
.col-att { min-width: 90px; }
.letters a { margin-right: 8px; font-weight: bold; }
.record { margin: 10px 0 20px 0; }
.season-nav { margin: -8px 0 18px 0; }
.season-nav a { font-weight: 700; }
.match-nav { margin: 2px 0 18px 0; }
.match-nav a { font-weight: 700; }
.tablewrap { overflow-x: auto; }
.footer { margin-top: 24px; color: #666; }
.xrow { margin-top: 8px; }
a.xmark { color: #000; display: inline-block; margin-right: 6px; line-height: 0; vertical-align: -3px; }
.xlogo { display: block; }
table.box { width: auto; min-width: 480px; }
table.sets { width: auto; min-width: 0; margin-top: 14px; }
td.num { text-align: right; }
th.num { text-align: left; }
table.box th.num,
table.sets th.num,
table.extra th.num,
table.player th.num,
table#games th.num { text-align: right; }
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; }
table.extra td.num { text-align: right; }
table.extra2 td.num { text-align: left; }
button.sort { font: inherit; padding: 8px 14px; cursor: pointer; touch-action: manipulation; -webkit-tap-highlight-color: rgba(173, 0, 0, .2); }
.bio { margin: 2px 0 8px; }