/**
 * Typography.
 */

h1, h2, h3, h4, h5, h6 {
	font-family: var(--dc-font-display);
	line-height: var(--dc-line-height-tight);
	font-weight: 600;
}

h1 { font-size: var(--dc-font-size-3xl); }
h2 { font-size: var(--dc-font-size-2xl); }
h3 { font-size: var(--dc-font-size-xl); }
h4 { font-size: var(--dc-font-size-lg); }

.dc-prose {
	max-width: var(--dc-content-width);
}

.dc-prose > * + * {
	margin-top: var(--dc-space-4);
}

.dc-prose a {
	color: var(--dc-colour-brand);
	text-decoration: underline;
	text-underline-offset: 0.15em;
}

.dc-prose a:hover {
	color: var(--dc-colour-brand-dark);
}

.dc-section-header {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: var(--dc-space-4);
	margin-bottom: var(--dc-space-6);
}

.dc-section-header__title {
	font-size: var(--dc-font-size-2xl);
}

.dc-section-header__link {
	font-size: var(--dc-font-size-sm);
	color: var(--dc-colour-brand);
	text-decoration: none;
	white-space: nowrap;
}

.dc-section-header__link:hover {
	text-decoration: underline;
}

.dc-page-header {
	margin-bottom: var(--dc-space-8);
}

.dc-page-header__title {
	font-size: var(--dc-font-size-3xl);
}

.dc-page-header__desc {
	margin-top: var(--dc-space-3);
	color: var(--dc-colour-muted);
}