.dommine-series-navigation {
	margin-block: 1.5rem;
}

.dommine-series-navigation__header {
	display: grid;
	grid-template-columns: 1fr auto;
	gap: .2rem 1rem;
	align-items: baseline;
	margin-bottom: 1rem;
}

.dommine-series-navigation__eyebrow,
.dommine-series-navigation__title,
.dommine-series-navigation__status { margin: 0; }

.dommine-series-navigation__eyebrow {
	grid-column: 1 / -1;
	font-size: .8em;
	font-weight: 700;
	letter-spacing: .07em;
	opacity: .72;
}

.dommine-series-navigation__title { font-size: 1.1em; font-weight: 600; }
.dommine-series-navigation__status { font-size: .9em; opacity: .72; }
.dommine-series-navigation__list { margin: 0; padding-left: 1.4rem; font-size: 1em; line-height: 1.6; }
.dommine-series-navigation__item { padding: .28rem .35rem; }
.dommine-series-navigation__current {
	font-weight: 600;
	background: color-mix(in srgb, currentColor 7%, transparent);
	border-radius: .3rem;
}

.dommine-series-navigation a:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }

.dommine-series-navigation__pager {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 1rem;
	margin-top: 1.25rem;
	padding-top: 1rem;
	border-top: 1px solid color-mix(in srgb, currentColor 12%, transparent);
}

.dommine-series-navigation__pager a { display: grid; gap: .15rem; min-width: 0; }
.dommine-series-navigation__pager span { font-size: .78em; opacity: .68; }
.dommine-series-navigation__pager strong { font-size: .95em; line-height: 1.45; }
.dommine-series-navigation__next { text-align: right; }

@media (max-width: 520px) {
	.dommine-series-navigation {
		margin-block: 1rem;
	}

	.dommine-series-navigation__header,
	.dommine-series-navigation__pager { grid-template-columns: 1fr; }
	.dommine-series-navigation__status,
	.dommine-series-navigation__next { text-align: left; }
}