.c-help-category {
	padding: var(--spacing-md) 0;

	.c-help-category__container {
		display: grid;
		grid-template-columns: auto;
		grid-template-rows: auto;
		grid-template-areas:
			'heading'
			'intro'
			'categorylist'
			'articles';
		gap: calc(var(--spacing-xs) * 2);

		@media (width > 768px) {
			grid-template-columns: 1fr 3fr;
			grid-template-areas:
				'heading intro'
				'categorylist articles';
			gap: calc(var(--spacing-xs) * 2);
		}
	}

	.c-help-category__heading {
		grid-area: heading;
	}

	.c-help-category__category-list {
		grid-area: categorylist;

		@media (width <= 768px) {
			margin-bottom: var(--spacing-lg);
		}
	}

	.c-help-category__intro {
		grid-area: intro;
	}

	.c-help-category__categories {
		display: flex;
		flex-direction: column;
		gap: var(--spacing-xs);
	}

	.c-help-category__articles {
		grid-area: articles;
		display: flex;
		flex-direction: column;
		gap: var(--spacing-sm)
	}
}