scapegoat/Docs2.git

			@@ -11,8 +11,7 @@
			width: 100vw;
			}

			body,
			section {
			body {
			margin: 0;
			box-sizing: border-box;
			background-color: var(--light);
			@@ -40,23 +39,17 @@
			ol,
			ul,
			.katex,
			.math {
			.math,
			.typst-doc,
			g[class~="typst-text"] {
			color: var(--darkgray);
			fill: var(--darkgray);
			hyphens: auto;
			overflow-wrap: break-word;
			text-wrap: pretty;
			}

			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 */
			path[class~="typst-shape"] {
			stroke: var(--darkgray);
			}

			.math {
			@@ -65,6 +58,21 @@
			}
			}

			article {
			> mjx-container.MathJax,
			blockquote > div > mjx-container.MathJax {
			display: flex;
			> svg {
			margin-left: auto;
			margin-right: auto;
			}
			}
			blockquote > div > mjx-container.MathJax > svg {
			margin-top: 1rem;
			margin-bottom: 1rem;
			}
			}

			strong {
			font-weight: $semiBoldWeight;
			}
			@@ -76,7 +84,7 @@
			color: var(--secondary);

			&:hover {
			color: var(--tertiary) !important;
			color: var(--tertiary);
			}

			&.internal {
			@@ -86,6 +94,15 @@
			border-radius: 5px;
			line-height: 1.4rem;

			&.broken {
			color: var(--secondary);
			opacity: 0.5;
			transition: opacity 0.2s ease;
			&:hover {
			opacity: 0.8;
			}
			}

			&:has(> img) {
			background-color: transparent;
			border-radius: 0;
			@@ -108,16 +125,32 @@
			}
			}

			.flex-component {
			display: flex;
			}

			.desktop-only {
			display: initial;
			&.flex-component {
			display: flex;
			}
			@media all and ($mobile) {
			&.flex-component {
			display: none;
			}
			display: none;
			}
			}

			.mobile-only {
			display: none;
			&.flex-component {
			display: none;
			}
			@media all and ($mobile) {
			&.flex-component {
			display: flex;
			}
			display: initial;
			}
			}
			@@ -182,7 +215,7 @@
			}

			& .sidebar {
			gap: 2rem;
			gap: 1.2rem;
			top: 0;
			box-sizing: border-box;
			padding: $topSpacing 2rem 2rem 2rem;
			@@ -223,6 +256,7 @@
			padding: 0;
			& > * {
			flex: 1;
			max-height: 24rem;
			}
			& > .toc {
			display: none;
			@@ -542,12 +576,12 @@
			}

			.spacer {
			flex: 1 1 auto;
			flex: 2 1 auto;
			}

			div:has(> .overflow) {
			display: flex;
			max-height: 100%;
			overflow-y: hidden;
			}

			ul.overflow,
			@@ -555,17 +589,14 @@
			max-height: 100%;
			overflow-y: auto;
			width: 100%;
			margin-bottom: 0;

			// clearfix
			content: "";
			clear: both;

			& > li:last-of-type {
			margin-bottom: 30px;
			}

			& > li.overflow-end {
			height: 4px;
			height: 0.5rem;
			margin: 0;
			}

			@@ -581,6 +612,7 @@
			}

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