/*
 * isjac/section-index block styles.
 *
 * A mono rail of jump links to the anchored sections below it — the Hall of
 * Fame induction-year index, and any other chaptered page. The block owns
 * the page measure and edge gutter so a volunteer-dropped index lines up
 * with the section headers it points at.
 *
 * Deliberately NOT sticky. The site header is already sticky and there is no
 * header-height token to offset against, so a sticky index would sit under
 * the nav on scroll. Tokens only. No raw hex, no !important.
 */

.entry-content .isjac-section-index {
	box-sizing:     border-box;
	width:          100%;
	max-width:      var(--isjac-container);
	margin-inline:  auto;
	padding-block:  var(--isjac-space-3);
	padding-inline: var(--isjac-gutter-edge);
	border-bottom:  1px solid var(--isjac-border-default);
}

.entry-content .isjac-section-index__list {
	display:        flex;
	flex-wrap:      wrap;
	gap:            var(--isjac-space-2) var(--isjac-space-5);
	margin:         0;
	padding:        0;
	list-style:     none;
	font-family:    var(--isjac-font-mono);
	font-size:      var(--isjac-font-size-micro);
	letter-spacing: 0.14em;
}

.entry-content .isjac-section-index__link {
	display:         inline-block;
	padding-block:   var(--isjac-space-1);
	color:           var(--isjac-color-brand-link);
	text-decoration: none;
}

.entry-content .isjac-section-index__link:hover,
.entry-content .isjac-section-index__link:focus-visible {
	color:                 var(--isjac-color-brand-deep);
	text-decoration:       underline;
	text-underline-offset: 3px;
}

/* The numeral is a quiet prefix, not a second label; the slash is chrome, so
 * it lives here rather than in the block's markup. */
.entry-content .isjac-section-index__num {
	color: var(--isjac-color-brand-mid);
}

.entry-content .isjac-section-index__num::after {
	content: " / ";
}