/* ============================================================
   Tier A - Issue TOC jump-nav + show-all  (feature: featToc)
   Styles the elements injected by js/toc.js. If the JS does not run
   (or no TOC present) these rules simply have nothing to style, so the
   page is identical to the current site. Reversible via the toggle.
   ============================================================ */

/* injected jump-nav */
.synth-tocnav {
	font-family: inherit;
	margin: 0 0 1.5rem;
	padding: 0.9rem 1rem;
	border: 1px solid rgba(0, 0, 0, 0.1);
	border-radius: 8px;
	background: rgba(0, 0, 0, 0.02);
}
.synth-tocnav .synth-tocnav__label {
	font-size: 0.72rem;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	opacity: 0.6;
	margin: 0 0 0.5rem;
}
.synth-tocnav ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 0.4rem 0.75rem;
}
.synth-tocnav a {
	display: inline-flex;
	align-items: baseline;
	gap: 0.35rem;
	font-size: 0.86rem;
	text-decoration: none;
}
.synth-tocnav a:hover { text-decoration: underline; }
.synth-tocnav a .synth-count {
	font-size: 0.72rem;
	opacity: 0.6;
	font-variant-numeric: tabular-nums;
}

/* make in-page jumps land below any sticky header */
.obj_issue_toc .section { scroll-margin-top: 1.5rem; }

/* show-all button for large sections */
.synth-showall {
	display: inline-block;
	margin: 0.6rem 0 0.2rem;
	padding: 0.4rem 0.9rem;
	font: inherit;
	font-size: 0.85rem;
	cursor: pointer;
	border: 1px solid rgba(0, 0, 0, 0.2);
	border-radius: 7px;
	background: #fff;
}
.synth-showall:hover { border-color: rgba(0, 0, 0, 0.45); }
.synth-hidden-item { display: none !important; }

@media (prefers-reduced-motion: no-preference) {
	html { scroll-behavior: smooth; }
}