/* ==========================================================================
   Block: Benefits Grid
   Scoped to .glacial-benefits-grid
   ========================================================================== */

.glacial-benefits-grid {
	padding-top: 48px;
	padding-bottom: 56px;
}

/* Shared lead paragraph utility */
.glacial-lead {
	font-size: 17px;
	line-height: 1.7;
	color: var(--ioes-muted, #586275);
	max-width: 710px;
	margin: 0 0 28px;
}

.glacial-benefits-grid__grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 34px;
	margin-top: 24px;
}

/* --------------------------------------------------------------------------
   Soft panel
   -------------------------------------------------------------------------- */

.glacial-soft-panel {
	border: 1px solid var(--ioes-border, #dce3ee);
	border-radius: 16px;
	padding: 30px;
	background: #fff;
	box-shadow: 0 18px 45px rgba(24, 28, 72, 0.10);
}

.glacial-soft-panel__heading {
	margin: 0 0 14px;
	color: var(--ioes-navy, #181c48);
	font-size: 25px;
	font-weight: 500;
}

/* --------------------------------------------------------------------------
   Tablet (max 980px)
   -------------------------------------------------------------------------- */

@media (max-width: 980px) {
	.glacial-benefits-grid {
		padding-left: 24px;
		padding-right: 24px;
	}

	.glacial-benefits-grid__grid {
		grid-template-columns: 1fr;
		gap: 20px;
	}
}

/* --------------------------------------------------------------------------
   Mobile (max 480px)
   -------------------------------------------------------------------------- */

@media (max-width: 480px) {
	.glacial-benefits-grid {
		padding-left: 20px;
		padding-right: 20px;
		padding-top: 36px;
		padding-bottom: 40px;
	}

	.glacial-lead {
		font-size: 15px;
	}

	.glacial-soft-panel {
		padding: 20px;
	}

	.glacial-soft-panel__heading {
		font-size: 20px;
	}
}