.content-header {
	margin-bottom: 1.5rem;
}

.content-header-row {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	gap: 1rem;
}

@media (min-width: 576px) {
	.content-header-row {
		flex-direction: row;
		align-items: flex-start;
		justify-content: space-between;
	}
}

.content-title-group {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	flex-wrap: wrap;
	min-width: 0;
}

.content-title {
	font-family: "Inter", system-ui, sans-serif;
	font-size: var(--fs-800);
	font-weight: var(--fw-600);
	color: var(--clr-text-high);
	margin: 0;
	line-height: 1.3;
	text-wrap: balance;

	@media (min-width: 576px) {
		font-size: var(--fs-900);
	}
}

.content-subtitle {
	font-family: "Inter", system-ui, sans-serif;
	font-size: var(--fs-400);
	color: var(--clr-text-medium);
	margin: 0.25rem 0 0;
	flex-basis: 100%;
	text-wrap: pretty;
}

.content-actions {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	flex-shrink: 0;
	flex-wrap: wrap;
	justify-content: flex-start;

	@media (min-width: 576px) {
		justify-content: flex-end;
	}
}