/* =========================================================
   Journal - Publishing layer
   Version: 3.2.6
   Scope: Userhub Journal only
   Owner: site/journal.css
========================================================= */

:root {
	--tds-oa-green-solid: #005936;
}

.uh-journal-compact-head {
	padding-top: 6rem;
	padding-bottom: 1.5rem;
	border-bottom: 1px solid var(--tds-border);
	background-color: #ffffff;
}

.uh-journal-compact-head__lead {
	max-width: 52rem;
	color: var(--tds-text-muted);
	font-family: var(--tds-font-record);
	font-size: var(--tds-type-size-body);
	line-height: var(--tds-type-line-body);
}

.uh-journal-home {
	background-color: #ffffff;
}

.uh-journal-shell {
	padding-top: 2.5rem;
	padding-bottom: 3rem;
}

.uh-journal-rail {
	display: flex;
	flex-direction: column;
	gap: 1.25rem;
}

.uh-journal-rail-block {
	padding-bottom: 1.25rem;
	border-bottom: 1px solid var(--tds-border);
}

.uh-journal-rail-copy {
	color: var(--tds-text-muted);
	font-family: var(--tds-font-record);
	font-size: var(--tds-type-size-meta);
	line-height: var(--tds-type-line-meta);
	font-weight: var(--tds-weight-regular);
}

.uh-journal-rail-link {
	display: inline-flex;
	align-items: center;
	gap: 0.4rem;
	font-family: var(--tds-font-system);
	font-size: var(--tds-type-size-meta);
	font-weight: var(--tds-weight-medium);
	line-height: var(--tds-type-line-meta);
	color: var(--tds-text-main);
	text-decoration: none;
}

.uh-journal-rail-link:hover,
.uh-journal-rail-link:focus {
	color: var(--tds-brand-strong);
	text-decoration: none;
}

.uh-journal-category-nav .menu-item + .menu-item {
	margin-top: 0.75rem;
	padding-top: 0.75rem;
	border-top: 1px solid var(--tds-border);
}

.uh-journal-category-nav .menu-item > a {
	display: block;
	font-family: var(--tds-font-system);
	font-size: var(--tds-type-size-ui);
	font-weight: var(--tds-weight-medium);
	line-height: var(--tds-type-line-ui);
	color: var(--tds-text-main);
	text-decoration: none;
}

.uh-journal-category-nav .menu-item > a:hover,
.uh-journal-category-nav .menu-item > a:focus,
.uh-journal-category-nav .current-menu-item > a,
.uh-journal-category-nav .current-menu-ancestor > a {
	color: var(--tds-brand-strong);
	text-decoration: none;
}

.uh-journal-meta-list {
	display: flex;
	flex-direction: column;
	gap: 0.875rem;
	margin: 0;
}

.uh-journal-meta-list__item {
	display: flex;
	flex-direction: column;
	gap: 0.25rem;
}

.uh-journal-stream {
	display: flex;
	flex-direction: column;
	gap: 1.5rem;
}

.uh-journal-stream-head {
	padding-bottom: 1.5rem;
	border-bottom: 1px solid var(--tds-border);
}

.uh-journal-stream-head__lead {
	max-width: 52rem;
	color: var(--tds-text-muted);
	font-family: var(--tds-font-record);
	font-size: var(--tds-type-size-body);
	line-height: var(--tds-type-line-body);
}

.uh-journal-stream-head__desc {
	max-width: 52rem;
	margin-top: 1rem;
	color: var(--tds-text-muted);
	font-family: var(--tds-font-record);
	font-size: var(--tds-type-size-body);
	line-height: var(--tds-type-line-body);
}

.uh-journal-stream-head__desc > *:last-child {
	margin-bottom: 0;
}
.uh-journal-record-block {
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

/* =========================================================
   Journal info pages
========================================================= */

.uh-journal-info-page {
	background-color: var(--tds-surface);
}

.uh-journal-info-page__body {
	padding-block: var(--tds-space-05) var(--tds-space-06);
}

.uh-journal-info-page__document {
	max-width: 56rem;
	margin-inline: auto;
	padding: clamp(1.5rem, 4vw, 3rem);
	border: 1px solid var(--tds-border);
	border-radius: 0.875rem;
	background-color: #ffffff;
}

.uh-journal-info-page__content {
	max-width: 48rem;
	color: var(--tds-text-main);
	font-family: var(--tds-font-record);
	font-size: var(--tds-type-size-body);
	line-height: var(--tds-type-line-body);
}

.uh-journal-info-page__content > *:first-child {
	margin-top: 0;
}

.uh-journal-info-page__content > *:last-child {
	margin-bottom: 0;
}

.uh-journal-info-page__content h2,
.uh-journal-info-page__content h3,
.uh-journal-info-page__content h4 {
	font-family: var(--tds-font-system);
	font-weight: var(--tds-weight-semibold);
	line-height: var(--tds-type-line-h4);
	letter-spacing: var(--tds-type-track-h4);
	color: var(--tds-text-main);
}

.uh-journal-info-page__content h2 {
	margin-top: var(--tds-space-05);
	margin-bottom: var(--tds-space-03);
	font-size: var(--tds-type-h2);
	line-height: var(--tds-type-line-h2);
	letter-spacing: var(--tds-type-track-h2);
}

.uh-journal-info-page__content h3 {
	margin-top: var(--tds-space-04);
	margin-bottom: var(--tds-space-02);
	font-size: var(--tds-type-h3);
	line-height: var(--tds-type-line-h3);
	letter-spacing: var(--tds-type-track-h3);
}

.uh-journal-info-page__content p,
.uh-journal-info-page__content ul,
.uh-journal-info-page__content ol {
	margin-bottom: var(--tds-space-03);
}

.uh-journal-info-page__content a {
	color: var(--tds-brand-strong);
	text-decoration: underline;
	text-decoration-color: var(--tds-brand-a22);
	text-decoration-thickness: 1px;
	text-underline-offset: 0.18em;
	transition:
		color var(--tds-motion-duration-snappy) ease,
		text-decoration-color var(--tds-motion-duration-snappy) ease;
}

.uh-journal-info-page__content a:hover,
.uh-journal-info-page__content a:focus-visible {
	color: var(--tds-brand-strong);
	text-decoration-color: currentColor;
}

.uh-journal-info-page__content a:focus-visible {
	border-radius: 0.2rem;
	outline: 2px solid var(--tds-brand-a35);
	outline-offset: 3px;
}

/* =========================================================
   Publication record list
========================================================= */

.uh-journal-record-list__item {
	padding-top: 1.5rem;
	padding-bottom: 1.5rem;
	border-bottom: 1px solid var(--tds-border);
}

.uh-journal-entry {
	display: flex;
	flex-direction: column;
	gap: 0.9rem;
}

.uh-journal-entry__eyebrow {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.875rem;
}

.uh-journal-entry__type,
.uh-journal-entry__access {
	display: inline-flex;
	align-items: center;
	gap: 0.35rem;
	font-family: var(--tds-font-system);
	font-size: var(--tds-type-size-label);
	font-weight: var(--tds-weight-medium);
	line-height: var(--tds-type-line-label);
	letter-spacing: var(--tds-type-track-label);
	text-transform: uppercase;
	color: var(--tds-text-muted);
}

.uh-journal-entry__title {
	margin: 0;
	max-width: 60rem;
	font-family: var(--tds-font-system);
	font-size: var(--tds-type-h3);
	font-weight: var(--tds-weight-semibold);
	line-height: var(--tds-type-line-h3);
	letter-spacing: var(--tds-type-track-h3);
	color: var(--tds-text-main);
}

.uh-journal-entry__title-link {
	color: inherit;
	text-decoration: none;
}

.uh-journal-entry__title-link:hover,
.uh-journal-entry__title-link:focus {
	color: var(--tds-brand-strong);
	text-decoration: none;
}

.uh-journal-entry__authors {
	font-family: var(--tds-font-system);
	font-size: var(--tds-type-size-meta);
	font-weight: var(--tds-weight-medium);
	line-height: var(--tds-type-line-meta);
	color: var(--tds-text-muted);
}

.uh-journal-entry__summary {
	max-width: var(--tds-reading-measure);
	font-family: var(--tds-font-record);
	font-size: var(--tds-type-size-body);
	line-height: var(--tds-type-line-body);
	color: var(--tds-text-main);
}

.uh-journal-entry__meta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.75rem 1.25rem;
}

.uh-journal-entry__meta-item {
	display: inline-flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.4rem;
	font-family: var(--tds-font-system);
	font-size: var(--tds-type-size-meta);
	font-weight: var(--tds-weight-medium);
	line-height: var(--tds-type-line-meta);
	color: var(--tds-text-muted);
}

.uh-journal-entry__meta-label {
	color: var(--tds-text-main);
}

.uh-journal-entry__doi {
	color: var(--tds-brand-strong);
	text-decoration: none;
	border-bottom: 1px solid var(--tds-brand-a22);
	word-break: break-word;
}

.uh-journal-entry__doi:hover,
.uh-journal-entry__doi:focus {
	color: var(--tds-brand-strong);
	border-bottom-color: currentColor;
	text-decoration: none;
}

.uh-journal-entry__actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.875rem 1.25rem;
	padding-top: 0.15rem;
}

.uh-journal-actionlink,
.uh-journal-actionlink:link,
.uh-journal-actionlink:visited,
.uh-journal-actionlink:hover,
.uh-journal-actionlink:focus,
.uh-journal-actionlink:focus-visible,
.uh-journal-actionlink:active {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.4rem;
	min-height: var(--tds-tap-target-min);
	padding: 0;
	border: 0;
	background: transparent;
	box-shadow: none;
	font-family: var(--tds-font-system);
	font-size: var(--tds-type-size-label);
	font-weight: var(--tds-weight-medium);
	line-height: var(--tds-type-line-label);
	letter-spacing: var(--tds-type-track-label);
	text-transform: uppercase;
	color: var(--tds-text-main);
	text-decoration: none !important;
	text-decoration-line: none !important;
	text-decoration-color: transparent !important;
	text-decoration-thickness: 0 !important;
	text-underline-offset: 0 !important;
	border-radius: 0.375rem;
	cursor: pointer;
	transition:
		color var(--tds-motion-duration-snappy) cubic-bezier(0.4, 0, 0.2, 1),
		background-color var(--tds-motion-duration-snappy) cubic-bezier(0.4, 0, 0.2, 1),
		border-color var(--tds-motion-duration-snappy) cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.uh-journal-actionlink:hover,
.uh-journal-actionlink:focus {
	color: var(--tds-brand-strong);
}

.uh-journal-actionlink:focus-visible {
	color: var(--tds-brand-strong);
	background-color: var(--tds-brand-a04);
}

.uh-journal-actionlink--button {
	appearance: none;
}

.uh-journal-actionlink::before,
.uh-journal-actionlink::after {
	display: none !important;
	content: none !important;
}

/* =========================================================
   Pagination + empty state
========================================================= */

.uh-journal-pagination {
	padding-top: 1.5rem;
	border-top: 1px solid var(--tds-border);
}

.uh-journal-empty-state {
	padding-top: 1.5rem;
}

/* =========================================================
   Citation modal
========================================================= */

.uh-journal-cite-modal {
	border-radius: 0.75rem;
	box-shadow: 0 0.75rem 2rem rgba(17, 24, 39, 0.12);
	overflow: hidden;
}

.uh-journal-cite-modal .modal-header {
	padding: 1.5rem 1.5rem 0.75rem;
	background-color: #ffffff;
}

.uh-journal-cite-modal__body {
	padding: 0.25rem 1.5rem 1.5rem;
	background-color: #ffffff;
}

.uh-journal-cite-modal__header {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	margin-bottom: 1rem;
}

.uh-journal-cite-modal__label {
	font-family: var(--tds-font-system);
	font-size: var(--tds-type-size-label);
	font-weight: var(--tds-weight-medium);
	line-height: var(--tds-type-line-label);
	letter-spacing: var(--tds-type-track-label);
	text-transform: uppercase;
	color: var(--tds-text-muted);
}

.uh-journal-citation-box {
	padding: 1.25rem;
	border-left: 0.25rem solid var(--tds-brand);
	border-radius: 0.5rem;
	background-color: #f8f8f8;
	font-family: var(--tds-font-record);
	font-size: var(--tds-type-size-body);
	line-height: var(--tds-type-line-body);
	color: var(--tds-text-main);
	word-break: break-word;
	user-select: all;
}

.uh-journal-cite-modal__footer {
	padding: 1.25rem 1.5rem 1.5rem;
	border-top: 1px solid var(--tds-border);
	background-color: #fafafa;
}

.uh-journal-export-card {
	display: flex;
	flex-direction: column;
	width: 100%;
	gap: 0.2rem;
	min-height: var(--tds-tap-target-min);
	padding: 1rem 1.125rem;
	border: 1px solid var(--tds-border);
	border-radius: 0.5rem;
	background-color: #ffffff;
	text-align: left;
	cursor: pointer;
}

.uh-journal-export-card:hover,
.uh-journal-export-card:focus {
	border-color: var(--tds-brand-a35);
}

.uh-journal-export-card__title {
	font-family: var(--tds-font-system);
	font-size: var(--tds-type-size-ui);
	font-weight: var(--tds-weight-semibold);
	line-height: var(--tds-type-line-ui);
	color: var(--tds-text-main);
	letter-spacing: var(--tds-type-track-ui);
}

.uh-journal-export-card__meta {
	font-family: var(--tds-font-system);
	font-size: var(--tds-type-size-meta);
	font-weight: var(--tds-weight-medium);
	line-height: var(--tds-type-line-meta);
	color: var(--tds-text-muted);
}

/* =========================================================
   Shared icon sizing
========================================================= */

.uh-toolbar-icon,
.uh-meta-icon {
	width: 1rem;
	height: 1rem;
	flex: 0 0 auto;
	vertical-align: middle;
}

/* =========================================================
   Desktop rail behavior
========================================================= */

@media (min-width: 992px) {
	.uh-journal-rail {
		position: sticky;
		top: 6rem;
	}
}

/* =========================================================
   Responsive
========================================================= */

@media (max-width: 991.98px) {
	.uh-journal-shell {
		padding-top: 1.5rem;
		padding-bottom: 2rem;
	}

	.uh-journal-stream {
		gap: 1.25rem;
	}

	.uh-journal-stream-head,
	.uh-journal-rail-block {
		padding-bottom: 1rem;
	}

	.uh-journal-record-list__item {
		padding-top: 1.25rem;
		padding-bottom: 1.25rem;
	}

	.uh-journal-stream-head__lead,
	.uh-journal-stream-head__desc,
	.uh-journal-rail-copy,
	.uh-journal-entry__summary,
	.uh-journal-compact-head__lead {
		max-width: none;
	}
}

@media (max-width: 575.98px) {
	.uh-journal-citation-box,
	.uh-journal-export-card {
		padding-left: 1rem;
		padding-right: 1rem;
	}

	.uh-journal-entry__actions,
	.uh-journal-entry__meta {
		gap: 0.75rem 1rem;
	}
}

/* ==========================================================================
   JOURNAL SINGLE - SCHOLARLY RECORD INTERFACE
   Scope: single-publication.php
   Layer: Site / Intent (journal.css)
   ========================================================================== */

/**
 * 1. GLOBAL ARTICLE CONTAINER
 * Sets the institutional canvas for the publication record.
 */
.uh-journal-article {
    padding-block: var(--tds-space-05) var(--tds-space-06);
    background-color: var(--tds-surface);
}

.uh-journal-record {
    color: var(--tds-text-main);
}

/**
 * 2. HEADER & IDENTITY
 * Establishes the hierarchy: Kicker -> Title -> Authors.
 * Establishes record hierarchy from kicker to title and authors.
 */
.uh-journal-record__header {
    padding-top: 2.5rem;
    padding-bottom: 2.25rem;
    margin-bottom: 2.25rem;
    border-bottom: 1px solid var(--tds-border);
}

.uh-journal-record__kicker {
    display: inline-block;
    margin-bottom: 0.875rem;
}

.uh-journal-record__title {
    font-family: var(--tds-font-system);
    margin: 0 0 1rem;
    max-width: none;
    font-size: var(--tds-type-h2);
    line-height: var(--tds-type-line-h2);
    font-weight: var(--tds-weight-semibold);
    letter-spacing: var(--tds-type-track-h2);
    text-wrap: balance;
}

.uh-journal-record__byline {
	margin-top: 1.35rem;
	max-width: 68ch;
	font-family: var(--tds-font-system);
}

.uh-journal-record__authors {
	display: block;
	margin: 0;
	font-size: var(--tds-type-size-ui);
	font-weight: var(--tds-weight-medium);
	line-height: var(--tds-type-line-ui);
	color: var(--tds-brand-strong);
}

.uh-journal-record__author-name {
	display: inline;
}

.uh-journal-record__author-separator {
	display: inline;
	color: currentColor;
	opacity: 0.65;
}

.uh-journal-record__affiliation {
	margin: 0.35rem 0 0;
	font-size: var(--tds-type-size-meta);
	font-weight: var(--tds-weight-regular);
	line-height: var(--tds-type-line-meta);
	color: var(--tds-text-main);
	opacity: 0.88;
}

/**
 * 3. THE LEDGER (METADATA BLOCK)
 * Structured grid for persistent identifiers (DOI, ISSN, Dates).
 */
.uh-journal-record__ledger-wrap {
	padding-top: 2.9rem;
}

.uh-journal-record__ledger {
	display: grid;
	gap: 0.85rem;
	margin: 0;
	padding: 1rem 0 0;
	font-size: var(--tds-type-size-meta);
	opacity: 0.92;
}

.uh-journal-record__ledger-item {
	display: grid;
	grid-template-columns: 7.25rem minmax(0, 1fr);
	column-gap: 1.25rem;
	align-items: center;
}

.uh-journal-record__ledger .uh-metadata-label {
	white-space: nowrap;
	color: var(--tds-text-main);
}

.uh-journal-record__ledger .uh-metadata-value {
	display: flex;
	align-items: center;
	min-width: 0;
	color: var(--tds-text-main);
}

.uh-journal-record__ledger-item a {
	color: var(--tds-brand-strong);
	text-decoration: underline;
	text-decoration-color: var(--tds-brand-a22);
	text-underline-offset: 3px;
	transition:
		color 0.2s ease,
		text-decoration-color 0.2s ease;
}

.uh-journal-record__ledger-item a:hover,
.uh-journal-record__ledger-item a:focus-visible {
	color: var(--tds-brand-strong);
	text-decoration-color: currentColor;
}

.uh-journal-record__ledger .uh-metadata-value a {
	word-break: normal;
	overflow-wrap: anywhere;
}

.uh-doi-group {
	display: flex;
	align-items: center;
	gap: 0.65rem;
	min-width: 0;
	flex-wrap: nowrap;
}

.uh-doi-group a {
	white-space: nowrap;
}

.uh-doi-copy-btn {
	display: inline-flex;
	align-items: center;
	gap: 0.35rem;
	min-height: var(--tds-tap-target-min);
	flex: 0 0 auto;
	padding: 0.25rem 0.6rem;
	border: 1px solid var(--tds-border);
	border-radius: 4px;
	background: var(--tds-ink-a04);
	font-family: var(--tds-font-system);
	font-size: var(--tds-type-size-label);
	font-weight: var(--tds-weight-medium);
	line-height: var(--tds-type-line-label);
	text-transform: uppercase;
	letter-spacing: var(--tds-type-track-label);
	color: var(--tds-text-muted);
	cursor: pointer;
	transition:
		color var(--tds-motion-duration-snappy) ease,
		background-color var(--tds-motion-duration-snappy) ease,
		border-color var(--tds-motion-duration-snappy) ease;
}

.uh-doi-copy-btn:hover,
.uh-doi-copy-btn:focus-visible {
	color: var(--tds-brand-strong);
	border-color: var(--tds-brand-a35);
	background: #ffffff;
}

.uh-doi-copy-btn.is-copied,
.uh-journal-record__tool.is-copied {
	color: #198754 !important;
	border-color: rgba(25, 135, 84, 0.3) !important;
	background-color: rgba(25, 135, 84, 0.05) !important;
}

.uh-oa-signal {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	font-family: var(--tds-font-system);
	font-weight: var(--tds-weight-semibold);
	white-space: nowrap;
}

.uh-oa-signal--badge {
	padding: 0.25rem 0.65rem;
	border: 0;
	border-radius: 4px;
	background-color: var(--tds-oa-green-solid, #005936);
	font-size: var(--tds-type-size-label);
	letter-spacing: var(--tds-type-track-label);
	text-transform: uppercase;
	color: #ffffff;
	font-weight: var(--tds-weight-medium);
	line-height: var(--tds-type-line-label);
}

.uh-journal-record__ledger-item .uh-oa-signal {
	color: var(--tds-oa-green-solid, #005936);
}

.uh-oa-link {
	color: var(--tds-oa-green-solid, #005936);
	text-decoration: underline;
	text-decoration-color: rgba(0, 89, 54, 0.25);
	text-underline-offset: 3px;
	transition:
		color 0.2s ease,
		text-decoration-color 0.2s ease;
}

.uh-oa-link:hover,
.uh-oa-link:focus-visible {
	color: var(--tds-oa-green-solid, #005936);
	text-decoration-color: currentColor;
}

@media (max-width: 575.98px) {
	.uh-journal-record__ledger-item {
		grid-template-columns: 1fr;
		row-gap: 0.35rem;
	}

	.uh-journal-record__ledger .uh-metadata-label {
		font-size: var(--tds-type-size-label);
	}

	.uh-journal-record__ledger .uh-metadata-value,
	.uh-doi-group,
	.uh-journal-record__ledger-item .uh-oa-signal {
		flex-wrap: wrap;
		white-space: normal;
	}

	.uh-doi-group a {
		white-space: normal;
	}
}
/**
 * 4. TOOLS & ACTIONS
 * Download (PDF), Citation (Cite), and Record access (OAI-PMH).
 */
.uh-journal-record__tools {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem 1.5rem;
    align-items: center;
    margin-top: 2rem;
    padding-top: 1rem;
    border-top: 1px solid var(--tds-border);
}

/**
 * 5. ARTICLE BODY (THE RECORD)
 * Optimized for long-form scholarly reading.
 */
.uh-journal-record__body h2 {
    margin-top: 4rem;
    margin-bottom: 1.25rem;
    font-family: var(--tds-font-system);
}

.uh-journal-record__body blockquote {
    padding-left: 1.25rem;
    border-left: 2px solid var(--tds-border);
    color: var(--tds-text-muted);
}

/**
 * 6. STICKY RAIL & ASIDE
 * Logic for persistent document navigation on desktop.
 */
.uh-journal-aside {
    position: relative; /* Context for children */
}

.uh-journal-record__rail-wrap {
    position: sticky;
    top: 7.5rem; /* Aligns with Global Header offset */
    z-index: 10;
}

.uh-journal-record__rail {
    display: grid;
    gap: 2rem;
}

.uh-journal-record__rail-heading {
    font-size: var(--tds-type-size-label);
    font-weight: var(--tds-weight-medium);
    letter-spacing: var(--tds-type-track-label);
    text-transform: uppercase;
    color: var(--tds-text-muted);
    margin-bottom: 1rem;
    line-height: var(--tds-type-line-label);
}

/**
 * 7. TABLE OF CONTENTS (TOC) - CONSOLIDATED
 * Unified component for link states and scrollspy feedback.
 */
.uh-journal-record__toc {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.uh-toc-link {
    position: relative;
    display: block;
    padding: 0.4rem 0 0.4rem 1.25rem;
    font-family: var(--tds-font-system);
    font-size: var(--tds-type-size-ui);
    font-weight: var(--tds-weight-medium);
    color: var(--tds-text-muted);
    text-decoration: none;
    border-left: 2px solid var(--tds-border);
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    line-height: var(--tds-type-line-ui);
}

.uh-toc-link:hover {
    color: var(--tds-brand-strong);
    border-left-color: var(--tds-brand-a22);
}

/* Active Highlight: "The Red Thread" Navigation */
.uh-toc-link.is-active,
.uh-toc-link[aria-current="true"] {
    color: var(--tds-brand-strong);
    font-weight: var(--tds-weight-semibold);
    border-left-color: var(--tds-brand-strong);
    background: linear-gradient(90deg, var(--tds-brand-a04) 0%, transparent 100%);
}

/**
 * 8. RESPONSIVE OVERRIDES
 */
@media (max-width: 991.98px) {
    .uh-journal-record__rail-wrap {
        position: static;
        margin-top: 2rem;
    }
}
/**
 * 4. TOOLS & ACTIONS
 * Consolidated tool styling for both <a> and <button> tags.
 */
.uh-journal-record__tool {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    min-height: var(--tds-tap-target-min);
    
    /* Crucial Resets for <button> tags */
    padding: 0;
    border: 0; 
    background: transparent;
    appearance: none;
    
    font: inherit;
    font-weight: var(--tds-weight-medium);
    line-height: 1.4;
    color: var(--tds-text-main);
    text-decoration: none;
    border-radius: 0.375rem;
    cursor: pointer;
    transition: color 180ms ease, background-color 180ms ease;
}

.uh-journal-record__tool:hover,
.uh-journal-record__tool:focus-visible {
    color: var(--tds-brand-strong);
}

.uh-journal-record__tool:focus-visible {
    background-color: var(--tds-brand-a04);
}

/**
 * Ledger Link Styling
 * Ensures DOI and Access are prominent but document-aligned.
 */
.uh-ledger-link {
    color: var(--tds-brand-strong);
    text-decoration: underline;
    text-decoration-color: var(--tds-brand-a12);
    text-underline-offset: 3px;
    transition: all 0.2s ease;
}

.uh-ledger-link:hover {
    color: var(--tds-brand-strong);
    text-decoration-color: currentColor;
}

/**
 * Rail Record Items
 * Styles for stable institutional metadata.
 */
.uh-rail-data-item {
    display: block;
    font-family: var(--tds-font-system);
    font-size: var(--tds-type-size-meta);
    line-height: var(--tds-type-line-meta);
    margin-bottom: 0.25rem;
    color: var(--tds-text-muted);
    font-weight: var(--tds-weight-regular);
}

.uh-rail-label {
    font-weight: var(--tds-weight-medium);
    color: var(--tds-text-main);
    margin-right: 0.25rem;
}

.uh-rail-link {
    font-family: var(--tds-font-system);
    font-size: var(--tds-type-size-meta);
    font-weight: var(--tds-weight-medium);
    color: var(--tds-text-main);
    text-decoration: none;
    transition: color 0.2s ease;
    line-height: var(--tds-type-line-meta);
}

.uh-rail-link:hover {
    color: var(--tds-brand-strong);
}

.uh-rail-link--back {
    font-weight: var(--tds-weight-semibold);
    border-bottom: 1px solid var(--tds-border);
    padding-bottom: 0.5rem;
    display: block;
}


/* Sticky Bottom Utility Bar */
.uh-journal-record__mobile-nav {
    position: fixed;
    right: auto;
    bottom: max(1rem, env(safe-area-inset-bottom));
    left: 50%;
    z-index: 1000;
    width: min(calc(100vw - 2rem), 30rem);
    max-width: calc(100% - 2rem);
    padding: 0.85rem;
    background: #FFFFFF;
    border: 1px solid var(--tds-border);
    border-radius: 12px;
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.12); /* TDS Island Shadow */
    transform: translateX(-50%);
    transition: transform 0.3s ease;
}

.uh-journal-record__mobile-label {
    display: block;
    margin: 0 0 0.45rem;
    font-family: var(--tds-font-system);
    font-size: var(--tds-type-size-ui);
    font-weight: var(--tds-weight-medium);
    line-height: var(--tds-type-line-ui);
    color: var(--tds-text-main);
}

/* Institutional Styling for the Select */
#uh-mobile-toc-select.form-select {
    min-height: var(--tds-tap-target-min);
    border: 0;
    background-color: #f8fafc;
    font-family: var(--tds-font-system);
    font-size: var(--tds-type-size-meta);
    font-style: normal;
    font-weight: var(--tds-weight-medium);
    line-height: 1.4;
    padding: 0.65rem 2.25rem 0.65rem 0.65rem;
    color: var(--tds-text-main);
    box-shadow: none;
}

@media (max-width: 390px) {
    #uh-mobile-toc-select.form-select {
        font-size: var(--tds-type-size-label);
    }
}

.uh-journal-body h2,
.uh-journal-body h3,
.uh-journal-body [id] {
	scroll-margin-top: 8.5rem;
}