Template:Featured In/styles.css

.template-featured_in {
	width: 300px;
	max-width: 100%;
	margin-block: var(--space-sm);
	background: var(--color-surface-2);
	border: var(--color-amaranth-legacy-scope) solid 4px;
	box-shadow: var(--color-amaranth-legacy-scope) 0 0 10px;
	text-align: center;
}

@media screen and (max-width: 639px) {
	.template-featured_in {
		margin-right: auto;
		margin-left: auto;
	}
}

.template-featured_in-title {
	font-size: var(--font-size-xx-large);
	font-weight: bold;
	text-align: center;
	cursor: pointer;
	user-select: none;
	padding: var(--space-xs);
}

.template-featured_in-title:hover {
	background: var(--background-color-button-quiet--hover);
}

.template-featured_in[open] .template-featured_in-title {
	border-bottom: var(--color-amaranth-legacy-scope) solid 4px;
	box-shadow: var(--color-amaranth-legacy-scope) 0 0 10px;
}

.template-featured_in-content {
	display: flex;
	flex-direction: column;
	gap: var(--space-xs);
	padding: var(--space-sm);
}

.template-featured_in-section-header {
	font-size: var(--font-size-large);
	font-weight: bold;
	margin-block-end: var(--space-xxs);
}

.template-featured_in-section-content p {
	margin-block: 0;
}