Template:Featured In/styles.css

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

.template-featured_in > summary {
	font-size: var(--font-size-xx-large);
	font-weight: bold;
	text-align: center;
}

.template-featured_in > summary::marker {
	content: "";
}

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

.template-featured_in > summary {
	cursor: pointer;
	user-select: none;
}

.template-featured_in > summary:hover {
	background: var(--background-color-quiet--hover);
}

.template-featured_in-header {
	font-size: var(--font-size-x-large);
	line-height: var(--line-height-x-large);
}

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