/* WTR Tidewater fixtures.css (WP3): /fixtures/, /results/, /match-centre/. Tokens only. Rows follow
 * their list width (container wx-fx): cards < 860 (2 columns from 540), the D15 grid from 860.
 * State: [data-wx-state], [data-wx-team][data-wx-lead] (live.js), [aria-current]. Notes: reports/WP3.md. */

.wx-fx { padding-block: 20px 48px; }
@media (min-width: 600px) { .wx-fx { padding-block: 28px 56px; } }
@media (min-width: 1280px) { .wx-fx { padding-block: 28px 72px; } }

.wx-fx-head { display: grid; gap: 16px; min-width: 0; }
.wx-fx-head .wx-crumbs, .wx-fx-head .wx-crumbs-list { line-height: 17px; }
.wx-fx-titles { display: grid; gap: 6px; min-width: 0; }
.wx-fx-title {
	margin: 0;
	color: var(--wtr-heading);
	font: 800 32px/1.06 var(--wtr-ff-sans);
	letter-spacing: -.018em;
}
@media (min-width: 600px) { .wx-fx-title { font-size: 40px; } }
@media (min-width: 1280px) { .wx-fx-title { font-size: 48px; } }
.wx-fx-sub { margin: 0; max-inline-size: 72ch; color: var(--wtr-meta); font: 400 15px/1.45 var(--wtr-ff-sans); }

.wx-fx-filters { display: grid; gap: 16px; min-width: 0; padding: 16px 0 24px; }
.wx-fx-chips {
	display: flex;
	align-items: center;
	gap: 8px;
	min-width: 0;
	padding: 2px 0;
	overflow-x: auto;
	overscroll-behavior-x: contain;
	scrollbar-width: none;
}
.wx-fx-chips::-webkit-scrollbar { display: none; }
/* 2.0.1: with the international chips the row outgrows a desktop line; from 1024 it wraps instead of
   hiding chips past the edge (phones and tablets keep the design's scrolling row). */
@media (min-width: 1024px) { .wx-fx-chips { flex-wrap: wrap; overflow-x: visible; } }
.wx-fx-chips .wx-chip--filter { text-decoration: none; }
.wx-fx-chips .wx-chip--filter:hover { color: var(--wtr-heading); text-decoration: none; }
.wx-fx-chips .wx-chip--filter[aria-current="true"] { background: var(--wtr-btn); border-color: var(--wtr-btn); color: var(--wtr-btn-text); }
.wx-fx-chips .wx-chip--filter[aria-current="true"]:hover { background: var(--wtr-btn-hover); color: var(--wtr-btn-text); }
.wx-fx-chips .wx-chip--filter[aria-current="true"] .wx-i { display: inline-block; }
.wx-fx-chips .wx-fx-all[aria-current="true"] .wx-i { display: none; }

.wx-fx-more { position: relative; display: inline-flex; flex: none; align-items: center; block-size: 44px; margin-block: -2px; }
.wx-fx-more::before {
	content: "";
	position: absolute;
	inset: 2px 0;
	border: 1.5px solid var(--wtr-control);
	border-radius: var(--wtr-radius-pill);
	background: var(--wtr-surface);
	pointer-events: none;
}
.wx-fx-more::after {
	content: "";
	position: absolute;
	top: 50%;
	right: 12px;
	inline-size: 18px;
	block-size: 18px;
	margin-top: -9px;
	background: var(--wtr-control);
	-webkit-mask: var(--wx-chev) center / 18px no-repeat;
	mask: var(--wx-chev) center / 18px no-repeat;
	pointer-events: none;
}
.wx-fx-more:has(option:checked:not([value=""]))::before { border-color: var(--wtr-btn); background: var(--wtr-tag-bg); }
.wx-fx-more:focus-within::before { outline: 2px solid var(--wtr-focus); outline-offset: 2px; }
.wx-fx-more-select {
	position: relative;
	appearance: none;
	-webkit-appearance: none;
	block-size: 44px;
	margin: 0;
	padding: 0 38px 0 14px;
	border: 0;
	background: transparent;
	color: var(--wtr-heading);
	font: 600 var(--wtr-fs-ui-s)/1 var(--wtr-ff-sans);
	cursor: pointer;
}
.wx-fx-more-select:focus-visible { outline: none; }
.wx-fx-more-links { display: flex; flex-wrap: wrap; gap: 4px 12px; font-size: var(--wtr-fs-ui-s); }

.wx-fx-controls { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 12px 16px; min-width: 0; }
.wx-fx-field { display: grid; gap: 6px; min-width: 0; margin: 0; }
.wx-fx-field .wx-field-label { color: var(--wtr-heading); font: 600 13px/1.3 var(--wtr-ff-sans); }
.wx-fx-teamf .wx-select { inline-size: 264px; max-inline-size: 100%; }
.wx-fx-zonef .wx-select { inline-size: 220px; max-inline-size: 100%; }
.wx-fx-field .wx-select--sm > select.wx-input { min-inline-size: 0; }
.wx-fx-stepper { min-inline-size: 240px; max-inline-size: 100%; gap: 2px; }
.wx-fx-stepper .wx-stepper-label { flex: 1; min-inline-size: 142px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.wx-fx-stepper > a { inline-size: 44px; block-size: 44px; margin: -1.5px -2px; padding: 2px; border-radius: 8px; background-clip: content-box; text-decoration: none; }
.wx-fx-stepper > a:hover { background-clip: content-box; }
.wx-fx-sum { margin: 0; }
.wx-fx-sum--tz { min-inline-size: 236px; }
.wx-fx-clear { display: inline-flex; align-items: center; }

.wx-fx-layout { display: grid; grid-template-columns: minmax(0, 1fr); gap: 56px; min-width: 0; }
.wx-fx-main { min-width: 0; }
.wx-fx-rail { display: none; }
@media (min-width: 1024px) {
	.wx-fx-layout--rail { grid-template-columns: minmax(0, 1fr) var(--wtr-sidebar); }
	.wx-fx-rail { display: grid; align-content: start; gap: 28px; min-width: 0; }
}

.wx-fx-stale {
	display: flex;
	align-items: flex-start;
	gap: 8px;
	margin: 0 0 20px;
	padding: 10px 12px;
	border-radius: var(--wtr-radius-sm);
	background: var(--wtr-surface);
	box-shadow: inset 3px 0 0 var(--wtr-loss);
	color: var(--wtr-text);
	font: 400 13.5px/1.45 var(--wtr-ff-sans);
}
.wx-fx-stale .wx-i { flex: none; margin-top: 1px; color: var(--wtr-loss); }
.wx-fx-stale .wx-fx-at { display: inline-block; min-inline-size: 162px; }
.wx-fx-capped { margin: 16px 0 0; color: var(--wtr-meta); font: 400 13.5px/1.45 var(--wtr-ff-sans); }

/* 2.0.1 Internationals: Load more under a paged list; "Next internationals" (WP0 compact rows) after
   a 7-day view without one, one column on phones, two from 628 px of column. */
.wx-fx-loadmore { margin-top: 8px; }
.wx-fx-next { display: grid; gap: 4px; min-width: 0; margin-top: 40px; }
.wx-fx-main > .wx-fx-next:first-child { margin-top: 0; }
.wx-fx-next-rows {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(min(100%, 300px), 1fr));
	column-gap: 28px;
	margin: 0;
	padding: 0;
	list-style: none;
}
.wx-fx-next-rows > li { min-width: 0; }

.wx-fx-list {
	container: wx-fx / inline-size;
	--wx-fx-c1: 96px;
	--wx-fx-c5: 120px;
	display: grid;
	gap: 32px;
	min-width: 0;
}
.wx-fx-list--result { --wx-fx-c1: 64px; --wx-fx-c5: 96px; }
.wx-fx-list--fixture.wx-fx-list--w1 { --wx-fx-c1: 100px; }
.wx-fx-list--result.wx-fx-list--w1 { --wx-fx-c1: 96px; }
.wx-fx-list.wx-fx-list--w2 { --wx-fx-c1: 136px; }
.wx-fx-list--fixture.wx-fx-list--act { --wx-fx-c5: 176px; }
.wx-fx-list--result.wx-fx-list--act { --wx-fx-c5: 124px; }
.wx-fx-day { display: grid; min-width: 0; scroll-margin-top: var(--wtr-sticky-top); }
.wx-fx-day-head {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 12px;
	padding-bottom: 10px;
	border-bottom: 2px solid var(--wtr-heading);
}
.wx-fx-day-title { margin: 0; color: var(--wtr-heading); font: 800 20px/1.3 var(--wtr-ff-sans); letter-spacing: 0; }
.wx-fx-day-n { flex: none; color: var(--wtr-meta); font: 400 13px/1.3 var(--wtr-ff-sans); }
.wx-fx-rows { display: grid; grid-template-columns: minmax(0, 1fr); column-gap: 28px; margin: 0; padding: 0; list-style: none; }
@container wx-fx (min-width: 540px) and (max-width: 859.98px) {
	.wx-fx-rows { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

.wx-fx-row {
	position: relative;
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto 24px;
	grid-template-areas: "comp when when" "home home hs" "away away as" "note act act";
	align-items: center;
	gap: 8px 10px;
	box-sizing: border-box;
	min-block-size: 172px;
	margin: 0;
	padding: 14px 0 12px 12px;
	border-bottom: 1px solid var(--wtr-border);
}
.wx-fx-row--result {
	grid-template-columns: minmax(0, 1fr) auto 24px 10px;
	grid-template-areas: "comp when when when" "home home hs htri" "away away as atri" "note act act act";
	padding-left: 0;
}
.wx-fx-row[data-wx-state="live"] { box-shadow: inset 3px 0 0 var(--wtr-signal); }
.wx-fx-row[data-wx-state="ht"] { box-shadow: inset 3px 0 0 var(--wtr-cta); }

.wx-fx-when { grid-area: when; display: flex; align-items: center; justify-self: end; gap: 6px; min-block-size: 22px; white-space: nowrap; }
.wx-fx-when .wx-chip-status { font-size: 11px; letter-spacing: .08em; }
.wx-fx-row[data-wx-state="pre"] .wx-fx-when .wx-status { display: none; }
.wx-fx-time { display: none; align-items: baseline; gap: 6px; }
.wx-fx-row[data-wx-state="pre"] .wx-fx-time { display: inline-flex; }
.wx-fx-ko { color: var(--wtr-heading); font: 500 14px/1.3 var(--wtr-ff-mono); font-variant-numeric: tabular-nums; }
s .wx-fx-ko { color: var(--wtr-meta); font-size: 13px; }
.wx-fx-when s { display: flex; }
.wx-fx-when .wx-chip-min { line-height: 1.3; }
.wx-fx-tz { color: var(--wtr-meta); font: 700 11px/1.3 var(--wtr-ff-sans); letter-spacing: .06em; }
.wx-fx-ht { display: none; color: var(--wtr-meta); font: 600 12px/1.3 var(--wtr-ff-sans); }

.wx-fx-comp { grid-area: comp; display: flex; align-items: center; gap: 6px; min-width: 0; }
.wx-fx-comp-t { min-width: 0; overflow: hidden; color: var(--wtr-meta); font: 700 12.5px/1.35 var(--wtr-ff-sans); text-overflow: ellipsis; white-space: nowrap; }
.wx-fx-meta, .wx-fx-mid { display: contents; }
.wx-fx-note { grid-area: note; min-width: 0; overflow: hidden; color: var(--wtr-meta); font: 400 13px/1.35 var(--wtr-ff-sans); text-overflow: ellipsis; white-space: nowrap; }

.wx-fx-h { grid-area: home; }
.wx-fx-a { grid-area: away; }
.wx-fx-h, .wx-fx-a { display: flex; align-items: center; gap: 10px; min-width: 0; min-block-size: 28px; }
.wx-fx-h .wx-tile, .wx-fx-a .wx-tile { --wx-t: 28px; --wx-tp: 4px; --wx-tr: 5px; --wx-tf: 8.5px; }
.wx-fx-name {
	min-width: 0;
	overflow: hidden;
	color: var(--wtr-heading);
	font: 600 16px/1.3 var(--wtr-ff-sans);
	text-decoration: none;
	text-overflow: ellipsis;
	white-space: nowrap;
}
a.wx-fx-name:hover { color: var(--wtr-heading); text-decoration: underline; text-underline-offset: .14em; }
a.wx-fx-name { padding-block: 7.5px; margin-block: -7.5px; }
.wx-fx-row:not(.wx-fx-row--result) [data-wx-team][data-wx-lead] .wx-fx-name { font-weight: 800; }

.wx-fx-hs { grid-area: hs; }
.wx-fx-as { grid-area: as; }
.wx-fx-hs, .wx-fx-as { justify-self: end; color: var(--wtr-heading); font: 600 19px/24px var(--wtr-ff-mono); font-variant-numeric: tabular-nums; }
.wx-fx-hs:empty, .wx-fx-as:empty { display: none; }
.wx-fx-v, .wx-fx-dash { display: none; }

.wx-fx-act { grid-area: act; display: flex; align-items: center; justify-content: flex-end; gap: 2px; min-block-size: 44px; }
.wx-fx-act .wx-btn--text { --wx-bh: 44px; font: 700 13.5px/1.2 var(--wtr-ff-sans); }
.wx-fx-act .wx-btn--icon { color: var(--wtr-heading); }
.wx-fx-act .wx-fx-go { justify-content: flex-end; }
.wx-fx-follow { padding-inline: 8px 0; }
.wx-fx-row:not([data-wx-state="pre"]) :is(.wx-fx-cal, .wx-fx-predict),
.wx-fx-row .wx-fx-follow { display: none; }
.wx-fx-row:is([data-wx-state="live"], [data-wx-state="ht"]) .wx-fx-follow { display: inline-flex; }
.wx-fx-row:is([data-wx-state="live"], [data-wx-state="ht"]) .wx-fx-go { display: none; }

.wx-fx-tri { display: inline-grid; place-items: center; color: var(--wtr-heading); visibility: hidden; }
.wx-fx-tri--home { grid-area: htri; }
.wx-fx-tri--away { grid-area: atri; }
.wx-fx-row[data-wx-win="home"] .wx-fx-tri--home,
.wx-fx-row[data-wx-win="away"] .wx-fx-tri--away { visibility: visible; }
.wx-fx-row--result .wx-fx-hs, .wx-fx-row--result .wx-fx-as { font-weight: 400; color: var(--wtr-meta); }
.wx-fx-row[data-wx-win="home"] .wx-fx-hs,
.wx-fx-row[data-wx-win="away"] .wx-fx-as,
.wx-fx-row[data-wx-win="draw"] :is(.wx-fx-hs, .wx-fx-as) { font-weight: 600; color: var(--wtr-heading); }
.wx-fx-row--result .wx-fx-name { font-weight: 700; }
.wx-fx-row[data-wx-win="home"] .wx-fx-h .wx-fx-name,
.wx-fx-row[data-wx-win="away"] .wx-fx-a .wx-fx-name { font-weight: 800; }
.wx-fx-row[data-wx-win="home"] .wx-fx-a .wx-fx-name,
.wx-fx-row[data-wx-win="away"] .wx-fx-h .wx-fx-name { font-weight: 500; color: var(--wtr-meta); }
.wx-fx-bp {
	display: inline-flex;
	flex: none;
	padding: 1px 5px;
	border-radius: var(--wtr-radius-xs);
	box-shadow: inset 0 0 0 1px var(--wtr-control);
	color: var(--wtr-text);
	font: 700 10.5px/14px var(--wtr-ff-sans);
}
.wx-fx-name + .wx-fx-bp { margin-inline-start: -4px; }
.wx-fx-row--result .wx-fx-note { color: var(--wtr-meta); }

@container wx-fx (min-width: 860px) {
	.wx-fx-row {
		grid-template-columns: var(--wx-fx-c1) minmax(0, 1fr) 88px minmax(0, 1fr) var(--wx-fx-c5);
		grid-template-areas: "when home mid away act" "when meta meta meta act";
		gap: 4px 12px;
		min-block-size: 76px;
		padding: 12px 0 10px 14px;
	}
	.wx-fx-row--result {
		grid-template-columns: var(--wx-fx-c1) minmax(0, 1fr) 104px minmax(0, 1fr) var(--wx-fx-c5);
		min-block-size: 72px;
		padding: 12px 0 10px;
	}
	.wx-fx-when { flex-direction: column; align-items: flex-start; justify-self: start; gap: 4px; }
	.wx-fx-when .wx-status { flex-direction: column; align-items: flex-start; gap: 4px; }
	.wx-fx-when .wx-chip-status { font-size: 11.5px; }
	.wx-fx-row:is([data-wx-state="pst"], [data-wx-state="canc"]) .wx-fx-time { display: inline-flex; }
	.wx-fx-time { flex-direction: column; align-items: flex-start; gap: 4px; }
	.wx-fx-ko { font-size: 16px; }
	s .wx-fx-ko { font-size: 13px; }
	.wx-fx-tz { font-size: 11.5px; }
	.wx-fx-row[data-wx-state="ht"] .wx-fx-ht { display: block; }

	.wx-fx-h, .wx-fx-a { gap: 12px; min-block-size: 32px; }
	a.wx-fx-name { padding-block: 11.5px; margin-block: -11.5px; }
	.wx-fx-h { flex-direction: row-reverse; }
	.wx-fx-row--result .wx-fx-h, .wx-fx-row--result .wx-fx-a { gap: 10px; }
	.wx-fx-name + .wx-fx-bp { margin-inline-start: 0; }
	.wx-fx-h .wx-tile, .wx-fx-a .wx-tile { --wx-t: 32px; --wx-tp: 4px; --wx-tr: 6px; --wx-tf: 10px; }

	.wx-fx-mid {
		grid-area: mid;
		display: flex;
		align-items: center;
		justify-content: center;
		gap: .3em;
		color: var(--wtr-heading);
		font: 600 20px/25px var(--wtr-ff-mono);
		font-variant-numeric: tabular-nums;
		white-space: nowrap;
	}
	.wx-fx-hs, .wx-fx-as { font-size: 20px; line-height: 25px; }
	.wx-fx-v { display: inline; }
	.wx-fx-dash { display: inline; }
	.wx-fx-row:is([data-wx-state="pre"], [data-wx-state="pst"], [data-wx-state="canc"], [data-wx-state="tbc"]) :is(.wx-fx-dash, .wx-fx-hs, .wx-fx-as) { display: none; }
	.wx-fx-row:not([data-wx-state="pre"], [data-wx-state="pst"], [data-wx-state="canc"], [data-wx-state="tbc"]) .wx-fx-v { display: none; }

	.wx-fx-row--result .wx-fx-mid { display: grid; grid-template-columns: 10px minmax(0, 1fr) auto minmax(0, 1fr) 10px; gap: 4px; }
	.wx-fx-row--result .wx-fx-hs { justify-self: end; }
	.wx-fx-row--result .wx-fx-as { justify-self: start; }
	.wx-fx-row--result .wx-fx-hs:empty, .wx-fx-row--result .wx-fx-as:empty { display: block; }
	.wx-fx-row--result[data-wx-state] .wx-fx-dash { display: inline; color: var(--wtr-meta); font: 400 16px/20px var(--wtr-ff-mono); }
	.wx-fx-row--result .wx-fx-hs, .wx-fx-row--result .wx-fx-as { color: var(--wtr-heading); }
	.wx-fx-row--result .wx-fx-mid > * { grid-area: auto; }
	.wx-fx-tri--home .wx-i { transform: scaleX(-1); }
	.wx-fx-row--result .wx-fx-tri { translate: 0 3px; }

	.wx-fx-meta { grid-area: meta; display: flex; align-items: center; justify-content: center; gap: 0; min-width: 0; }
	.wx-fx-comp { flex: none; max-inline-size: 60%; }
	.wx-fx-comp-t { font-weight: 600; }
	.wx-fx-note { font: 600 12.5px/1.35 var(--wtr-ff-sans); }
	.wx-fx-note::before { content: "\00a0·\00a0"; }

	.wx-fx-act { justify-self: end; align-self: center; }
	.wx-fx-row[data-wx-state] .wx-fx-follow { display: none; }
	.wx-fx-row[data-wx-state] .wx-fx-go { display: inline-flex; }
	.wx-fx-report, .wx-fx-act .wx-fx-report .wx-btn-t { font-size: 14px; padding-inline: 0; }
}

.wx-fx-skel { display: grid; gap: 0; }
.wx-fx-skel > .wx-skel:first-of-type { margin-bottom: 14px; }
.wx-fx-skel-row {
	display: grid;
	grid-template-columns: 56px minmax(0, 1fr) 64px;
	align-items: center;
	gap: 16px;
	block-size: 64px;
	border-bottom: 1px solid var(--wtr-border);
}

.wx-fx-legend {
	display: flex;
	flex-wrap: wrap;
	gap: 8px 20px;
	margin: 32px 0 0;
	padding: 0;
	list-style: none;
	color: var(--wtr-meta);
	font: 400 13px/1.3 var(--wtr-ff-sans);
}
.wx-fx-legend li { display: inline-flex; align-items: center; gap: 6px; }
.wx-fx-legend .wx-i { color: var(--wtr-heading); transform: scaleX(-1); }

.wx-fx-links { margin-top: 56px; }
.wx-fx-links-t {
	margin: 0;
	padding-bottom: 10px;
	border-bottom: 2px solid var(--wtr-heading);
	color: var(--wtr-heading);
	font: 800 20px/1.3 var(--wtr-ff-sans);
}
.wx-fx-links-list {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(min(100%, 240px), 1fr));
	column-gap: 24px;
	margin: 0;
	padding: 0;
	list-style: none;
}
.wx-fx-links-list a {
	display: flex;
	align-items: center;
	min-block-size: 44px;
	border-bottom: 1px solid var(--wtr-border);
	color: var(--wtr-link);
	font: 600 var(--wtr-fs-ui-s)/1.3 var(--wtr-ff-sans);
	text-decoration: none;
}
.wx-fx-links-list a:hover { color: var(--wtr-link-hover); text-decoration: underline; text-underline-offset: .18em; }

.wx-fx-promo {
	display: grid;
	justify-items: start;
	gap: 10px;
	padding: 20px;
	border-radius: var(--wtr-radius-md);
	background: var(--wtr-header);
}
.wx-fx-promo-over { margin: 0; color: var(--wtr-header-meta); font: 800 12px/1.3 var(--wtr-ff-sans); letter-spacing: .1em; text-transform: uppercase; }
.wx-fx-promo-t { margin: 0; color: var(--wtr-header-text); font: 700 20px/24px var(--wtr-ff-sans); }
.wx-fx-promo .wx-fx-promo-btn { font-size: 14.5px; }

.wx-fx-h2h {
	display: grid;
	gap: 12px;
	padding: 20px;
	border: 1px solid var(--wtr-border);
	border-radius: var(--wtr-radius-md);
	background: var(--wtr-surface);
}
.wx-fx-over { margin: 0; color: var(--wtr-meta); font: 700 12px/1.3 var(--wtr-ff-sans); letter-spacing: .08em; text-transform: uppercase; }
.wx-fx-h2h-t { margin: 0; font: 800 20px/1.25 var(--wtr-ff-sans); }
.wx-fx-h2h-t a { display: inline-block; padding-block: 9.5px; margin-block: -9.5px; color: var(--wtr-heading); text-decoration: none; }
.wx-fx-h2h-t a:hover { color: var(--wtr-heading); text-decoration: underline; text-underline-offset: .14em; }
.wx-fx-h2h-ko { margin: 0; color: var(--wtr-meta); font: 500 13px/1.3 var(--wtr-ff-mono); }
.wx-fx-h2h-split { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin: 4px 0 0; }
.wx-fx-h2h-split > div { display: flex; flex-direction: column-reverse; gap: 2px; }
.wx-fx-h2h-split dt { color: var(--wtr-meta); font: 600 12px/1.3 var(--wtr-ff-sans); }
.wx-fx-h2h-split dd { margin: 0; color: var(--wtr-heading); font: 600 24px/1.1 var(--wtr-ff-mono); }
.wx-fx-h2h-bar { display: flex; block-size: 8px; overflow: hidden; border-radius: 4px; background: var(--wtr-section); }
.wx-fx-h2h-bar-h { background: var(--wtr-heading); }
.wx-fx-h2h-bar-d { background: var(--wtr-border); }
.wx-fx-h2h-bar-a { background: var(--wtr-btn); }
.wx-fx-h2h-list, .wx-fx-h2h-form { display: grid; margin: 0; padding: 0; list-style: none; }
.wx-fx-h2h-list li { border-bottom: 1px solid var(--wtr-border); }
.wx-fx-h2h-game { display: grid; align-content: center; gap: 2px; min-block-size: 44px; padding: 8px 0; color: var(--wtr-heading); text-decoration: none; }
.wx-fx-h2h-sc { font: 600 14px/1.35 var(--wtr-ff-sans); }
.wx-fx-h2h-game:hover { color: var(--wtr-heading); }
.wx-fx-h2h-game:hover .wx-fx-h2h-sc { text-decoration: underline; }
.wx-fx-h2h-meta { color: var(--wtr-meta); font: 400 12px/1.3 var(--wtr-ff-sans); }
.wx-fx-h2h-form li { display: flex; align-items: center; gap: 10px; min-block-size: 32px; }
.wx-fx-h2h-code { min-inline-size: 36px; color: var(--wtr-heading); font: 700 13px/1 var(--wtr-ff-sans); }

.wx-fx--centre .wx-fx-head { padding-bottom: 24px; }
.wx-fx--centre .wx-fx-tabs-wrap { margin-top: 4px; }
.wx-fx-standings { display: grid; gap: 40px; min-width: 0; }
.wx-fx-seg { justify-self: start; margin-bottom: -16px; }
.wx-fx-table { display: grid; gap: 12px; min-width: 0; scroll-margin-top: var(--wtr-sticky-top); }
.wx-fx-legacy { min-width: 0; max-inline-size: 100%; overflow-x: auto; }