@layer main {
	@layer typography {
		h1,
		h2,
		h3,
		h4,
		h5,
		h6 {
			font-family: var(--font-family-display);
			line-height: 1;
			letter-spacing: -0.5px;
			margin-bottom: var(--spacer);
		}

		h1{
			font-size: 48px;
			font-weight: 700;

			@container (max-width: 1024px){
				font-size: 44px;
			}
		}

		h2{
			font-size: 36px;
			font-weight: 600;
			line-height: 1.111;

			@container (max-width: 1024px){
				font-size: 32px;
				letter-spacing: 0;
			}
		}

		h3{
			font-size: 24px;
			font-weight: 400;
			line-height: 1.25;

			@container (max-width: 1024px){
				font-size: 18px;
			}
		}

		a {
			color: rgb(var(--color-link));
			text-underline-position: from-font;
			transition: color .3s;

			&:hover{
				color: rgb(var(--color-link-hover));
				text-decoration: none;
			}

			&:active{
				color: rgb(var(--color-link-active));
				text-decoration: none;
			}

			&:visited{
				color: rgb(var(--color-link-visited));
			}
		}

		p {
			&:not(:last-child){
				margin-bottom: calc(var(--spacer) * .5);
			}
		}

		ul,
		ol {
			padding-left: 1.5ch;

			ul,
			ol {

			}
		}

		sup{
			vertical-align: top;
			font-size: .666em;
		}

		address{
			font-style: normal;
			line-height: 1.45;
		}

		.text-center {
			text-align: center;
		}

		.leaders{
			display: flex;
			align-items: baseline;
			gap: calc(var(--spacer) * .5);

			&:after{
				content: '';
				order: 1;
				flex: 1;
				border-bottom: 1px dotted;
			}

			:first-child{
				order: 0;
			}

			:last-child{
				order: 2;
			}
		}

		.rte-content{
			p,
			ul{
				&:not(:last-child){
					margin-bottom: calc(var(--spacer) * .5);
				}
			}
		}
	}
}