/* Cards come from /css/card.css */

.whats-new__header {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: var(--spacing-half);
	text-align: center;

	h2 {
		margin: 0;
	}
}

.whats-new__meta {
	font-size: 0.9rem;
	color: var(--hq-card-text-dark);
}

.whats-new__body {
	display: flex;
	flex-direction: column;
	gap: var(--spacing);

	h3 {
		color: var(--color-primary);
		font-size: 1.25rem;
		margin: 0;
	}

	ul, ol {
		margin: 0;
		padding-inline-start: calc(var(--spacing-double) * 1.5);

		li + li {
			margin-top: var(--spacing-half);
		}
	}
}

.whats-new__message {
	text-align: center;
}