.wp-block-new-theme-icon-cards.nt-icon-cards {
	box-sizing: border-box;
	color: var(--new-theme-color-ink, #1a4a66);
	margin-bottom: 28px;
	margin-top: 28px;
}

.nt-icon-cards__title {
	color: inherit;
	font-family: var(--new-theme-font-heading, sans-serif);
	font-size: 24px;
	font-weight: 700;
	letter-spacing: 0;
	line-height: 1.18;
	margin: 0 0 30px;
}

.nt-icon-cards__list {
	display: grid;
	gap: 18px;
}

.nt-icon-cards--vertical .nt-icon-cards__list {
	grid-template-columns: 1fr;
}

.nt-icon-cards--horizontal .nt-icon-cards__list {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.nt-icon-card {
	align-items: flex-start;
	background: var(--new-theme-color-bg-card, #f5fbff);
	border: 1px solid var(--new-theme-color-border, rgba(120, 180, 220, .45));
	border-radius: 16px;
	box-shadow: 0 4px 16px rgba(120, 190, 230, .12);
	box-sizing: border-box;
	display: grid;
	gap: 24px;
	grid-template-columns: 78px minmax(0, 1fr);
	padding: 28px 32px;
}

.nt-icon-cards--horizontal .nt-icon-card {
	grid-template-columns: 58px minmax(0, 1fr);
	min-height: 240px;
	padding: 32px;
}

.nt-icon-card__icon {
	align-items: center;
	background: var(--new-theme-color-peach, #ffd4b8);
	border-radius: 999px;
	color: var(--new-theme-color-peach-text, #7a4e2e);
	display: inline-flex;
	height: 78px;
	justify-content: center;
	width: 78px;
}

.nt-icon-cards--horizontal .nt-icon-card__icon {
	height: 58px;
	width: 58px;
}

.nt-icon-card__icon svg {
	display: block;
	height: 34px;
	width: 34px;
}

.nt-icon-cards--horizontal .nt-icon-card__icon svg {
	height: 28px;
	width: 28px;
}

/* Tone variants — pastel palette matching reference */
.nt-icon-card--tone-orange .nt-icon-card__icon {
	background: #ffecd9;
	color: #7a4e2e;
}

.nt-icon-card--tone-violet .nt-icon-card__icon {
	background: #ede8ff;
	color: #5441a6;
}

.nt-icon-card--tone-blue .nt-icon-card__icon {
	background: #d6eef9;
	color: #1a6490;
}

.nt-icon-card--tone-pink .nt-icon-card__icon {
	background: #ffd6e8;
	color: #9a3060;
}

.nt-icon-card--tone-green .nt-icon-card__icon {
	background: #d5f0e0;
	color: #1a6e2e;
}

.nt-icon-card--tone-sky .nt-icon-card__icon {
	background: var(--new-theme-color-bg-deep, #c5e4f7);
	color: var(--new-theme-color-sky, #2b8fc4);
}

.nt-icon-card__body {
	min-width: 0;
}

.nt-icon-card__title {
	color: var(--new-theme-color-ink, #1a4a66);
	font-size: 17px;
	font-weight: 700;
	line-height: 1.3;
	margin: 0 0 8px;
}

.nt-icon-card__text {
	color: var(--new-theme-color-text-muted, #356b87);
	font-size: 15px;
	line-height: 1.55;
	margin: 0;
}

.nt-icon-cards--horizontal .nt-icon-card__text {
	font-size: 15px;
}

/* Warning/note inline callout inside card */
.nt-icon-card__note {
	align-items: flex-start;
	background: #fdf3e3;
	border: 1px solid #e8c99a;
	border-radius: 10px;
	color: #7a4e2e;
	display: grid;
	font-size: 14px;
	gap: 12px;
	grid-template-columns: 20px minmax(0, 1fr);
	line-height: 1.45;
	margin-top: 20px;
	padding: 14px 16px;
}

.nt-icon-card__note svg {
	color: #c97f30;
	height: 20px;
	width: 20px;
}

@media (max-width: 781px) {
	.nt-icon-cards--horizontal .nt-icon-cards__list {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 767px) {
	.nt-icon-cards__title {
		font-size: 20px;
		margin-bottom: 20px;
	}

	.nt-icon-card,
	.nt-icon-cards--horizontal .nt-icon-card {
		gap: 16px;
		grid-template-columns: 54px minmax(0, 1fr);
		min-height: 0;
		padding: 20px;
	}

	.nt-icon-card__icon,
	.nt-icon-cards--horizontal .nt-icon-card__icon {
		height: 54px;
		width: 54px;
	}

	.nt-icon-card__icon svg,
	.nt-icon-cards--horizontal .nt-icon-card__icon svg {
		height: 26px;
		width: 26px;
	}

	.nt-icon-card__title {
		font-size: 16px;
	}

	.nt-icon-card__text,
	.nt-icon-cards--horizontal .nt-icon-card__text {
		font-size: 14px;
	}

	.nt-icon-card__note {
		font-size: 13px;
		margin-top: 14px;
	}
}