@layer views {
	main > header{
		padding-block: var(--section-padding) var(--spacer);
	}

	.page-content{
		padding-block: var(--section-padding);
	}

	.sitemap-section{
		padding-block: var(--section-padding);
	}

	.pages{
		--color-link: var(--color-text);
		--color-link-hover: var(--color-text);
		--color-link-visited: var(--color-text);

		a{
			text-decoration-color: transparent;

			&:hover{
				text-decoration-color: rgba(var(--color-link), .4);
			}
		}

		ul{
			list-style: none;
			padding: 0;
			line-height: 2;
		}

		> ul{
			> li{
				> a{
					font-size: 1.5em;
					font-weight: 400;
					color: rgba(var(--color-secondary));
					text-decoration: underline;
					text-decoration-color: transparent;
					text-decoration-thickness: .05em;

					&:hover{
						text-decoration-color: rgba(var(--color-secondary), .4);
					}

					&:after{
						content: '\00a0\f054';
						display: inline-block;
						font-family: var(--font-icon);
						font-size: .8em;
					}
				}

				> ul{
					column-count: 3;

					@container content (max-width: 1024px) {
						column-count: 2;
					}

					@container content (max-width: 768px) {
						column-count: 1;
					}

					> li{
						page-break-inside: avoid;
						break-inside: avoid;
						-webkit-column-break-inside: avoid;

						> a{
							font-weight: 600;
						}
					}

					ul{
						padding-left: var(--spacer);
						line-height: 2.5;
						margin-bottom: 0;
					}
				}
			}
		}
	}
}