/*
 * A course category page (taxonomy-nayumi_course_cat.php; docs/INFORMATION_ARCHITECTURE.md section 7.6). Loaded on the
 * category pages only (Enqueue). The heading band is the shared page hero (components/sections.css) and the cards and
 * chips are components; this file holds what only this page has.
 */
@layer components {
	.course-category__count {
		color: var(--color-text-muted);
		font-size: var(--fs-small);
		font-weight: 600;
	}

	.course-category__others .container {
		display: flex;
		flex-direction: column;
		gap: var(--space-4);
	}

	@media (min-width: 48em) {
		.course-category__others .container {
			flex-direction: row;
			align-items: center;
			gap: var(--space-6);
		}
	}

	.course-category__others-title {
		flex: none;
		font-family: var(--font-body);
		font-size: var(--fs-h4);
		font-weight: 600;
		line-height: var(--lh-h4);
	}
}