/**
 * Block: Security & Compliance — Table (acf/security-table)
 *
 * Self-contained, scoped palette (declared on .block-security-table). A
 * 3-column standards matrix (Standard / What it covers / How) with an optional
 * bottom "practices" pill row. Colours ported from the Figma "Security &
 * Compliance" matrix section. The centered header reuses the shared literal
 * .block-head (kept identical across every block that ships it).
 */

.block-security-table {
	--c-dark: #0e1726;
	--c-body: #5a6b7b;
	--c-grey1: #f9fafb;
	--c-stroke: #e5e9f0;
	--c-accent: #1e9bd7;
	--c-white: #fff;
	--pill-fill: #edf2f8;
	--pill-fill-text: #3a4a5a;

	padding: 80px 0;
	background: var(--c-grey1);
	font-family: var(--ll-font, 'Montserrat', 'Montserrat-fallback', Arial, sans-serif);
}

.block-security-table__inner {
	max-width: 1300px;
	margin: 0 auto;
	padding: 0 70px;
}

/* =============================================================== .block-head
 * Shared section header — literal values (no block-scoped vars), so multi-block
 * pages never inherit a wrong colour/font. Keep identical across every block. */
.block-security-table .block-head { max-width: 760px; margin: 0 auto 44px; }
.block-head {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 15px;
	text-align: center;
}
.block-head__eyebrow {
	font: 700 12px/16px var(--ll-font, 'Montserrat', 'Montserrat-fallback', Arial, sans-serif);
	letter-spacing: 1.2px;
	text-transform: uppercase;
	color: #768297;
}
.block-head__title {
	margin: 0;
	font: 600 36px/48px var(--ll-font, 'Montserrat', 'Montserrat-fallback', Arial, sans-serif);
	letter-spacing: -1px;
	color: #010005;
}
.block-head__subtitle {
	margin: 0;
	font: 400 16px/27px var(--ll-font, 'Montserrat', 'Montserrat-fallback', Arial, sans-serif);
	color: #374151;
}

/* ================================================================= table -- */
.block-security-table__table {
	background: var(--c-white);
	border: 1px solid var(--c-stroke);
	border-radius: 16px;
	overflow: hidden;
}
.block-security-table__trow {
	display: grid;
	grid-template-columns: 0.8fr 1.15fr 1.35fr;
	border-bottom: 1px solid var(--c-stroke);
}
.block-security-table__trow:last-child { border-bottom: 0; }
.block-security-table__th,
.block-security-table__td {
	padding: 22px 26px;
	font: 400 15px/23px var(--ll-font, 'Montserrat', 'Montserrat-fallback', Arial, sans-serif);
	color: var(--c-body);
}
.block-security-table__th {
	font-weight: 600;
	color: var(--c-dark);
}
.block-security-table__td--name { font-weight: 500; color: var(--c-dark); }

/* ============================================================= practices -- */
.block-security-table__practices { margin-top: 24px; }
.block-security-table__practices--card {
	background: var(--c-white);
	border: 1px solid var(--c-stroke);
	border-radius: 16px;
	padding: 32px 40px;
}
.block-security-table__practices-title {
	margin: 0 0 18px;
	font: 500 18px/24px var(--ll-font, 'Montserrat', 'Montserrat-fallback', Arial, sans-serif);
	color: var(--c-dark);
}
.block-security-table__pills { display: flex; flex-wrap: wrap; gap: 12px; }
.block-security-table__pill {
	border-radius: 999px;
	padding: 9px 18px;
	font: 400 14px/1.3 var(--ll-font, 'Montserrat', 'Montserrat-fallback', Arial, sans-serif);
	background: var(--c-white);
	border: 1px solid var(--c-stroke);
	color: var(--c-dark);
}

/* =========================================================== responsive -- */
@media (max-width: 1024px) {
	.block-security-table__inner { padding: 0 40px; }
}
@media (max-width: 767px) {
	.block-security-table { padding: 60px 0; }
	.block-security-table__inner { padding: 0 20px; }
	.block-head__title { font-size: 26px; line-height: 34px; letter-spacing: -0.5px; }
	/* table → stacked blocks */
	.block-security-table__trow { grid-template-columns: 1fr; }
	.block-security-table__trow--head { display: none; }
	.block-security-table__th,
	.block-security-table__td { padding: 6px 22px; }
	.block-security-table__td--name { padding-top: 20px; font-size: 16px; }
	.block-security-table__td:last-child { padding-bottom: 20px; }
}