scapegoat/Docs2.git

			@@ -20,11 +20,10 @@
			}

			.text-highlight {
			background-color: #fff23688;
			background-color: var(--textHighlight);
			padding: 0 0.1rem;
			border-radius: 5px;
			}

			::selection {
			background: color-mix(in srgb, var(--tertiary) 60%, rgba(255, 255, 255, 0));
			color: var(--darkgray);
			@@ -43,16 +42,32 @@
			.math {
			color: var(--darkgray);
			fill: var(--darkgray);
			overflow-wrap: anywhere;
			hyphens: auto;
			}

			p,
			ul,
			text,
			a,
			li,
			ol,
			ul,
			.katex,
			.math {
			overflow-wrap: anywhere;
			/* tr and td removed from list of selectors for overflow-wrap, allowing them to use default 'normal' property value */
			}

			.math {
			&.math-display {
			text-align: center;
			}
			}

			strong {
			font-weight: $semiBoldWeight;
			}

			a {
			font-weight: $semiBoldWeight;
			text-decoration: none;
			@@ -75,6 +90,11 @@
			border-radius: 0;
			padding: 0;
			}
			&.tag-link {
			&::before {
			content: "#";
			}
			}
			}

			&.external .external-icon {
			@@ -181,11 +201,19 @@
			}
			}

			& .page-header {
			& .page-header,
			& .page-footer {
			width: $pageWidth;
			margin: $topSpacing auto 0 auto;
			margin-top: 1rem;

			@media all and (max-width: $fullPageWidth) {
			width: initial;
			}
			}

			& .page-header {
			margin: $topSpacing auto 0 auto;
			@media all and (max-width: $fullPageWidth) {
			margin-top: 2rem;
			}
			}
			@@ -472,6 +500,10 @@
			flex: 1 1 auto;
			}

			div:has(> .overflow) {
			position: relative;
			}

			ul.overflow,
			ol.overflow {
			max-height: 400;
			@@ -504,3 +536,16 @@
			padding-left: 1rem;
			}
			}

			.katex-display {
			overflow-x: auto;
			overflow-y: hidden;
			}

			.external-embed.youtube,
			iframe.pdf {
			aspect-ratio: 16 / 9;
			height: 100%;
			width: 100%;
			border-radius: 5px;
			}