.department-tabs {
	overflow: auto;
	display: flex;
	flex-wrap: wrap;
	flex-grow: 1;
	gap: 0.25rem;
}

.department-tab {
	display: inline-flex;
	position: relative;
	flex-grow: 1;
	flex-basis: 5%;
}

.department-tab a {
	flex-grow: 1;
	align-content: center;
	text-align: center;
	font-weight: bold;
	height: 1.5em;
	padding: 0.25em 1em;
	background-color: var(--deptab);
	color: rgba(255, 255, 255, 0.92);
	border: 1px solid var(--deptab-hover);
	border-radius: 6px;
	transition-property: background-color, color, box-shadow;
	transition-duration: 0.15s;
}

.department-tab a:hover {
	background-color: var(--deptab-hover);
	color: #ffffff;
}

.department-tab a:active {
	background-color: var(--deptab);
}

.department-tab a.mw-selflink {
	background-color: var(--deptab-hover) !important;
	color: #ffffff !important;
	box-shadow: 0 0 0.33em 1px var(--deptab-hover);
	z-index: 2;
}