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;
}

.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-title::marker {
	content: "";
}

.template-featured_in-title::-webkit-details-marker {
	display: none;
}

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

.template-featured_in-content {
	padding: var(--space-sm);
}

.template-featured_in-header {
	font-size: var(--font-size-large);
	font-weight: bold;
}

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