Template:BTD6 challenge rules/style.css

/* [[Category:Template styles]] */
.cr-outer-block {
	background: var(--background-color-object-base);
	border: 1px solid var(--border-color-object-base);
	margin: 1em 0;
	padding: 3px 4px 4px;
}

.flex-wrapper {
	width: 100%;
	margin-top: 2px;
	display: flex;
	flex-wrap: wrap;
	gap: 2px;
}

.flex-head {
	text-align: center;
	font-weight: bold;
	font-size: 1.1em;
}

.flex-item {
	flex: 1 1 350px;
	background-color: var(--background-color-object-neutral);
	font-size: 90%;
}

.flex-item.half-width {
	flex: 0.5 1 174px;
}

.flex-item.double-width {
	flex: 2 1 701px;
}

.flex-item.triple-width {
	flex: 3 1 1052px;
}

.flex-item-header {
	font-weight: bold;
	text-align: center;
	padding: .1em .2em;
	background-color: var(--background-color-object-neutral-subtle);
	border-bottom: 2px solid var(--background-color-object-base);
}

.flex-item-body {
	padding: .2em .3em;
}