@layer components {
	.auto-index {
		--ScaleLevel: var(--Huge);
		margin-top: var(--SpacingLarge);

		& ol {
			list-style: none;
			padding: 0;
		}

		& li {
			--ScaleLevel: var(--Tall);

			&::before {
				content: "m.";
				margin-right: var(--SpacingThin);
				font-weight: 600;
				font-family: var(--Display);
			}

			&+& {
				margin-top: var(--SpacingThin);
			}
		}

		& a {
			--ScaleLevel: var(--Huge);
			text-decoration: none;
			font-weight: 100;
			--LineHeightFactor: 0.75;
			hyphens: auto;
		}
	}
}