/*
Styling for ]
A quick crash-course on CSS: 
var(--x,#fff)
means use variable --x, and if --x is not defined use #fff as a fallback.
--border-color-base and friends are defined by MediaWiki,
and they change depending on whether dark mode is enabled.
*/
.YFA-search {
	text-align:center; 
	border:1px solid var(--border-color-base,#a2a9b1); 
	max-width:35em; 
	margin:0 auto;
}

.YFA-search-top {
	font-size:120%; 
	background-color: var(--background-color-neutral,#eaecf0); 
	color: var(--color-base,#202122); 
	text-align: center; 
	width:100%; 
	padding: 0.1em 0
}

.YFA-search-box {
	padding:1.3em 1.5em; 
	color: var(--color-base,#202122); 
	background-color:var(--background-color-neutral-subtle,#f8f9fa); 
	border-top:1px solid var(--border-color-base,#a2a9b1);
}

.YFA-search-footer {
	padding:0.1em 0.5em; 
	color: var(--color-base,#404122); 
	background-color:var(--background-color-neutral-subtle,#f4f5f6); 
	border-top:1px solid var(--border-color-base,#a2a9b1);
}