@layer usertext {
	.usertext {
		font-size: var(--fontsize-normal);
		
		h1, h2 {
			font-size: var(--fontsize-h2);
			line-height: 1.333;
			font-weight: 700;
			margin: 2.5rem 0 1rem 0;
			max-width: var(--maxwidth);
			text-wrap: balance;
			em, i {
				font-style: normal!important;
			}
			strong, b {
				font-weight: 700!important;
			}
		}
		
		h3 {
			font-size: var(--fontsize-h3);
			font-weight: 700;
			margin-bottom: 1em;
			max-width: var(--maxwidth);
			em, i {
				font-style: normal!important;
			}
			strong, b {
				font-weight: 700!important;
			}
		}
		p {
			line-height: 1.6;
			max-width: var(--maxwidth);
			margin: 1em 0;
		}
		ol, ul, dl {
			margin: 1em 0;
		}
		li {
			line-height: 1.6;
			max-width: var(--maxwidth);
			margin: 1em 0;
		}
		ul li {
			list-style: disc;
			margin-left: 1.5em;
		}
		ol li {
			list-style: decimal;
			margin-left: 1.5em;
		}
		dl dt {
			font-weight: 700;
			margin-bottom: 0.5em;
		}

		hr {
			border: none;
			background: url(../img/divider.svg) 50% 50% no-repeat;
			width: 100%;
			max-width: 356px;
			height: 14px;
			margin: 4rem 0;
		}
		a {
			color: inherit;
			text-decoration: underline;
			text-decoration-thickness: 1px;
			text-underline-offset: 0.3em;
			&:hover {
				text-decoration-thickness: 2px;
			}
		}
	}
}