/**
 * Hydropath Case Study Importer, front end.
 *
 * Scoped to this plugin's own class names so it cannot collide with the case
 * studies plugin's grid.css or with Divi. Colours match the case study palette.
 */

:root {
	--hci-navy: #0a2540;
	--hci-cyan: #00b8d4;
	--hci-cyan-bg: #ecf7fb;
	--hci-line: #dfe7ee;
	--hci-muted: #5b6b7c;
}

/* ---------- Summary ---------- */

.hci-summary {
	background: var(--hci-cyan-bg);
	border-left: 4px solid var(--hci-cyan);
	border-radius: 0 6px 6px 0;
	padding: 20px 24px;
	margin: 0 0 28px;
}

.hci-summary-label {
	font-size: 12px;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--hci-navy);
	margin: 0 0 8px;
	font-weight: 700;
}

.hci-summary p {
	margin: 0 0 10px;
	font-size: 17px;
	line-height: 1.6;
	color: var(--hci-navy);
}

.hci-summary p:last-child {
	margin-bottom: 0;
}


@media (max-width: 767px) {
	.hci-summary { padding: 16px 18px; }
	.hci-summary p { font-size: 16px; }
}