/* Överrubrik — Figma 94:4544 (Brand/900) / 94:4533 (Accent/800 i Checklista, färg sätts i blocket). */

.c-eyebrow {
	color: var(--color-brand-900);
	font-size: var(--font-size-body-m); /* 14px */
	font-weight: 700;
	line-height: var(--line-height-body);
	text-transform: uppercase;
}

/*
 * Överrubrik + rubrik från mj_heading() (block som inte placerar överrubriken själva). Ingen Figma — som How we work
 * och Checklista: 12px, 24px från 1024. Färg Brand/900; block med mörk bakgrund sätter rubrikens färg (beslut).
 */
.c-heading-group {
	display: flex;
	flex-direction: column;
	align-self: stretch;  /* Samma bredd som rubriken hade utan grupp (t.ex. width: 100% i Hero - Meddelande) */
	align-items: inherit; /* …och samma justering (vänster/centrerad) som förälderns */
	gap: 0.75rem; /* 12px */
}

@media (min-width: 1024px) {
	.c-heading-group {
		gap: 1.5rem; /* 24px */
	}
}