/**
 * Pathway detail — same .req-card / .handle-item visual treatment as the
 * landing's pathway display panel. Kept duplicated (not @imported) so detail
 * pages remain self-contained when the landing CSS isn't loaded.
 */

.req-card {
	background: #ffffff;
	border: 1px solid #E2E2EC;
	border-radius: 14px;
	padding: 1.5rem;
	transition: border-color 150ms ease, box-shadow 150ms ease;
}
.req-card:hover {
	border-color: #DDD0F7;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}

.handle-item {
	display: flex !important;
	flex-direction: row !important;
	align-items: flex-start !important;
	gap: 0.875rem;
	padding: 0.875rem 1rem;
	background: #F7F4FD;
	border-radius: 12px;
	border: 1px solid #EEE8FB;
}