/* =========================================================
   Компонент: типографічний контент
   ========================================================= */

.phm-prose {
	max-width: var(--phm-measure);
	font-size: var(--phm-body);
	line-height: var(--phm-body-lh);
	color: var(--phm-text);
}

.phm-prose > * + * {
	margin-top: 1.2em;
}

.phm-prose h2 {
	font-size: var(--phm-h2);
	margin-top: 1.8em;
}

.phm-prose h3 {
	font-size: var(--phm-h3);
	margin-top: 1.6em;
}

.phm-prose ul,
.phm-prose ol {
	padding-left: 1.3em;
}

.phm-prose li + li {
	margin-top: 0.5em;
}

.phm-prose img {
	border-radius: var(--phm-radius);
}

.phm-prose a {
	text-decoration: underline;
	text-underline-offset: 3px;
}