/* Layout and look follow the structure of Joe Eitel's Ohio Harbin pages: dense small type, orange zebra rows. */
body { font-family: sans-serif; font-size: 95%; background: #fff; }
.navbar-brand { font-weight: bold; }
.unofficial { text-decoration: underline; font-weight: bold; }
.updatetime { color: #169916; font-weight: bold; }
.pagehdr { text-align: center; margin: .75rem 0 .25rem; }
.pagehdr h1 { font-size: 1.6rem; margin: 0; }
.statusline { text-align: center; margin-bottom: .5rem; }

/* Rankings tables */
.tablewrap { overflow-x: auto; margin: 0 1%; }
table.region { text-align: center; width: 100%; border: 1px solid #000; border-collapse: collapse; font-size: .62rem; }
table.region caption { caption-side: top; text-align: center; color: #000; font-size: 1.1em; padding: .25rem; }
table.region th { font-weight: normal; font-size: 1em; padding: 2px 3px; vertical-align: bottom; }
table.region td { padding: 1px 3px; white-space: nowrap; }
table.region thead { border-bottom: 2px solid #000; background: rgba(224, 224, 224, .3); }
table.region tbody tr:nth-child(odd) { background: #fff; }
table.region tbody tr:nth-child(even) { background: rgba(255, 165, 0, .2); }
table.region .l { text-align: left; }
table.region .r { text-align: right; }
table.region .average { text-align: right; font-weight: bold; }
table.region tr.cut td:first-child { font-weight: bold; color: #dd2222; }
table.region tr.cut-last td { border-bottom: 2px solid #dd2222; }
table.region tr.confcut td:first-child { font-weight: bold; color: #dd2222; }
table.region tr.confcut-last td { border-bottom: 2px solid #dd2222; }
/* SHOW_PROJECTIONS: status and max/min columns use these when they are added. */
.pstatus { font-size: .8em; color: #000088; }
.clinched { color: #22a844; }
.control { color: #0000ff; }
.elim { color: #ff0000; }
@media (min-width: 400px) { table.region { font-size: .7rem; } }
@media (min-width: 574px) { table.region { font-size: .8rem; } }
@media (min-width: 768px) { table.region { font-size: .9rem; } }
@media (min-width: 1100px) { table.region { font-size: 1rem; } }

/* Team pages */
.teamband { padding: .75rem 1rem; margin: 0 0 .75rem; }
.teamband h1 { font-size: 1.8rem; margin: 0; }
.teamband .sub { font-size: .95rem; }
.teamband a { color: inherit; text-decoration: underline; }
table.schedule { font-size: .75rem; }
@media (min-width: 768px) { table.schedule { font-size: 1rem; } }
table.schedule .sched-l { text-align: left; }
.noncount { color: #dd2222; font-weight: bold; }
.footnote { font-size: .85em; }

/* Scoreboards */
pre.scores { font-size: .72rem; margin: 0 1rem; overflow-x: auto; }
@media (min-width: 768px) { pre.scores { font-size: 1rem; } }
pre.scores .sc { color: #0000ee; }

/* Home and team index */
.gridlinks { display: flex; flex-wrap: wrap; gap: .4rem; margin-bottom: .75rem; }
.gridlinks a { border: 1px solid #ccc; border-radius: 4px; padding: .15rem .6rem; background: rgba(255, 165, 0, .2); text-decoration: none; color: #000; }
.gridlinks a:hover { background: rgba(255, 165, 0, .45); }
.teamcols { columns: 14rem; column-gap: 1.5rem; }
.teamcols a { display: block; }
footer.sitefoot { font-size: .8rem; color: #444; border-top: 1px solid #ccc; margin-top: 2rem; padding: .75rem 1rem 1.5rem; text-align: center; }