/* ==========================================================================
   Section: Security checklist
   Figma: Home EN 4081:33737 — exact node values (bg #E6FAFA, hairline rows,
   mono numerals, 48/45.6 ExtraBold heading).
   RTL: logical; check icon sits at inline-end.
   ========================================================================== */

.mada-security {
	background-color: #E6FAFA;                    /* Figma: Core/MintPay/5 */
	border-block: var(--border-width-thin) solid rgba(0, 45, 78, 0.15);
	padding-block: var(--pad-section-top) var(--pad-section-bottom);                          /* Figma */
}

.mada-security__inner {
	max-inline-size: var(--container-max);
	margin-inline: auto;
	padding-inline: var(--grid-margin);
	display: flex;
	flex-direction: column;
	gap: var(--space-15);
	align-items: flex-start;
}

.mada-security__left {
	flex: 1 1 0;
	min-inline-size: 0;
	display: flex;
	flex-direction: column;
	gap: var(--space-15);                         /* 64 */
	align-items: flex-start;
}

.mada-security__title {
	margin: 0;
	font-weight: 800;                             /* ExtraBold */
	font-size: var(--fs-section);                              /* Figma: 48/45.6 */
	line-height: var(--lh-section);
	color: var(--color-vault-navy);
}
.mada-security__sub {
	margin: 0;
	font-size: var(--fs-md);                      /* 16 */
	line-height: 24px;
	color: rgba(0, 45, 78, 0.65);
}

.mada-security__list {
	list-style: none;
	margin: 0;
	padding: 0;
	flex: 1 1 0;
	min-inline-size: 0;
	inline-size: 100%;
	border-block: var(--border-width-thin) solid rgba(0, 45, 78, 0.15);
}

.mada-security__item {
	display: flex;
	align-items: center;
	gap: var(--space-5);                          /* 16 */
	padding-block: var(--space-6) 21px;           /* Figma: 20 / 21 */
	border-block-end: var(--border-width-thin) solid rgba(0, 45, 78, 0.15);
}
.mada-security__item:last-child { border-block-end: 0; }

.mada-security__no {
	font-family: "JetBrains Mono", monospace;
	font-size: var(--fs-xs);                      /* 12 */
	line-height: 16px;
	color: rgba(0, 45, 78, 0.45);
}
.mada-security__text {
	font-weight: var(--fw-semibold);
	font-size: var(--fs-xl);                      /* 18 */
	line-height: 28px;
	color: var(--color-vault-navy);
	flex: 1 1 auto;
}
.mada-security__check { flex: 0 0 auto; }

@media (max-width: 639px) {
	.mada-security__title { font-size: var(--fs-section); line-height: var(--lh-section); }
}

@media (min-width: 1025px) {
	.mada-security__inner {
		flex-direction: row;
		gap: var(--space-17);                     /* 80 */
		align-items: center;
	}
}