.highlight-list {
	position: relative;
	container-type: inline-size;
	margin-bottom: var(--widget-margin-bottom);
	color: var(--gray-dark);

	.widget-inner {
		max-width: 1164px;
		padding: 0 15px;
		margin: 0 auto;
	}

	.slides {
		display: grid;
		grid-template-columns: minmax(0, 1fr);
		align-items: start;
		gap: var(--space-12);
	}

	.slide-header {
		margin-bottom: var(--space-4);

		&:has(.icon) {
			display: grid;
			grid-template-columns: 60px minmax(0, 1fr);
			align-items: center;
			gap: 18px;
		}
	}

	.icon {
		width: 60px;
	}

	.slide-title {
		margin: 0;
		font-family: var(--font-contrast-condensed);
		font-weight: var(--font-weight-extrabold);
		font-size: 1.625rem;
		line-height: 1.2;
		color: inherit;

		a {
			font: inherit;
			text-decoration: none;
			color: inherit;
		}
	}

	.slide-desc {
		margin: 0;
		font-family: var(--font-soft);
		font-weight: var(--font-weight-medium);
		font-size: var(--text-base);
		line-height: var(--leading-normal);
		color: inherit;
	}

	.read-more {
		margin-top: 17px;
	}

	@container (min-width: 64em) {
		.slides {
			grid-template-columns: repeat(3, minmax(0, 1fr));
		}
	}
}