fix(docs): return styling to pre-regression (global style removal)

src/routes/docs/+layout.svelte

@@ -17,15 +17,20 @@
 			</ul>
 		</nav>
 	</div>
-	<div class="Layout-docs-content w-[700px] max-w-[700px]">{@render children?.()}</div>
+	<div class="Layout-docs-content w-[700px] max-w-[700px] text-xl">{@render children?.()}</div>
 	<div class="grow"></div>
 </div>
 
 <style>
 	:global(.Layout-docs-content p:not(.no-docs-style)) {
-		@apply text-xl tracking-tight mb-1;
+		@apply tracking-tight mb-1;
 	}
+
 	:global(.Layout-docs-content h1:not(.no-docs-style)) {
-		@apply text-center underline underline-offset-8 decoration-teal-700 font-aladin text-teal-950;
+		@apply text-4xl lg:text-5xl my-4 text-center underline underline-offset-8 decoration-teal-800 font-aladin text-teal-950;
+	}
+
+	:global(.Layout-docs-content h2:not(.no-docs-style)) {
+		@apply text-teal-600 text-2xl font-semibold my-1;
 	}
 </style>