chore: spacing tweaks

- make paragraph breaks less spacey
- move `ul` closer to the preceeding paragraph which gives more visual clarity of where it belongs to
- give code blocks a bit more space at the top/bottom on larger screens
- give blockquotes more space at the top/bottom on larger screens

Combined, these changes give more visual clarity of which things belong together, which stand on its own, etc

Author: dummdidumm

packages/site-kit/src/lib/components/Text.svelte

@@ -119,6 +119,10 @@
 			margin: 2rem 0;
 			/* background: var(--sk-back-3); */
 
+			@media (min-width: 767px) {
+				margin: 3rem 0;
+			}
+
 			.controls {
 				--height: 3.6rem;
 				display: flex;
@@ -376,7 +380,7 @@
 			li::before {
 				content: '';
 				position: absolute;
-				top: 1.43rem;
+				top: 1.1rem;
 				left: -1.8rem;
 				background-color: var(--sk-text-4);
 				width: 0.6rem;

packages/site-kit/src/lib/styles/base.css

@@ -45,7 +45,7 @@ p,
 ul,
 ol {
 	font: var(--sk-font-body);
-	margin: 1lh 0;
+	margin: 2rem 0;
 
 	&:first-child {
 		margin-top: 0;
@@ -56,6 +56,15 @@ ol {
 	}
 }
 
+ul,
+ol {
+	margin-top: 1rem;
+}
+
+p:has(+ ul, + ol) {
+	margin-bottom: 1rem;
+}
+
 a {
 	position: relative;
 	text-decoration: none;
@@ -139,6 +148,10 @@ blockquote {
 	margin: 2.4rem 0;
 	padding: 2rem 2.4rem 1.8rem 2.4rem;
 	max-width: var(--sk-page-content-width);
+
+	@media (min-width: 767px) {
+		margin: 4rem 0;
+	}
 }
 
 blockquote :where(p, ul, ol) {