/* tables.css — scorecard + sortable bookmakers table. IBM Plex Mono. */

.hc-score-table {
	font-family: var(--f-mono);
	font-size: var(--f-mono);
	width: 100%;
	max-width: var(--prose);
	margin: 0 auto;
	border-collapse: collapse;
}
.hc-score-table th, .hc-score-table td {
	padding: .6em 0;
	border-top: 1px solid var(--c-stone);
	vertical-align: baseline;
}
.hc-score-table thead th {
	font-family: var(--f-body);
	font-size: var(--f-caption);
	text-transform: uppercase;
	letter-spacing: 0.1em;
	color: var(--c-ink-muted);
	border-top: 0;
	border-bottom: 1px solid var(--c-ink);
}
.hc-score-table__name { color: var(--c-ink); }
.hc-score-table__stars { text-align: right; color: var(--c-accent); letter-spacing: 0.08em; }
.hc-score-table__stars .hc-star--empty { color: var(--c-stone); }
.hc-score-table tfoot td {
	font-family: var(--f-body);
	font-weight: 600;
	border-top: 1px solid var(--c-ink);
	text-transform: uppercase;
	letter-spacing: 0.1em;
	padding-top: .8em;
	color: var(--c-ink);
}
.hc-score-table tfoot td:last-child { text-align: right; }

/* Sortable bookmaker table (archive-bookmaker) */
.hc-list-table {
	font-family: var(--f-mono);
	font-size: .875rem;
	width: 100%;
	border-collapse: collapse;
}
.hc-list-table thead th {
	font-family: var(--f-body);
	font-size: var(--f-caption);
	text-transform: uppercase;
	letter-spacing: 0.1em;
	color: var(--c-ink-muted);
	padding: .8em 10px;
	border-bottom: 1px solid var(--c-ink);
	text-align: left;
}
.hc-list-table tbody td {
	padding: .9em 10px;
	border-top: 1px solid var(--c-stone);
	color: var(--c-ink);
	vertical-align: baseline;
}
.hc-list-table__name {
	font-family: var(--f-display);
	font-size: 1.0625rem;
	font-weight: 500;
	color: var(--c-ink);
	letter-spacing: 0;
}
.hc-list-table__name a { color: inherit; border-bottom: 1px solid transparent; }
.hc-list-table__name a:hover { color: var(--c-accent); border-bottom-color: var(--c-accent); }
.hc-list-table__rating {
	font-family: var(--f-mono);
	color: var(--c-accent);
	font-variant-numeric: tabular-nums;
}
.hc-list-table__read {
	text-align: right;
}
.hc-list-table__read a {
	color: var(--c-accent);
	border-bottom: 1px solid transparent;
	font-family: var(--f-body);
	font-weight: 500;
}
.hc-list-table__read a:hover { border-bottom-color: var(--c-accent); }

/* Filter controls row */
.hc-filter-row {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin: 0 0 var(--space-item);
}
.hc-filter-btn {
	font-family: var(--f-body);
	font-weight: 500;
	font-size: .8125rem;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	padding: 6px 12px;
	border: 1px solid var(--c-stone);
	border-radius: var(--r-sm);
	background: transparent;
	color: var(--c-ink);
	cursor: pointer;
}
.hc-filter-btn.is-active,
.hc-filter-btn:hover { border-color: var(--c-ink); background: var(--c-ink); color: var(--c-paper); }

/* Simple comparison scorecard */
.hc-compare-table th,
.hc-compare-table td { text-align: left; padding: .55em .6em; }
.hc-compare-table th:first-child,
.hc-compare-table td:first-child { text-align: left; }
.hc-compare-table th:not(:first-child),
.hc-compare-table td:not(:first-child) { text-align: right; }