@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-top: 1.2em;
			margin-bottom: 0.5em;
			& + p {
				margin-top: 0;
			}
			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: 0.5em 0;
		}
		ul li {
			list-style: disc;
			margin-left: 1.5em;
			ul {
				margin-top: 0;
			}
			li {
				list-style: circle;
			}
		}
		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;
			}
			/*
			&[href*="://"] {
				word-break: break-all;
			}
			*/
		}
		table {
			border-collapse: collapse;
			border: 1px solid #000;
			margin: 2rem 0;
			@media (max-width: 768px) {
				font-size: 0.875rem;
				hyphens: auto;
			}
		}
		td, th {
			padding: 0.3em 0.7em;
			border: 1px solid #000;
			text-align: left;
		}
	}
}