Template:UsernamePolicy/styles.css

.username-policy {
	background-color: var(--background-color-neutral-subtle, #f8f9fa);
	border: 1px solid var(--border-color-base, #a2a9b1);
	padding: 0.5em;
}

.username-policy-title {
	background-color: var(--background-color-neutral, #eaecf0);
	text-align: center;
	font-weight: bold;
	font-size: 110%;
}

.username-policy strong {
	display: block;
	margin-top: 1em;
}

.username-policy strong span {
	font-style: italic;
}

.username-policy small span {
	font-weight: bold;
}

.username-policy-disallowed {
	font-size: 85%;
}

.username-policy-disallowed li {
	margin-bottom: 1em;
}

.username-policy-disallowed em {
	font-weight: bold;
	font-style: normal;
}

.username-policy-summary {
	border-top: 1px solid var(--border-color-base, #a2a9b1);
}

@media (min-width: 640px) {
	.username-policy {
		float: right;
		clear: right;
		max-width: clamp(320px, 50%, 80ch);
		margin: .5em 0 .8em 1.4em;
	}

	.username-policy-disallowed {
		margin-left: 1.5em;
	}
}