Increase link underline offset to clear descenders (#58)

Bump always-on underlines from offset-2 to offset-4 so g/y/p
no longer collide with the rule on citations and glossary terms.

Co-authored-by: Cursor Agent <cursoragent@cursor.com>

Author: jsolly

src/components/app/ChapterView.svelte

@@ -195,7 +195,7 @@
 							<p class="italic text-foreground/95">"{piece.quote.text}"</p>
 							<footer class="mt-2 not-italic">
 								<a
-									class="text-xs font-medium text-primary underline underline-offset-2 sm:text-sm"
+									class="text-xs font-medium text-primary underline underline-offset-4 sm:text-sm"
 									href={piece.quote.sourceUrl}
 									target="_blank"
 									rel="noopener noreferrer"
@@ -207,7 +207,7 @@
 					{:else if piece.sourceUrl && piece.citation}
 						<p class="mt-4 text-xs sm:text-sm">
 							<a
-								class="font-medium text-primary underline underline-offset-2"
+								class="font-medium text-primary underline underline-offset-4"
 								href={piece.sourceUrl}
 								target="_blank"
 								rel="noopener noreferrer"
@@ -232,7 +232,7 @@
 					{#each chapter.furtherReading as link (link.url + link.label)}
 						<li>
 							<a
-								class="font-medium text-primary underline underline-offset-2"
+								class="font-medium text-primary underline underline-offset-4"
 								href={link.url}
 								target="_blank"
 								rel="noopener noreferrer"

src/components/app/QuizView.svelte

@@ -209,7 +209,7 @@
 						href={q.sourceUrl}
 						target="_blank"
 						rel="noreferrer"
-						class="inline-block text-xs font-medium text-primary underline underline-offset-2"
+						class="inline-block text-xs font-medium text-primary underline underline-offset-4"
 					>
 						{q.citation} ↗
 					</a>

src/components/app/TermRichText.svelte

@@ -22,7 +22,7 @@
 			<TermDefinitionPopover
 				{term}
 				{currentChapterId}
-				triggerClass="cursor-pointer rounded-sm text-primary underline decoration-dotted decoration-primary/70 underline-offset-2 outline-none hover:decoration-solid focus-visible:ring-2 focus-visible:ring-ring"
+				triggerClass="cursor-pointer rounded-sm text-primary underline decoration-dotted decoration-primary/70 underline-offset-4 outline-none hover:decoration-solid focus-visible:ring-2 focus-visible:ring-ring"
 			>
 				{segment.text}
 			</TermDefinitionPopover>