fix: underline inline links for a11y and fix lint formatting

Add visible underline to inline links in doc pages and MCP page
to meet WCAG link-in-text-block requirement. Fix biome formatting
in fonts.css and prerender.ts. Simplify home meta description.

Author: caio-pizzol

.gitignore

@@ -4,4 +4,5 @@ dist/
 dev/
 .wrangler/
 .env
+.mcp.json
 .vscode/

apps/web/public/fonts/fonts.css

@@ -1,42 +1,42 @@
 @font-face {
-  font-family: 'Inter';
-  font-style: normal;
-  font-weight: 400;
-  font-display: swap;
-  src: url(/fonts/inter.woff2) format('woff2');
+	font-family: "Inter";
+	font-style: normal;
+	font-weight: 400;
+	font-display: swap;
+	src: url(/fonts/inter.woff2) format("woff2");
 }
 @font-face {
-  font-family: 'Inter';
-  font-style: normal;
-  font-weight: 500;
-  font-display: swap;
-  src: url(/fonts/inter.woff2) format('woff2');
+	font-family: "Inter";
+	font-style: normal;
+	font-weight: 500;
+	font-display: swap;
+	src: url(/fonts/inter.woff2) format("woff2");
 }
 @font-face {
-  font-family: 'Inter';
-  font-style: normal;
-  font-weight: 600;
-  font-display: swap;
-  src: url(/fonts/inter.woff2) format('woff2');
+	font-family: "Inter";
+	font-style: normal;
+	font-weight: 600;
+	font-display: swap;
+	src: url(/fonts/inter.woff2) format("woff2");
 }
 @font-face {
-  font-family: 'Inter';
-  font-style: normal;
-  font-weight: 700;
-  font-display: swap;
-  src: url(/fonts/inter.woff2) format('woff2');
+	font-family: "Inter";
+	font-style: normal;
+	font-weight: 700;
+	font-display: swap;
+	src: url(/fonts/inter.woff2) format("woff2");
 }
 @font-face {
-  font-family: 'JetBrains Mono';
-  font-style: normal;
-  font-weight: 400;
-  font-display: swap;
-  src: url(/fonts/jetbrains-mono.woff2) format('woff2');
+	font-family: "JetBrains Mono";
+	font-style: normal;
+	font-weight: 400;
+	font-display: swap;
+	src: url(/fonts/jetbrains-mono.woff2) format("woff2");
 }
 @font-face {
-  font-family: 'JetBrains Mono';
-  font-style: normal;
-  font-weight: 500;
-  font-display: swap;
-  src: url(/fonts/jetbrains-mono.woff2) format('woff2');
+	font-family: "JetBrains Mono";
+	font-style: normal;
+	font-weight: 500;
+	font-display: swap;
+	src: url(/fonts/jetbrains-mono.woff2) format("woff2");
 }

apps/web/scripts/prerender.ts

@@ -180,7 +180,11 @@ function buildHead(path: string): string {
 			headline: seo.title.split(" | ")[0].split(" — ")[0],
 			description: seo.description,
 			url,
-			author: { "@type": "Organization", name: "SuperDoc — DOCX editing and tooling", url: "https://superdoc.dev" },
+			author: {
+				"@type": "Organization",
+				name: "SuperDoc — DOCX editing and tooling",
+				url: "https://superdoc.dev",
+			},
 			publisher: { "@type": "Organization", name: "ooxml.dev" },
 			about: {
 				"@type": "Thing",

apps/web/src/data/seo.ts

@@ -10,7 +10,7 @@ const staticPages: Record<string, SeoMeta> = {
 	"/": {
 		title: "ooxml.dev — The OOXML spec, explained by people who actually implemented it",
 		description:
-			"Interactive ECMA-376 reference with live previews and implementation notes. What the spec doesn't tell you, from the SuperDoc team.",
+			"ECMA-376 reference with live previews and implementation notes from building a real document engine. Built by the SuperDoc team.",
 		type: "website",
 	},
 	"/mcp": {

apps/web/src/pages/Mcp.tsx

@@ -207,7 +207,7 @@ export function Mcp() {
 							href="https://modelcontextprotocol.io"
 							target="_blank"
 							rel="noopener noreferrer"
-							className="text-[var(--color-accent)] hover:underline"
+							className="text-[var(--color-accent)] underline decoration-[var(--color-accent)]/30 hover:decoration-[var(--color-accent)]"
 						>
 							Model Context Protocol
 						</a>{" "}
@@ -231,7 +231,7 @@ export function Mcp() {
 							href="https://superdoc.dev/?utm_source=ooxml.dev&utm_medium=referral&utm_campaign=mcp-page"
 							target="_blank"
 							rel="noopener noreferrer"
-							className="text-[var(--color-accent)] hover:underline"
+							className="text-[var(--color-accent)] underline decoration-[var(--color-accent)]/30 hover:decoration-[var(--color-accent)]"
 						>
 							SuperDoc — DOCX editing and tooling
 						</a>

apps/web/src/pages/docs/Page.tsx

@@ -143,7 +143,7 @@ function InlineMarkdown({ text }: { text: string }) {
 						<a
 							key={i}
 							href={url}
-							className="text-[var(--color-accent)] hover:underline"
+							className="text-[var(--color-accent)] underline decoration-[var(--color-accent)]/30 hover:decoration-[var(--color-accent)]"
 							target={url.startsWith("http") ? "_blank" : undefined}
 							rel={url.startsWith("http") ? "noopener noreferrer" : undefined}
 						>