/**
 * Trust & accountability — the bits theme.json can't express: the pale-blue band,
 * the four verification badge boxes, and the financial-document card rows (icon
 * tile, hairlines, download-arrow). Loaded only when .ab-trust-accountability is on
 * the page. Literal hex per design review.
 */
.ab-trust-accountability {
	background: #e6f1f9;            /* Primary-100 band */
	border-bottom: 1px solid #e9e9e9;
}

/* ---- Verification badges (four white boxes) ------------------------------ */
/* Grid, not flex: it computes the column widths from the track count + gap with
   no magic basis math, so 4-up (desktop) / 2-up (mobile) never mis-wraps. This
   overrides the block's own flex layout. */
.ab-ta-badges {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 12px;
}

.ab-ta-badge {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	text-align: center;
	min-height: 82px;
	padding: 16px 12px;
	background: #fff;
	border: 0.6px solid #d4d4d8;
	border-radius: 8px;
}

.ab-ta-badge::before {
	content: "\2713"; /* check mark */
	color: #1a6b58;   /* ab-green */
	font-weight: 700;
	flex: 0 0 auto;
}

/* ---- Financial documents card -------------------------------------------- */
.ab-fin-card {
	box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.12); /* Figma: 0 4 4 #0000001F */
}

/* The rows, year dropdown and download arrows are the albasar/finance-docs
   block (blocks/finance-docs/style.css). */

@media (max-width: 781px) {
	.ab-ta-badges {
		grid-template-columns: repeat(2, 1fr);
	}
}