/* In-page links under a title band, as a row of quiet pills. */

.subnav__list {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: var(--space-1);
	padding: 0;
	list-style: none;
}

.subnav__list li + li {
	margin: 0;
}

.subnav__list a {
	display: inline-flex;
	align-items: center;
	min-height: 2.75rem;
	padding-inline: var(--space-2);
	border: var(--border-hairline) solid var(--color-border-control);
	border-radius: var(--radius-pill);
	font-size: var(--font-2);
	font-weight: var(--weight-medium);
	text-decoration: none;
}

.subnav__list a:hover,
.subnav__list a:focus-visible {
	background-color: var(--color-btn);
	border-color: var(--color-btn);
	color: var(--color-on-btn);
}