/**
 * Arab Citizens of Israel — evergreen knowledge page extras.
 * Inherits topic-dossier tokens (Merriweather/Roboto/Israel blue).
 */

.evergreen-knowledge-grid {
	display: grid;
	grid-template-columns: minmax(0, var(--topic-main, 760px)) minmax(12rem, var(--topic-rail, 280px));
	gap: 2.5rem 2rem;
	align-items: start;
}

.evergreen-knowledge-section {
	margin: 0 0 2.25rem;
	padding-top: 0.25rem;
	border-top: 1px solid var(--topic-border, #e2e8f0);
}

.evergreen-knowledge-section:first-child {
	border-top: 0;
	padding-top: 0;
}

.evergreen-knowledge-section h2 {
	font-family: "Merriweather", Georgia, serif;
	font-size: 1.35rem;
	font-weight: 700;
	letter-spacing: -0.02em;
	margin: 1.25rem 0 0.75rem;
	color: var(--topic-text, #1a1a1a);
}

.evergreen-knowledge-section p {
	font-size: 1.05rem;
	line-height: 1.7;
	color: var(--topic-text, #1a1a1a);
	margin: 0 0 1rem;
}

.evergreen-knowledge-sources,
.evergreen-knowledge-coverage {
	margin: 0;
	padding-left: 1.25rem;
}

.evergreen-knowledge-sources li,
.evergreen-knowledge-coverage li {
	margin: 0 0 0.65rem;
	line-height: 1.5;
}

.evergreen-knowledge-sources a,
.evergreen-knowledge-coverage a {
	color: var(--topic-blue, #2b5ba1);
}

.evergreen-knowledge-source-date {
	display: inline-block;
	margin-left: 0.4rem;
	color: var(--topic-faint, #718096);
	font-size: 0.85rem;
}

.evergreen-knowledge-rail {
	position: sticky;
	top: 1.25rem;
	padding: 1rem 1.1rem 1.15rem;
	background: var(--topic-bg, #f7fafc);
	border: 1px solid var(--topic-border, #e2e8f0);
}

.evergreen-knowledge-rail h2 {
	font-family: "Roboto Condensed", "Roboto", sans-serif;
	font-size: 0.72rem;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	margin: 0 0 0.75rem;
	color: var(--topic-faint, #718096);
}

.evergreen-knowledge-rail ul {
	margin: 0 0 1rem;
	padding: 0;
	list-style: none;
}

.evergreen-knowledge-rail a {
	color: var(--topic-blue, #2b5ba1);
	font-weight: 600;
	text-decoration: none;
}

.evergreen-knowledge-rail a:hover,
.evergreen-knowledge-rail a:focus-visible {
	text-decoration: underline;
	text-underline-offset: 3px;
}

.evergreen-knowledge-rail-note {
	margin: 0;
	font-size: 0.82rem;
	line-height: 1.45;
	color: var(--topic-muted, #4a5568);
}

@media (max-width: 860px) {
	.evergreen-knowledge-grid {
		grid-template-columns: 1fr;
	}

	.evergreen-knowledge-rail {
		position: static;
	}
}