Template:Disambig/styles.css

.loka-disambig-notice {
	display: flex;
	align-items: center;
	gap: 1em;
	margin: 0 0 1em;
	padding: .7em 1em;
	background: rgba(255, 255, 255, .035);
	border: 1px solid rgba(255, 255, 255, .12);
	border-left: 4px solid rgba(240, 207, 142, .55);
	border-radius: 4px;
}

.loka-disambig-notice-logo {
	flex: none;
	display: block;
	opacity: .75;
}

.loka-disambig-notice-logo img {
	display: block;
	width: 48px;
	height: auto;
}

.loka-disambig-notice-title {
	font-family: UNIVERSAL-SERIF, serif;
	font-variant: small-caps;
	font-weight: 700;
	font-size: 1.05em;
	letter-spacing: .03em;
	color: #f0cf8e;
	margin-bottom: .18em;
}

.loka-disambig-notice-text {
	font-size: .88em;
	line-height: 1.4;
	opacity: .82;
	font-style: italic;
}

@media (prefers-color-scheme: light) {
	.loka-disambig-notice {
		background: rgba(0, 0, 0, .03);
		border-color: rgba(0, 0, 0, .12);
		border-left-color: rgba(156, 107, 46, .55);
	}
	.loka-disambig-notice-title { color: #9c6b2e; }
}

/* Narrow enough that the logo plus body text no longer fit comfortably
   side by side -- stack instead, matching the same breakpoint used by
   Template:Deprecated's notice box. */
@media (max-width: 480px) {
	.loka-disambig-notice {
		flex-direction: column;
		align-items: flex-start;
	}
}