Module:Scope Classification/styles.css

.template-scope_classification {
	table-layout: fixed;
	border-collapse: separate;
	border-spacing: var(--space-xs) var(--space-sm);
	width: 75%;
	margin: 0 auto;
}

.template-scope_classification th {
	border-bottom: solid var(--border-width-thick) var(--color-amaranth-legacy-scope);
	box-shadow: var(--color-amaranth-legacy-scope) 0 0 10px;
    clip-path: inset(0 0 -10px 0);
	background: var(--color-surface-1);
	padding: var(--space-xxs);
}

.template-scope_classification td {
	text-align: center;
	width: 25%;
	border-bottom: solid var(--border-width-thick) var(--color-amaranth-legacy-scope);
	box-shadow: var(--color-amaranth-legacy-scope) 0 0 10px;
    clip-path: inset(0 0 -10px 0);
	background: var(--color-surface-1);
}

.template-scope_classification td ul {
	margin: 0;
	list-style: none;
}

@media screen and (max-width: 639px) {
	.template-scope_classification {
		width: 100%;
		border-spacing: var(--space-xxs) var(--space-xs);
	}
	
	.template-scope_classification td {
		width: calc(100% / 3);
	}
}