From e099d26ee448915659152a5f4c26a36776c551e1 Mon Sep 17 00:00:00 2001
From: Jonathan <jonathan@local>
Date: Sat, 18 Apr 2026 16:10:00 +0200
Subject: [PATCH] refactor: move inline styles into scoped <style> blocks

---
 src/pages/index.astro | 21 ++++++++++++++++++---
 1 file changed, 18 insertions(+), 3 deletions(-)

diff --git a/src/pages/index.astro b/src/pages/index.astro
index aec3cdc..bdd4cbd 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -2,11 +2,26 @@
 import BaseLayout from '../layouts/BaseLayout.astro';
 ---
 <BaseLayout title="Welcome">
-  <main style="padding: var(--space-20); max-width: var(--content-max); margin: 0 auto;">
+  <main class="placeholder-main">
     <span class="label-md">Project Bifrost</span>
-    <h1 class="display-md" style="margin-top: var(--space-4);">
-      Welcome to the <em style="font-weight: 700; font-style: italic;">hub.</em>
+    <h1 class="display-md heading">
+      Welcome to the <em class="emphasis">hub.</em>
     </h1>
     <p class="lead">Authentication and personalised content coming soon.</p>
   </main>
 </BaseLayout>
+
+<style>
+  .placeholder-main {
+    padding: var(--space-20);
+    max-width: var(--content-max);
+    margin: 0 auto;
+  }
+  .heading {
+    margin-top: var(--space-4);
+  }
+  .emphasis {
+    font-weight: 700;
+    font-style: italic;
+  }
+</style>