/*
 * Crisis Resource Block — DI-058
 *
 * Visual treatment per Marketing LOCKED spec 2026-05-09:
 *   - Calm, supportive identity; NOT alarmist coloring (no red/warning palette)
 *   - Above article body content; below article header/title
 *   - Distinguishable from existing chrome (AI disclosure banner, Publication
 *     Signals panel) so reader doesn't conflate with technical metadata
 *   - Mobile-rendering: compact and readable at narrow viewport; resource
 *     information takes priority over visual minimalism
 *
 * Identity: muted teal/sage palette. Distinct from disclosure (gray) and
 * Publication Signals (yellow/gold). Communicates calm support rather than
 * alarm.
 */

.pe-scholarly-crisis-resource {
	background: #e8f1ef;
	border-left: 4px solid #4a8d80;
	border-radius: 4px;
	padding: 1.25em 1.5em 1em 1.5em;
	margin: 0 0 1.75em 0;
	color: #1f3833;
	line-height: 1.5;
	font-size: 0.95rem;
}

.pe-scholarly-crisis-resource__heading {
	font-size: 1.15rem;
	font-weight: 600;
	margin: 0 0 0.5em 0;
	color: #1f3833;
	line-height: 1.3;
}

.pe-scholarly-crisis-resource__intro {
	margin: 0 0 1em 0;
}

.pe-scholarly-crisis-resource__section {
	margin: 0 0 0.85em 0;
}

.pe-scholarly-crisis-resource__section-heading {
	font-size: 0.95rem;
	font-weight: 600;
	margin: 0 0 0.25em 0;
	color: #1f3833;
}

.pe-scholarly-crisis-resource__list {
	margin: 0;
	padding-left: 1.25em;
}

.pe-scholarly-crisis-resource__list li {
	margin: 0 0 0.2em 0;
}

.pe-scholarly-crisis-resource__list strong {
	font-weight: 600;
}

.pe-scholarly-crisis-resource__list a {
	color: #2a5e54;
	text-decoration: underline;
}

.pe-scholarly-crisis-resource__list a:hover,
.pe-scholarly-crisis-resource__list a:focus {
	color: #1f3833;
	text-decoration: underline;
}

.pe-scholarly-crisis-resource__closing {
	margin: 0.85em 0 0 0;
	font-style: italic;
	color: #2a5e54;
}

/* Dark mode — preserved teal identity, inverted contrast */
@media (prefers-color-scheme: dark) {
	.pe-scholarly-crisis-resource {
		background: #1a2c29;
		border-left-color: #6fa89c;
		color: #d8e5e2;
	}
	.pe-scholarly-crisis-resource__heading,
	.pe-scholarly-crisis-resource__section-heading {
		color: #e8f1ef;
	}
	.pe-scholarly-crisis-resource__list a {
		color: #a0c8be;
	}
	.pe-scholarly-crisis-resource__list a:hover,
	.pe-scholarly-crisis-resource__list a:focus {
		color: #e8f1ef;
	}
	.pe-scholarly-crisis-resource__closing {
		color: #a0c8be;
	}
}

/* Mobile — preserve readability over visual minimalism per Marketing spec */
@media (max-width: 600px) {
	.pe-scholarly-crisis-resource {
		padding: 1em 1em 0.85em 1em;
		font-size: 0.95rem;
	}
	.pe-scholarly-crisis-resource__heading {
		font-size: 1.05rem;
	}
	.pe-scholarly-crisis-resource__list {
		padding-left: 1.1em;
	}
}