body.pkp_page_onlineFirst.pkp_op_index {
	display: flex;
	flex-direction: column;
	min-height: 100vh;
}

:root {
	--aof-accent: #8f001f;
	--aof-accent-hover: #6f0018;
	--aof-accent-soft: rgba(143, 0, 31, .07);
	--aof-accent-border: rgba(143, 0, 31, .24);
}

body.pkp_page_onlineFirst.pkp_op_index > footer {
	margin-top: auto;
}

.page_online_first {
	max-width: 1120px;
	margin-inline: auto;
}

.aof_page_header {
	max-width: 760px;
	margin: 0 0 2.5rem;
}

.aof_page_header h1 {
	margin: .55rem 0 .8rem;
	font-size: clamp(2rem, 4vw, 3.25rem);
	line-height: 1.08;
}

.aof_page_header p {
	max-width: 68ch;
	margin: 0;
	color: #526071;
	font-size: 1.05rem;
	line-height: 1.7;
}

.aof_eyebrow,
.aof_badge_label {
	display: inline-flex;
	align-items: center;
	border-radius: 999px;
	background: var(--aof-accent);
	color: #fff;
	font-size: .75rem;
	font-weight: 800;
	letter-spacing: .08em;
	line-height: 1;
	text-transform: uppercase;
}

.aof_eyebrow { padding: .55rem .8rem; }

.aof_article_list {
	display: grid;
	gap: 1rem;
}

.aof_article_card {
	padding: clamp(1.2rem, 3vw, 2rem);
	border: 1px solid #dfe5ec;
	border-left: 4px solid var(--aof-accent);
	border-radius: 12px;
	background: #fff;
	box-shadow: 0 8px 28px rgba(19, 31, 48, .06);
}

.aof_article_card h2 {
	margin: .65rem 0 .65rem;
	font-size: clamp(1.25rem, 2.4vw, 1.7rem);
	line-height: 1.3;
}

.aof_article_card h2 a { color: #172033; text-decoration: none; }
.aof_article_card h2 a:hover { color: var(--aof-accent); text-decoration: underline; }

.aof_article_meta,
.aof_authors,
.aof_article_actions {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: .5rem;
}

.aof_article_meta {
	color: #687589;
	font-size: .88rem;
	font-weight: 650;
}

.aof_status_dot {
	width: .55rem;
	height: .55rem;
	border-radius: 50%;
	background: #0c8b62;
	box-shadow: 0 0 0 4px rgba(12, 139, 98, .12);
}

.aof_authors { color: #526071; line-height: 1.55; }
.aof_article_actions { margin-top: 1.15rem; }

.aof_primary_link,
.aof_galley_link,
.aof_doi_link {
	display: inline-flex;
	align-items: center;
	min-height: 2.4rem;
	padding: .45rem .75rem;
	border: 1px solid #d5dde7;
	border-radius: 7px;
	font-size: .9rem;
	font-weight: 700;
	text-decoration: none;
}

.aof_primary_link { border-color: var(--aof-accent); background: var(--aof-accent); color: #fff; }
.aof_primary_link:hover { border-color: var(--aof-accent-hover); background: var(--aof-accent-hover); color: #fff; }
.aof_primary_link:focus-visible,
.aof_galley_link:focus-visible { outline: 3px solid var(--aof-accent-border); outline-offset: 2px; }
.aof_galley_link, .aof_doi_link { background: #f7f9fb; color: #263449; }

.aof_doi_link--pending {
	cursor: default;
}

.aof_doi_link--pending > span {
	padding-left: .5rem;
	border-left: 1px solid #d5dde7;
	color: #7a5b00;
	font-size: .78rem;
}

.aof_empty {
	padding: 2rem;
	border: 1px dashed #cbd4df;
	border-radius: 12px;
	background: #f8fafc;
	text-align: center;
}

.aof_article_badge {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: .65rem;
	margin: 1.25rem 0 0;
	padding: .85rem 1rem;
	border: 1px solid var(--aof-accent-border);
	border-radius: 9px;
	background: var(--aof-accent-soft);
}

.aof_badge_label { padding: .45rem .65rem; }
.aof_badge_copy { color: #526071; font-size: .9rem; line-height: 1.45; }

.aof_summary_badge {
	display: inline-flex;
	align-items: center;
	margin-top: .75rem;
	padding: .35rem .6rem;
	border: 1px solid var(--aof-accent-border);
	border-radius: 999px;
	background: var(--aof-accent-soft);
	color: var(--aof-accent);
	font-size: .7rem;
	font-weight: 800;
	letter-spacing: .06em;
	line-height: 1;
	text-transform: uppercase;
}

@media (max-width: 600px) {
	.page_online_first { padding-inline: 1rem; }
	.aof_article_card { border-left-width: 3px; }
	.aof_primary_link, .aof_galley_link, .aof_doi_link { width: 100%; justify-content: center; }
}