/* ChestMods Article Jump Buttons */
.cm-article-jump-nav {
	padding: 13px clamp(18px, 4vw, 38px);
	background: #f6f3e9;
	border-bottom: 1px solid var(--cm-line, #d5d8d1);
}

.cm-article-jump-nav__list {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 8px;
	max-width: var(--cm-reading, 760px);
	margin-inline: auto;
}

.cm-article-jump-nav__button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 0;
	min-height: 39px;
	padding: 8px 12px;
	color: var(--cm-grass-dark, #315329);
	background: #fff;
	border: 1px solid #c7d2c2;
	border-radius: 3px;
	box-shadow: inset 0 -2px 0 rgba(49, 83, 41, .08);
	font-size: 13px;
	font-weight: 800;
	line-height: 1.2;
	text-align: center;
	text-decoration: none;
	transition: background-color .16s ease, border-color .16s ease, color .16s ease, transform .16s ease;
}

.cm-article-jump-nav__button:hover,
.cm-article-jump-nav__button:focus-visible {
	color: #fff;
	background: var(--cm-grass, #4f7d3b);
	border-color: var(--cm-grass-dark, #315329);
	outline: 0;
	transform: translateY(-1px);
}

.cm-article-jump-nav__button:focus-visible {
	box-shadow: 0 0 0 3px rgba(79, 125, 59, .28);
}

.cm-entry-content h2[id] {
	scroll-margin-top: 28px;
}

@media (max-width: 480px) {
	.cm-article-jump-nav {
		padding: 12px 14px;
	}

	.cm-article-jump-nav__list {
		gap: 6px;
	}

	.cm-article-jump-nav__button {
		min-height: 38px;
		padding-inline: 7px;
		font-size: 11px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.cm-article-jump-nav__button {
		transition: none;
	}
}
