.hbm-wrap { overflow-x: auto; margin: 0 0 1.5em; }
.hbm-table { width: 100%; border-collapse: collapse; font-size: .95em; font-variant-numeric: tabular-nums; }
.hbm-table th,
.hbm-table td { padding: .55em .6em; text-align: center; border-bottom: 1px solid rgba(128, 128, 128, .25); vertical-align: middle; }
.hbm-table thead th { font-weight: 600; border-bottom: 2px solid rgba(128, 128, 128, .5); white-space: nowrap; }
.hbm-table .hbm-left { text-align: left; }
.hbm-table .hbm-right { text-align: right; }
.hbm-table tbody tr:hover { background: rgba(128, 128, 128, .08); }
.hbm-standings tbody tr:nth-child(-n+3) td:first-child { font-weight: 700; }
.hbm-pts { font-size: 1.05em; }

.hbm-team { display: inline-flex; align-items: center; gap: .45em; text-decoration: none; color: inherit; }
.hbm-team:hover .hbm-team-name { text-decoration: underline; }
.hbm-logo { width: 24px; height: 24px; object-fit: contain; border-radius: 3px; }
.hbm-round { display: inline-block; margin-left: .4em; padding: 0 .4em; font-size: .8em; border: 1px solid rgba(128, 128, 128, .5); border-radius: 3px; }
.hbm-score a { font-weight: 700; text-decoration: none; white-space: nowrap; }
.hbm-empty { opacity: .7; font-style: italic; }

.hbm-single h3 { margin: 1.6em 0 .6em; }
.hbm-info { list-style: none; margin: 0 0 1em; padding: 0; }
.hbm-info li { margin: .25em 0; }

.hbm-scoreboard { display: flex; align-items: center; justify-content: space-between; gap: 1em; margin: 0 0 1em; padding: 1em; border: 1px solid rgba(128, 128, 128, .35); border-radius: 8px; }
.hbm-scoreboard .hbm-side { flex: 1; text-align: center; font-weight: 600; }
.hbm-scoreboard .hbm-big { font-size: 2em; font-weight: 800; white-space: nowrap; }

@media (max-width: 600px) {
	.hbm-table { font-size: .85em; }
	.hbm-table th,
	.hbm-table td { padding: .45em .35em; }
	.hbm-scoreboard { flex-direction: column; }
}

.hbm-rounds { display: flex; flex-wrap: wrap; align-items: center; gap: .35em; margin: 0 0 1em; }
.hbm-rounds a { display: inline-block; min-width: 2.4em; padding: .3em .6em; text-align: center; text-decoration: none; color: inherit; border: 1px solid rgba(128, 128, 128, .45); border-radius: 4px; }
.hbm-rounds a:hover { background: rgba(128, 128, 128, .12); }
.hbm-rounds a.is-current { font-weight: 700; border-color: currentColor; background: rgba(128, 128, 128, .18); }
.hbm-rounds .hbm-prev, .hbm-rounds .hbm-next { font-weight: 700; }
.hbm-teams-nav { margin-bottom: .6em; }
.hbm-filter-note { margin: 0 0 .8em; }