1 files changed, 4 insertions, 18 deletions
diff --git a/frontend/src/components/Page.svelte b/frontend/src/components/Page.svelte
index a9549bb..22aa78e 100644
--- a/frontend/src/components/Page.svelte
+++ b/frontend/src/components/Page.svelte
@@ -11,27 +11,13 @@
   let { title, subtitle, actions, children, wide }: Props = $props();
 </script>
 
-<header class="page-head">
+<header class="flex flex-wrap justify-between items-start gap-4 mb-4">
   <div>
-    <h1>{title}</h1>
-    {#if subtitle}<p class="hint">{subtitle}</p>{/if}
+    <h1 class="text-xl font-semibold">{title}</h1>
+    {#if subtitle}<p class="text-sm text-muted-foreground mt-0.5">{subtitle}</p>{/if}
   </div>
   {#if actions}{@render actions?.()}{/if}
 </header>
-<div class="page-body" class:wide>
+<div class={wide ? '' : 'max-w-3xl'}>
   {@render children?.()}
 </div>
-
-<style>
-  .page-head {
-    display: flex;
-    justify-content: space-between;
-    align-items: flex-start;
-    gap: 1rem;
-    margin-bottom: 1.1rem;
-    flex-wrap: wrap;
-  }
-  .page-head .hint { margin-top: 0.2rem; }
-  .page-body { max-width: 780px; }
-  .page-body.wide { max-width: none; }
-</style>