/* =============================================================================
 * LITSLINK BLOCKS — Security checklist panel (acf/ll-security-checklist-panel)
 * Self-contained: block-scoped palette, literal font fallback. No global
 * .block-head. Colours sampled 1:1 from the Travel & Hospitality "Security &
 * Compliance in Travel Software" cut.
 * ========================================================================== */
.block-ll-security-checklist-panel {
	--scp-ink: #101828;
	--scp-muted: #667085;
	--scp-eyebrow: #768297;
	--scp-accent: #1690d3;
	--scp-check-tile: #1a8fe0;
	--scp-section-bg: #f9fafb;   /* Figma Grey_1 */
	--scp-panel-bg: #ffffff;
	--scp-panel-border: #e5e7eb; /* Figma Stroke */
	--scp-divider: #eef1f4;
	--scp-pill-bg: #eff6ff;      /* Figma Blue_10 */
	--scp-pill-text: #48607a;
	font-family: var(--ll-font, 'Montserrat', 'Montserrat-fallback', Arial, sans-serif);
	background: var(--scp-section-bg);
	padding: 80px 0;
	box-sizing: border-box;
}
.block-ll-security-checklist-panel *,
.block-ll-security-checklist-panel *::before,
.block-ll-security-checklist-panel *::after { box-sizing: border-box; }

.block-ll-security-checklist-panel__inner {
	max-width: 1240px;
	margin: 0 auto;
	padding: 0 20px;
}

/* ---------------------------------------------------------------- header -- */
.block-ll-security-checklist-panel__head {
	text-align: center;
	margin: 0 auto 40px;
	max-width: 840px;
}
.block-ll-security-checklist-panel__eyebrow {
	display: block;
	margin: 0 0 12px;
	font: 700 13px/1.2 var(--ll-font, 'Montserrat', 'Montserrat-fallback', Arial, sans-serif);
	letter-spacing: .12em;
	text-transform: uppercase;
	color: var(--scp-eyebrow);
}
.block-ll-security-checklist-panel__title {
	margin: 0;
	font: 700 40px/1.2 var(--ll-font, 'Montserrat', 'Montserrat-fallback', Arial, sans-serif);
	letter-spacing: -.5px;
	color: var(--scp-ink);
}
.block-ll-security-checklist-panel__subtitle {
	margin: 16px auto 0;
	max-width: 760px;
	font: 400 16px/1.6 var(--ll-font, 'Montserrat', 'Montserrat-fallback', Arial, sans-serif);
	color: var(--scp-muted);
}

/* ----------------------------------------------------------------- panel -- */
.block-ll-security-checklist-panel__panel {
	background: var(--scp-panel-bg);
	border: 1px solid var(--scp-panel-border);
	border-radius: 24px;
	padding: 44px 40px;
	box-shadow: 0 1px 3px rgba(16, 24, 40, .04);
}

/* ------------------------------------------------------------------ list -- */
/* Figma: the checklist grid is a centered 902px block (2×441 columns, 20px
   gutter) sitting inside the wider panel; the footer below spans full width. */
.block-ll-security-checklist-panel__list {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	column-gap: 20px;
	max-width: 902px;
	margin: 0 auto;
}
.block-ll-security-checklist-panel__item {
	padding: 24px;
	border-bottom: 1px solid var(--scp-divider);
}
/* No divider under the last row (even item counts, cut = 6). */
.block-ll-security-checklist-panel__item:nth-last-child(-n+2) {
	border-bottom: 0;
}
.block-ll-security-checklist-panel__item-head {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-bottom: 14px;
}
.block-ll-security-checklist-panel__check {
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 24px;
	height: 24px;
	border-radius: 6px;
	background: var(--scp-check-tile);
	color: #fff;
}
.block-ll-security-checklist-panel__check svg { display: block; }
.block-ll-security-checklist-panel__item-title {
	margin: 0;
	font: 700 16px/1.3 var(--ll-font, 'Montserrat', 'Montserrat-fallback', Arial, sans-serif);
	color: var(--scp-ink);
}
.block-ll-security-checklist-panel__item-desc {
	margin: 0;
	font: 400 15px/1.6 var(--ll-font, 'Montserrat', 'Montserrat-fallback', Arial, sans-serif);
	color: var(--scp-muted);
}

/* ---------------------------------------------------------------- footer -- */
.block-ll-security-checklist-panel__footer {
	margin-top: 12px;
	padding-top: 36px;
	border-top: 1px solid var(--scp-panel-border);
}
.block-ll-security-checklist-panel__pills-label {
	margin: 0 0 20px;
	font: 700 13px/1.2 var(--ll-font, 'Montserrat', 'Montserrat-fallback', Arial, sans-serif);
	letter-spacing: .1em;
	text-transform: uppercase;
	color: var(--scp-eyebrow);
}
.block-ll-security-checklist-panel__pills {
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
}
.block-ll-security-checklist-panel__pill {
	border-radius: 999px;
	padding: 8px 16px;
	font: 500 14px/1.2 var(--ll-font, 'Montserrat', 'Montserrat-fallback', Arial, sans-serif);
	background: var(--scp-pill-bg);
	color: var(--scp-pill-text);
}

/* ------------------------------------------------------------ responsive -- */
@media (max-width: 782px) {
	.block-ll-security-checklist-panel { padding: 56px 0; }
	.block-ll-security-checklist-panel__title { font-size: 28px; }
	.block-ll-security-checklist-panel__panel { padding: 28px 22px; }
	.block-ll-security-checklist-panel__list { grid-template-columns: 1fr; column-gap: 0; }
	/* Single column: restore divider on every item except the true last. */
	.block-ll-security-checklist-panel__item:nth-last-child(-n+2) { border-bottom: 1px solid var(--scp-divider); }
	.block-ll-security-checklist-panel__item:last-child { border-bottom: 0; }
}