/* SIL Internal Links - front-end boxes. Themeable via CSS variables set in the Style settings. */
.sil-box {
	border: 1px solid var(--sil-border, rgba(0,0,0,.12));
	border-radius: var(--sil-radius, 6px);
	padding: 1em 1.25em;
	margin: 1.75em 0;
	background: var(--sil-bg, rgba(0,0,0,.02));
}
.sil-box-title {
	font-weight: 700;
	margin: 0 0 .5em;
	font-size: 1.05em;
	color: var(--sil-title, inherit);
}
.sil-box ul {
	margin: 0 0 0 1.1em;
	padding: 0;
}
.sil-box li {
	margin: .3em 0;
}
.sil-box a {
	color: var(--sil-link, inherit);
}
.sil-series-nav {
	display: flex;
	gap: 1em;
	flex-wrap: wrap;
	justify-content: space-between;
}
.sil-series-nav a {
	display: flex;
	flex-direction: column;
	text-decoration: none;
	max-width: 48%;
}
.sil-series-nav .sil-next {
	margin-left: auto;
	text-align: right;
}
.sil-series-nav .sil-dir {
	font-size: .85em;
	opacity: .7;
}
.sil-series-nav .sil-name {
	font-weight: 600;
}
@media (max-width: 600px) {
	.sil-series-nav a { max-width: 100%; }
}