h1, h2, h3, h4, h5, h6
{
	font-family: var(--font-header);
	font-weight: 500;
	margin-bottom: var(--spacing-text);
}

h1
{
	font-size: 1.5em;
}

h2
{
	font-size: 1.4em;
}

h3
{
	font-size: 1.3em;
}

h4
{
	font-size: 1.2em;
}

h5
{
	font-size: 1.1em;
}

h6
{
	font-size: 1em;
}

a
{
	color: var(--color-gold);
}

p + p
{
	margin-top: var(--spacing-text);
}


dl
{
	dt
	{
		font-weight: 500;
		font-family: var(--font-header);
		font-size: 1.1em;
	}

	dd
	{
		margin-left: 0;
	}

	dd + dt
	{
		margin-top: calc(var(--spacing) * 2);
	}
}


.error
{
	color: var(--color-error);

	& a
	{
		color: currentColor;
	}
}


.disabled
{
	color: #666;
}


hr
{
	width: 100px;
	background-color: var(--color-gold-faint);
	border: 0;
	height: 1px;
	opacity: 0.5;
	margin-block: calc(var(--spacing) * 1.5);
}