scapegoat/Docs2.git

			@@ -7,14 +7,18 @@
			scroll-behavior: smooth;
			-webkit-text-size-adjust: none;
			text-size-adjust: none;
			overflow-x: hidden;
			width: 100vw;
			}

			body {
			body,
			section {
			margin: 0;
			max-width: 100%;
			box-sizing: border-box;
			background-color: var(--light);
			font-family: var(--bodyFont);
			color: var(--darkgray);
			}

			.text-highlight {
			@@ -23,6 +27,11 @@
			border-radius: 5px;
			}

			::selection {
			background: color-mix(in srgb, var(--tertiary) 75%, transparent);
			color: var(--darkgray);
			}

			p,
			ul,
			text,
			@@ -41,7 +50,6 @@
			}

			.math {
			font-size: 1.1rem;
			&.math-display {
			text-align: center;
			}
			@@ -83,7 +91,7 @@
			@media all and (max-width: $fullPageWidth) {
			margin: 0 auto;
			padding: 0 1rem;
			max-width: 800px;
			max-width: $pageWidth;
			}

			& article {
			@@ -106,6 +114,10 @@
			margin-top: 0;
			margin-bottom: 0;
			}

			p > strong {
			color: var(--dark);
			}
			}

			& > #quartz-body {
			@@ -164,9 +176,9 @@

			& .center,
			& footer {
			width: $pageWidth;
			margin-left: auto;
			margin-right: auto;
			width: $pageWidth;
			@media all and (max-width: $fullPageWidth) {
			width: initial;
			margin-left: 0;
			@@ -263,24 +275,28 @@
			// typography improvements
			h1 {
			font-size: 1.75rem;
			margin-top: 2.75rem;
			margin-top: 2.25rem;
			margin-bottom: 1rem;
			}

			h2 {
			font-size: 1.4rem;
			margin-top: 2.4rem;
			margin-top: 1.9rem;
			margin-bottom: 1rem;
			}

			h3 {
			font-size: 1.12rem;
			margin-top: 2.12rem;
			margin-top: 1.62rem;
			margin-bottom: 1rem;
			}

			h4,
			h5,
			h6 {
			font-size: 1rem;
			margin-top: 2rem;
			margin-top: 1.5rem;
			margin-bottom: 1rem;
			}

			div[data-rehype-pretty-code-fragment] {
			@@ -312,7 +328,6 @@

			&:has(> code.mermaid) {
			border: none;
			position: relative;
			}

			& > code {
			@@ -375,16 +390,29 @@
			}

			table {
			margin: 1rem 0;
			border: 1px solid var(--gray);
			margin: 1rem;
			padding: 1.5rem;
			border-collapse: collapse;
			& > * {
			line-height: 2rem;
			}
			}

			td,
			th {
			text-align: left;
			padding: 0.4rem 1rem;
			border-bottom: 2px solid var(--gray);
			}

			td {
			padding: 0.2rem 1rem;
			border: 1px solid var(--gray);
			}

			tr {
			border-bottom: 1px solid var(--lightgray);
			&:last-child {
			border-bottom: none;
			}
			}

			img {
			@@ -418,15 +446,15 @@

			ul.overflow,
			ol.overflow {
			height: 400px;
			overflow-y: scroll;
			max-height: 300;
			overflow-y: auto;

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

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

			&:after {
			@@ -442,3 +470,9 @@
			background: linear-gradient(transparent 0px, var(--light));
			}
			}

			.transclude {
			ul {
			padding-left: 1rem;
			}
			}