.dk-competitions .ws-main {
	color: var(--dk-color-text);
}

.dk-competitions .ws-main .nav-tabs,
.dk-competitions .ws-main .nav-pills {
	gap: .35rem;
	border-color: var(--dk-color-border);
}

.dk-competitions .ws-main .nav-tabs {
	flex-wrap: nowrap;
	overflow-x: auto;
	scrollbar-width: thin;
}

.dk-competitions .ws-main .nav-link {
	min-height: 44px;
	display: inline-flex;
	align-items: center;
	border-radius: .7rem;
	color: var(--dk-color-muted);
	white-space: nowrap;
}

.dk-competitions .ws-main .nav-link.active {
	background: var(--dk-color-surface-raised);
	border-color: var(--dk-color-border);
	color: var(--dk-color-accent);
	font-weight: 700;
}

.dk-competitions .ws-main .accordion-item,
.dk-competitions .ws-main .accordion-button {
	border-color: var(--dk-color-border);
	background-color: var(--dk-color-surface);
	color: var(--dk-color-text);
}

.dk-competitions .ws-main .accordion-item {
	overflow: hidden;
	border-radius: .8rem;
}

.dk-competitions .ws-main .accordion-button:not(.collapsed) {
	background-color: var(--dk-color-surface-raised);
	color: var(--dk-color-accent);
	box-shadow: none;
}

.dk-competitions .ws-main .form-select,
.dk-competitions .ws-main .form-control {
	min-height: 44px;
	border-color: var(--dk-color-border);
	background-color: var(--dk-color-surface);
	color: var(--dk-color-text);
}

.dk-competitions .ws-main .form-select:focus,
.dk-competitions .ws-main .form-control:focus {
	border-color: var(--dk-color-accent);
	box-shadow: 0 0 0 .2rem rgba(139, 242, 74, .18);
}

.dk-competitions .ws-main .btn {
	min-height: 40px;
	border-radius: .65rem;
	font-weight: 650;
}

.dk-competitions .ws-main .table-responsive {
	border: 1px solid var(--dk-color-border);
	border-radius: .9rem;
	background: var(--dk-color-surface);
}

.dk-competitions .ws-main .dk-standings-table,
.dk-competitions .ws-main .dk-results-table {
	--bs-table-bg: var(--dk-color-surface);
	--bs-table-color: var(--dk-color-text);
	--bs-table-border-color: var(--dk-color-border);
	--bs-table-striped-bg: rgba(255, 255, 255, .035);
	--bs-table-striped-color: var(--dk-color-text);
	margin-bottom: 0;
}

.dk-competitions .ws-main .dk-standings-table thead th,
.dk-competitions .ws-main .dk-results-table thead th {
	padding: .85rem .7rem;
	background: var(--dk-color-surface-raised);
	color: var(--dk-color-muted);
	font-size: .78rem;
	letter-spacing: .035em;
	text-transform: uppercase;
	white-space: nowrap;
}

.dk-competitions .ws-main .dk-standings-table tbody td,
.dk-competitions .ws-main .dk-results-table tbody td {
	padding: .7rem;
	vertical-align: middle;
}

.dk-competitions .ws-main .dk-standings-table td:last-child {
	font-weight: 750;
}

.dk-competitions .ws-main .dk-standings-table td:last-child {
	color: var(--dk-color-accent);
}

.dk-competitions .ws-main .dk-standings-table a,
.dk-competitions .ws-main .dk-results-table a {
	color: var(--dk-color-text);
	text-decoration-color: rgba(139, 242, 74, .45);
	text-underline-offset: .18em;
}

.dk-competitions .ws-main .dk-standings-table a:hover,
.dk-competitions .ws-main .dk-results-table a:hover {
	color: var(--dk-color-accent);
}

.dk-competitions .ws-main .dk-standings-table .ws-logo-table-40 {
	margin-right: .35rem;
	border-radius: 50%;
	background: rgba(255, 255, 255, .06);
}

.dk-competitions .ws-main .dk-results-table .ws-match-result {
	display: inline-flex;
	min-width: 3.5rem;
	min-height: 40px;
	align-items: center;
	justify-content: center;
	border: 1px solid var(--dk-color-border);
	border-radius: .6rem;
	background: var(--dk-color-surface-raised);
	color: var(--dk-color-accent);
	text-decoration: none;
}

.dk-competitions .ws-main .dk-results-table .ws-matchup-team {
	min-width: 0;
}

.dk-competitions .ws-main .dk-standings-scroll,
.dk-competitions .ws-main .dk-results-scroll {
	margin-block: .75rem 1rem;
}

.dk-competitions .ws-main .dk-matchday-page {
	display: grid;
	gap: 1rem;
}

.dk-competitions .ws-main .dk-matchday-filter {
	margin: 0;
	padding: 1rem;
	border: 1px solid var(--dk-color-border);
	border-radius: var(--dk-radius-card);
	background: var(--dk-color-surface);
	box-shadow: var(--dk-shadow-card);
}

.dk-competitions .ws-main .dk-matchday-filter .form-label {
	color: var(--dk-color-muted);
	font-size: .85rem;
	font-weight: 700;
}

.dk-competitions .ws-main .dk-matchday-hero {
	position: relative;
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: center;
	gap: .85rem 1.5rem;
	overflow: hidden;
	padding: clamp(1rem, 3vw, 1.6rem);
	background:
		radial-gradient(ellipse at 85% 0%, rgba(139, 242, 74, .12), transparent 52%),
		var(--dk-color-surface);
}

.dk-competitions .ws-main .dk-matchday-hero-copy {
	min-width: 0;
}

.dk-competitions .ws-main .dk-matchday-eyebrow {
	margin: 0 0 .25rem;
	color: var(--dk-color-accent);
	font-size: .78rem;
	font-weight: 750;
	letter-spacing: .08em;
	text-transform: uppercase;
}

.dk-competitions .ws-main .dk-matchday-hero h2,
.dk-competitions .ws-main .dk-schedule-heading h2 {
	margin: 0;
	font-size: clamp(1.2rem, 3vw, 1.65rem);
	font-weight: 800;
	overflow-wrap: anywhere;
}

.dk-competitions .ws-main .dk-matchday-season {
	margin: .25rem 0 0;
	color: var(--dk-color-muted);
	font-size: .9rem;
}

.dk-competitions .ws-main .dk-matchday-round {
	display: grid;
	justify-items: end;
	color: var(--dk-color-muted);
	font-size: .82rem;
	font-weight: 700;
	text-align: right;
	text-transform: uppercase;
}

.dk-competitions .ws-main .dk-matchday-round strong {
	color: var(--dk-color-text);
	font-size: clamp(1.65rem, 4vw, 2.25rem);
	font-variant-numeric: tabular-nums;
	line-height: 1.1;
}

.dk-competitions .ws-main .dk-matchday-round small {
	color: var(--dk-color-muted);
	font-size: .95rem;
	font-weight: 600;
}

.dk-competitions .ws-main progress.dk-matchday-progress {
	appearance: none;
	grid-column: 1 / -1;
	display: block;
	width: 100%;
	height: .45rem;
	overflow: hidden;
	border: 0;
	border-radius: 999px;
	background: rgba(255, 255, 255, .09);
}

.dk-competitions .ws-main progress.dk-matchday-progress::-webkit-progress-bar {
	border-radius: inherit;
	background: rgba(255, 255, 255, .09);
}

.dk-competitions .ws-main progress.dk-matchday-progress::-webkit-progress-value {
	border-radius: inherit;
	background: linear-gradient(90deg, #72d938, var(--dk-color-accent));
}

.dk-competitions .ws-main progress.dk-matchday-progress::-moz-progress-bar {
	border-radius: inherit;
	background: linear-gradient(90deg, #72d938, var(--dk-color-accent));
}

.dk-competitions .ws-main .dk-matchday-navigation {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
	align-items: center;
	gap: .55rem;
}

.dk-competitions .ws-main .dk-matchday-navigation > :first-child {
	justify-self: start;
}

.dk-competitions .ws-main .dk-matchday-navigation > :last-child {
	justify-self: end;
}

.dk-competitions .ws-main .dk-matchday-current {
	color: var(--dk-color-muted);
	font-size: .88rem;
	font-weight: 700;
	text-align: center;
	text-decoration: none;
}

.dk-competitions .ws-main .dk-matchday-navigation .btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: .35rem;
}

.dk-competitions .ws-main .dk-matchday-fixtures {
	min-width: 0;
}

.dk-competitions .ws-main .dk-schedule-heading {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: .8rem;
	padding: 1rem 1.15rem;
	border: 1px solid var(--dk-color-border);
	border-radius: var(--dk-radius-card);
	background: var(--dk-color-surface);
	box-shadow: var(--dk-shadow-card);
}

.dk-competitions .ws-main .dk-schedule-count {
	display: inline-flex;
	min-width: 2.6rem;
	min-height: 2.6rem;
	align-items: center;
	justify-content: center;
	gap: .35rem;
	padding: .35rem .65rem;
	border: 1px solid var(--dk-color-border);
	border-radius: 999px;
	background: var(--dk-color-surface-raised);
	color: var(--dk-color-accent);
	font-weight: 800;
	font-variant-numeric: tabular-nums;
}

@media (max-width: 700px) {
	.dk-competitions .ws-main .dk-matchday-navigation {
		grid-template-columns: 1fr 1fr;
	}

	.dk-competitions .ws-main .dk-matchday-current {
		grid-column: 1 / -1;
		grid-row: 1;
		justify-self: center;
	}

	.dk-competitions .ws-main .dk-matchday-navigation > :first-child,
	.dk-competitions .ws-main .dk-matchday-navigation > :last-child {
		grid-row: 2;
	}

	.dk-competitions .ws-main .dk-matchday-navigation .btn {
		width: 100%;
		min-height: 44px;
	}

	.dk-competitions .ws-main .dk-matchday-navigation .dk-matchday-current.btn {
		grid-column: 1 / -1;
		grid-row: 1;
		justify-self: stretch;
	}

	.dk-competitions .ws-main .dk-standings-scroll,
	.dk-competitions .ws-main .dk-results-scroll {
		overflow: visible;
		border: 0;
		background: transparent;
	}

	.dk-competitions .ws-main .dk-standings-table,
	.dk-competitions .ws-main .dk-results-table {
		display: block;
		width: 100%;
		border-collapse: separate;
		border-spacing: 0;
	}

	.dk-competitions .ws-main .dk-standings-table thead,
	.dk-competitions .ws-main .dk-results-table thead {
		position: absolute;
		width: 1px;
		height: 1px;
		overflow: hidden;
		clip: rect(0, 0, 0, 0);
		white-space: nowrap;
		clip-path: inset(50%);
	}

	.dk-competitions .ws-main .dk-standings-table tbody,
	.dk-competitions .ws-main .dk-results-table tbody {
		display: grid;
		gap: .7rem;
	}

	.dk-competitions .ws-main .dk-standings-table tbody tr,
	.dk-competitions .ws-main .dk-results-table tbody tr {
		display: grid;
		min-width: 0;
		border: 1px solid var(--dk-color-border);
		border-radius: .9rem;
		background: var(--dk-color-surface);
		box-shadow: var(--dk-shadow-card);
	}

	.dk-competitions .ws-main .dk-standings-table tbody tr {
		grid-template-columns: repeat(4, minmax(0, 1fr));
		gap: .25rem .45rem;
		padding: .55rem;
	}

	.dk-competitions .ws-main .dk-standings-table tbody td {
		min-width: 0;
		padding: .35rem .4rem;
		border: 0;
		font-size: .86rem;
	}

	.dk-competitions .ws-main .dk-standings-table tbody td::before,
	.dk-competitions .ws-main .dk-results-table tbody td::before {
		display: block;
		margin-bottom: .12rem;
		color: var(--dk-color-muted);
		font-size: .68rem;
		font-weight: 700;
		letter-spacing: .025em;
		line-height: 1.2;
		content: attr(data-label);
	}

	.dk-competitions .ws-main .dk-standings-table tbody td:first-child {
		grid-column: 1;
		align-self: center;
		color: var(--dk-color-accent);
		font-size: 1.05rem;
	}

	.dk-competitions .ws-main .dk-standings-table tbody td:nth-child(2) {
		grid-column: 2 / -1;
		display: flex;
		align-items: center;
		gap: .2rem;
	}

	.dk-competitions .ws-main .dk-standings-table tbody td:nth-child(2)::before {
		display: none;
	}

	.dk-competitions .ws-main .dk-standings-table tbody td:nth-child(2) img {
		flex: 0 0 30px;
		width: 30px;
		height: 30px;
	}

	.dk-competitions .ws-main .dk-standings-table tbody td:nth-child(2) small {
		display: none;
	}

	.dk-competitions .ws-main .dk-standings-table tbody td:last-child {
		border-radius: .45rem;
		background: rgba(139, 242, 74, .08);
	}

	.dk-competitions .ws-main .dk-results-table tbody tr {
		grid-template-columns: minmax(0, 1fr) auto;
		gap: .2rem .65rem;
		padding: .65rem;
	}

	.dk-competitions .ws-main .dk-results-table tbody td {
		min-width: 0;
		padding: .25rem;
		border: 0;
		text-align: left !important;
		background: transparent;
		color: var(--dk-color-text);
	}

	.dk-competitions .ws-main .dk-results-table tbody td:first-child,
	.dk-competitions .ws-main .dk-results-table tbody td:nth-child(2) {
		grid-column: 1 / -1;
	}

	.dk-competitions .ws-main .dk-results-table tbody td:first-child {
		color: var(--dk-color-muted);
		font-size: .8rem;
	}

	.dk-competitions .ws-main .dk-results-table .ws-matchup {
		grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
		gap: .2rem;
	}

	.dk-competitions .ws-main .dk-results-table .ws-matchup-team {
		display: grid;
		grid-template-columns: minmax(0, 1fr) 34px;
		white-space: normal;
		font-size: .82rem;
		line-height: 1.25;
		overflow-wrap: anywhere;
	}

	.dk-competitions .ws-main .dk-results-table .ws-matchup-team:first-child {
		justify-self: stretch;
		text-align: right;
	}

	.dk-competitions .ws-main .dk-results-table .ws-matchup-team:last-child {
		grid-template-columns: 34px minmax(0, 1fr);
		justify-self: stretch;
		text-align: left;
	}

	.dk-competitions .ws-main .dk-results-table .ws-matchup-team img.ws-logo-table-40 {
		width: 32px;
		height: 32px;
		max-width: 32px;
	}

	.dk-competitions .ws-main .dk-results-table .ws-matchup-team:first-child img {
		grid-column: 2;
		grid-row: 1 / span 2;
	}

	.dk-competitions .ws-main .dk-results-table .ws-matchup-team:last-child img {
		grid-column: 1;
		grid-row: 1 / span 2;
	}

	.dk-competitions .ws-main .dk-results-table .ws-matchup-team small {
		font-size: .68rem;
	}

	.dk-competitions .ws-main .dk-results-table td:last-child {
		display: flex;
		justify-content: flex-end;
	}
}

@media (max-width: 420px) {
	.dk-competitions .ws-main .dk-standings-table tbody tr {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.dk-competitions .ws-main .dk-standings-table tbody td:nth-child(2) {
		overflow-wrap: anywhere;
	}
}
