/* =============================================================================
 * LITSLINK BLOCKS — Safeguards · icon panel (acf/ll-safeguards-panel)
 * Self-contained: block-scoped palette, literal font fallback. No global .block-head.
 * AI-Marketing "Risk Management" cut (bottom): light section, single bordered
 * rounded panel — intro line, 3-col icon-tile + label grid, closing paragraph.
 * ========================================================================== */
.block-ll-safeguards-panel {
	--sgp-ink: #10151c;
	--sgp-muted: #5a6472;
	--sgp-accent: #1690d3;
	--sgp-tile-bg: #e2eff7;
	--sgp-section-bg: #ffffff;
	--sgp-panel-border: #e5e7eb;
	font-family: var(--ll-font, 'Montserrat', 'Montserrat-fallback', Arial, sans-serif);
	background: var(--sgp-section-bg);
	padding: 0 0 80px;
	box-sizing: border-box;
}
.block-ll-safeguards-panel *,
.block-ll-safeguards-panel *::before,
.block-ll-safeguards-panel *::after { box-sizing: border-box; }

.block-ll-safeguards-panel__inner {
	max-width: 1300px;
	margin: 0 auto;
	padding: 0 70px;
}

.block-ll-safeguards-panel__panel {
	border: 1px solid var(--sgp-panel-border);
	border-radius: 24px;
	padding: 40px 48px;
}

.block-ll-safeguards-panel__intro {
	margin: 0 0 32px;
	font-size: 16px; line-height: 1.6; color: var(--sgp-muted);
}

.block-ll-safeguards-panel__grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 24px 40px;
}

.block-ll-safeguards-panel__item {
	display: flex;
	align-items: center;
	gap: 14px;
}
.block-ll-safeguards-panel__icon {
	flex: 0 0 40px;
	width: 40px; height: 40px;
	border-radius: 10px;
	background: var(--sgp-tile-bg);
	color: var(--sgp-accent);
	display: inline-flex; align-items: center; justify-content: center;
}
.block-ll-safeguards-panel__icon img { display: block; }
.block-ll-safeguards-panel__label {
	font-size: 16px; font-weight: 700; line-height: 1.35; color: var(--sgp-ink);
}

.block-ll-safeguards-panel__outro {
	margin: 32px 0 0;
	font-size: 16px; line-height: 1.6; color: var(--sgp-muted);
}

/* Responsive: 3 -> 2 -> 1 */
@media (max-width: 1024px) {
	.block-ll-safeguards-panel__inner { padding: 0 40px; }
	.block-ll-safeguards-panel__grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 640px) {
	.block-ll-safeguards-panel { padding-bottom: 56px; }
	.block-ll-safeguards-panel__inner { padding: 0 20px; }
	.block-ll-safeguards-panel__panel { padding: 28px 22px; }
	.block-ll-safeguards-panel__grid { grid-template-columns: 1fr; gap: 18px; }
}


@media (max-width: 767px) {
	/* Match library standard: 20px side gutters on mobile (desktop keeps its wide gutter). */
	.block-ll-safeguards-panel__inner { padding: 0 20px; }
}