/* Front: Issues — matched to totop-site-main final editorial list */

body.totop-front-page .totop-front .issues.totop-section {
	padding: 96px 0;
	background: transparent;
}

body.totop-front-page .totop-front .issues-grid {
	display: grid;
	grid-template-columns: 360px 1fr;
	gap: 72px;
	align-items: start;
}

body.totop-front-page .totop-front .issues-intro {
	position: sticky;
	top: calc(var(--totop-header-h, 72px) + var(--totop-admin-bar-h, 0px) + 48px);
}

body.totop-front-page .totop-front .issues-intro .sec-title {
	margin-bottom: 24px;
}

body.totop-front-page .totop-front .issues-lead {
	margin: 0;
	font-size: 14px;
	color: var(--totop-ink-soft);
	line-height: 1.9;
}

body.totop-front-page .totop-front .issues-list {
	border-top: 1px solid var(--totop-ink);
	margin: 0;
	padding: 0;
}

body.totop-front-page .totop-front .issue-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 28px;
	padding: 30px 6px;
	border-bottom: 1px solid var(--totop-line);
	text-decoration: none;
	color: inherit;
}

body.totop-front-page .totop-front .issue-q {
	margin: 0;
	font-family: var(--totop-head);
	font-weight: 600;
	font-size: 16.5px;
	line-height: 1.8;
	letter-spacing: 0.02em;
	word-break: auto-phrase;
	transition: color 0.3s ease;
}

body.totop-front-page .totop-front .issue-q::before {
	content: none;
}

body.totop-front-page .totop-front .issue-to {
	margin: 0;
	font-family: var(--totop-sans);
	font-size: 12.5px;
	font-weight: 700;
	color: var(--totop-teal-ink);
	letter-spacing: 0.04em;
	white-space: nowrap;
}

body.totop-front-page .totop-front .issue-row:hover .issue-q {
	color: var(--totop-teal-ink);
}

body.totop-front-page .totop-front .issue-row:hover .arrow {
	transform: translateX(5px);
}

@media (max-width: 900px) {
	body.totop-front-page .totop-front .issues-grid {
		grid-template-columns: 1fr;
		gap: 36px;
	}

	body.totop-front-page .totop-front .issues-intro {
		position: static;
	}

	body.totop-front-page .totop-front .issue-row {
		flex-direction: column;
		align-items: flex-start;
		gap: 10px;
		padding: 22px 2px;
	}
}

@media (max-width: 767px) {
	body.totop-front-page .totop-front .issues.totop-section {
		padding: 68px 0;
	}

	body.totop-front-page .totop-front .issues-intro .sec-title {
		margin-bottom: 20px;
	}
}