Add .link underline

docs/components/Example.svelte

@@ -38,7 +38,7 @@
 			border: solid 2px hsl(0, 0%, 20%);
 			border-bottom: none;
 			display: flex;
-			gap: 1rem;
+			grid-gap: 1rem;
 			flex-wrap: wrap;
 			position: relative;
 			justify-content: flex-start;

docs/components/Header.svelte

@@ -40,7 +40,7 @@
 <style lang="postcss">
 	.header {
 		display: flex;
-		gap: 0.5rem;
+		grid-gap: 0.5rem;
 		align-items: center;
 		flex-wrap: wrap;
 		padding: 1rem 1.5rem;
@@ -74,7 +74,7 @@
 
 		&__links {
 			margin-left: auto;
-			gap: 1rem;
+			grid-gap: 1rem;
 			align-items: center;
 			justify-content: center;
 			display: flex;

docs/components/Sidebar.svelte

@@ -85,14 +85,14 @@
 			height: 100vh;
 			max-height: 100vh;
 			overflow-y: auto;
-			gap: 2.5rem;
+			grid-gap: 2.5rem;
 			display: flex;
 			flex-direction: column;
 
 			.section {
 				display: flex;
 				flex-direction: column;
-				gap: 0.5rem;
+				grid-gap: 0.5rem;
 
 				&__title {
 					text-transform: uppercase;

docs/layout/page.svelte

@@ -114,7 +114,7 @@
 	.edit-link {
 		display: flex;
 		align-items: center;
-		gap: 0.5rem;
+		grid-gap: 0.5rem;
 		margin-bottom: 54px;
 		color: var(--accent-color);
 	}

docs/routes/setup.md

@@ -180,4 +180,4 @@ Use a utility by importing from `omorphia/utils`.
 
 ### Using icons and styles
 
-Follow the guides on the sidebar to learn how to use [icons](/getting-started/icons) and general concepts.
+Follow the guides on the sidebar to learn how to use [icons](/usage/icons) and general concepts.

docs/styles/gh-markdown.postcss

@@ -1,5 +1,5 @@
-*:not(.example__preview *) {
-	:where(a) {
+*:not(.example__preview) * {
+	:where(a):not(.link) {
 		text-decoration: none;
 
 		&.absent {
@@ -378,7 +378,7 @@
 		background-color: var(--accent-color-transparent);
 	}
 
-	&:where(a) {
+	&:where(a):not(.link) {
 		color: var(--accent-color);
 
 		&:hover {