diff --git a/my-deepagent/static/index.html b/my-deepagent/static/index.html
index 39406b6..15e325d 100644
--- a/my-deepagent/static/index.html
+++ b/my-deepagent/static/index.html
@@ -8,7 +8,7 @@
 </head>
 <body data-page="index">
   <header>
-    <h1>my-deepagent</h1>
+    <h1><a href="/">my-deepagent</a></h1>
     <nav>
       <a href="/" class="active">Runs</a>
       <a href="/new.html">새 Run</a>
diff --git a/my-deepagent/static/new.html b/my-deepagent/static/new.html
index 324230e..9c1d811 100644
--- a/my-deepagent/static/new.html
+++ b/my-deepagent/static/new.html
@@ -8,7 +8,7 @@
 </head>
 <body data-page="new">
   <header>
-    <h1>my-deepagent</h1>
+    <h1><a href="/">my-deepagent</a></h1>
     <nav>
       <a href="/">Runs</a>
       <a href="/new.html" class="active">새 Run</a>
diff --git a/my-deepagent/static/run.html b/my-deepagent/static/run.html
index eb71e71..e141bf5 100644
--- a/my-deepagent/static/run.html
+++ b/my-deepagent/static/run.html
@@ -8,7 +8,7 @@
 </head>
 <body data-page="run">
   <header>
-    <h1>my-deepagent</h1>
+    <h1><a href="/">my-deepagent</a></h1>
     <nav>
       <a href="/">Runs</a>
       <a href="/new.html">새 Run</a>
diff --git a/my-deepagent/static/style.css b/my-deepagent/static/style.css
index 9d4b5e7..11cdab6 100644
--- a/my-deepagent/static/style.css
+++ b/my-deepagent/static/style.css
@@ -1,15 +1,14 @@
-/* my-deepagent Web GUI — v0.2 PR #3 polish pass.
+/* my-deepagent Web GUI — v0.2 PR #3 (Claude design pass).
  *
- * Visual reference: modern dev-tool dashboards (Linear / Vercel /
- * Resend / Railway). Goals:
- *   - Refined dark palette (deeper background, soft surfaces)
- *   - Card-based layout with clear hierarchy
- *   - Pill badges for run / phase state
- *   - Tabular numbers for metrics, monospace for IDs
- *   - 8 px spacing grid, generous padding
- *   - Subtle hover / transition without animation chaos
+ * Visual reference: Anthropic / Claude design language
+ *   - Warm cream paper background (#F5F0E8 family)
+ *   - Charcoal warm-tinted ink for body
+ *   - Tiempos / Source Serif headings (serif heads, sans body)
+ *   - Rust / terracotta accent (#CC5500 family)
+ *   - Generous whitespace, soft 1px borders, minimal shadow
+ *   - Rounded corners 6–12 px, no heavy elevation
  *
- * Vanilla CSS only. No build system. No CSS-in-JS.
+ * Vanilla CSS only. No framework, no build system.
  */
 
 /* ---------- Reset + tokens ---------- */
@@ -21,52 +20,52 @@
 }
 
 :root {
-  /* Surface (background → cards → elevated) */
-  --bg: #0a0b0e;
-  --surface-1: #13141a;
-  --surface-2: #181a22;
-  --surface-3: #1f222c;
-  --surface-hover: #232732;
+  /* Paper / surface */
+  --bg: #f5f0e8;
+  --surface-1: #fbfaf6;
+  --surface-2: #efe9de;
+  --surface-3: #e7e0d3;
+  --surface-hover: #eee7da;
 
   /* Borders */
-  --border: #262834;
-  --border-strong: #313548;
+  --border: #e2dccf;
+  --border-strong: #cfc7b6;
 
-  /* Text */
-  --text-primary: #f5f6f9;
-  --text-secondary: #b6b9c4;
-  --text-muted: #6c707f;
-  --text-faint: #4a4d59;
+  /* Ink */
+  --text-primary: #1b1916;
+  --text-secondary: #54514a;
+  --text-muted: #8a857a;
+  --text-faint: #b6b0a3;
 
-  /* Accents */
-  --accent: #7c9eff;
-  --accent-hover: #93b1ff;
-  --accent-bg: rgba(124, 158, 255, 0.12);
+  /* Accents (rust + supporting palette) */
+  --accent: #c14a1a;
+  --accent-hover: #a73d12;
+  --accent-bg: rgba(193, 74, 26, 0.1);
 
-  --success: #6cdba2;
-  --success-bg: rgba(108, 219, 162, 0.12);
-  --warning: #f5cc73;
-  --warning-bg: rgba(245, 204, 115, 0.14);
-  --danger: #ef7a7a;
-  --danger-bg: rgba(239, 122, 122, 0.14);
-  --info: #8a9cc7;
-  --info-bg: rgba(138, 156, 199, 0.12);
+  --success: #4a6f2a;
+  --success-bg: rgba(74, 111, 42, 0.1);
+  --warning: #a86c1f;
+  --warning-bg: rgba(168, 108, 31, 0.12);
+  --danger: #a33419;
+  --danger-bg: rgba(163, 52, 25, 0.1);
+  --info: #4a5d8c;
+  --info-bg: rgba(74, 93, 140, 0.1);
 
   /* Type */
-  --font-sans: -apple-system, BlinkMacSystemFont, "Inter", "Pretendard",
-    "SF Pro Text", "Apple SD Gothic Neo", "Noto Sans KR", "Segoe UI",
-    Helvetica, Arial, sans-serif;
-  --font-mono: "SF Mono", "JetBrains Mono", "Cascadia Code", "Menlo",
-    "Monaco", "Consolas", monospace;
+  --font-serif: "Tiempos Headline", "Source Serif Pro", "IBM Plex Serif",
+    "Georgia", "Apple SD Gothic Neo", "Noto Serif KR", serif;
+  --font-sans: "Styrene B", "Styrene A", "Inter", "Pretendard",
+    -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo",
+    "Noto Sans KR", "Segoe UI", Helvetica, Arial, sans-serif;
+  --font-mono: "JetBrains Mono", "SF Mono", "Menlo", "Monaco", "Consolas",
+    monospace;
 
   /* Geometry */
   --radius-sm: 6px;
-  --radius: 10px;
-  --radius-lg: 14px;
+  --radius: 8px;
+  --radius-lg: 12px;
 
-  --shadow-sm: 0 1px 0 rgba(255, 255, 255, 0.03) inset;
-  --shadow-card: 0 1px 0 rgba(255, 255, 255, 0.03) inset,
-    0 1px 12px rgba(0, 0, 0, 0.2);
+  --shadow-card: 0 1px 0 rgba(28, 25, 22, 0.04);
 }
 
 /* ---------- Base ---------- */
@@ -78,11 +77,10 @@ body {
   background: var(--bg);
   color: var(--text-primary);
   font-family: var(--font-sans);
-  font-size: 14px;
+  font-size: 15px;
   line-height: 1.55;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
-  font-feature-settings: "cv05", "ss01";
   font-variant-numeric: tabular-nums;
 }
 
@@ -100,69 +98,73 @@ a {
 
 a:hover {
   color: var(--accent-hover);
+  text-decoration: underline;
+  text-decoration-thickness: 1px;
+  text-underline-offset: 3px;
 }
 
 code,
 kbd,
 .mono {
   font-family: var(--font-mono);
-  font-size: 0.85em;
-  letter-spacing: -0.01em;
+  font-size: 0.86em;
+  letter-spacing: -0.005em;
 }
 
 ::selection {
-  background: var(--accent-bg);
-  color: var(--text-primary);
+  background: var(--accent);
+  color: var(--surface-1);
 }
 
 /* ---------- Header / nav ---------- */
 
 header {
-  background: var(--surface-1);
+  background: transparent;
   border-bottom: 1px solid var(--border);
-  padding: 16px 32px;
+  padding: 20px 36px;
   display: flex;
   justify-content: space-between;
-  align-items: center;
+  align-items: baseline;
   gap: 24px;
 }
 
 header h1 {
   margin: 0;
-  font-size: 15px;
-  font-weight: 600;
+  font-family: var(--font-serif);
+  font-size: 22px;
+  font-weight: 500;
+  letter-spacing: -0.02em;
   color: var(--text-primary);
-  letter-spacing: -0.01em;
-  display: flex;
-  align-items: center;
-  gap: 10px;
 }
 
-header h1::before {
-  content: "";
-  width: 8px;
-  height: 8px;
-  background: linear-gradient(135deg, var(--accent), var(--success));
-  border-radius: 2px;
+header h1 a {
+  color: inherit;
+}
+
+header h1 a:hover {
+  text-decoration: none;
+  color: var(--accent);
 }
 
 header nav {
   display: flex;
   gap: 4px;
+  align-self: center;
 }
 
 header nav a {
   color: var(--text-secondary);
   padding: 6px 12px;
   border-radius: var(--radius-sm);
-  font-size: 13px;
-  font-weight: 500;
+  font-size: 14px;
+  font-weight: 400;
   transition: all 0.15s ease;
 }
 
 header nav a:hover {
   color: var(--text-primary);
-  background: var(--surface-hover);
+  background: var(--surface-2);
+  text-decoration: none;
 }
 
 header nav a.active {
@@ -174,10 +176,10 @@ header nav a.active {
 
 main {
   flex: 1;
-  max-width: 1280px;
+  max-width: 1180px;
   width: 100%;
   margin: 0 auto;
-  padding: 32px;
+  padding: 40px 36px 64px;
 }
 
 .page-title {
@@ -185,41 +187,48 @@ main {
   align-items: baseline;
   justify-content: space-between;
   gap: 16px;
-  margin-bottom: 24px;
+  margin-bottom: 28px;
+  border-bottom: 1px solid var(--border);
+  padding-bottom: 16px;
 }
 
 .page-title h2 {
   margin: 0;
-  font-size: 22px;
-  font-weight: 600;
+  font-family: var(--font-serif);
+  font-size: 30px;
+  font-weight: 500;
   letter-spacing: -0.02em;
+  text-transform: none;
+  color: var(--text-primary);
 }
 
 .page-subtitle {
   color: var(--text-muted);
-  font-size: 13px;
+  font-size: 14px;
 }
 
 h2 {
-  margin: 28px 0 14px;
-  font-size: 13px;
-  font-weight: 600;
-  letter-spacing: 0.04em;
-  text-transform: uppercase;
-  color: var(--text-muted);
+  margin: 36px 0 14px;
+  font-family: var(--font-serif);
+  font-size: 18px;
+  font-weight: 500;
+  letter-spacing: -0.01em;
+  color: var(--text-primary);
+  text-transform: none;
 }
 
 h2.section-title {
   display: flex;
-  align-items: center;
+  align-items: baseline;
   gap: 10px;
 }
 
-h2.section-title::after {
-  content: "";
-  flex: 1;
-  height: 1px;
-  background: var(--border);
+h2.section-title .hint {
+  font-family: var(--font-sans);
+  font-size: 13px;
+  color: var(--text-muted);
+  font-weight: 400;
+  margin-left: 4px;
 }
 
 /* ---------- Cards / tables ---------- */
@@ -236,13 +245,13 @@ table {
   width: 100%;
   border-collapse: separate;
   border-spacing: 0;
-  font-size: 13px;
+  font-size: 14px;
 }
 
 th,
 td {
   text-align: left;
-  padding: 12px 16px;
+  padding: 14px 18px;
   border-bottom: 1px solid var(--border);
   vertical-align: middle;
 }
@@ -261,13 +270,13 @@ tbody tr:hover {
 
 th {
   background: var(--surface-2);
-  color: var(--text-muted);
+  color: var(--text-secondary);
   font-weight: 500;
-  font-size: 11px;
+  font-size: 12px;
+  letter-spacing: 0.03em;
   text-transform: uppercase;
-  letter-spacing: 0.05em;
-  padding-top: 10px;
-  padding-bottom: 10px;
+  padding-top: 11px;
+  padding-bottom: 11px;
   border-bottom: 1px solid var(--border-strong);
 }
 
@@ -285,12 +294,13 @@ td a {
   display: inline-flex;
   align-items: center;
   gap: 6px;
-  padding: 3px 10px;
+  padding: 3px 11px;
   border-radius: 999px;
-  font-size: 11px;
+  font-size: 12px;
   font-weight: 500;
-  letter-spacing: 0.02em;
+  letter-spacing: 0.01em;
   border: 1px solid transparent;
+  font-variant-numeric: tabular-nums;
 }
 
 .badge::before {
@@ -306,6 +316,7 @@ td a {
 .badge.state-ok {
   color: var(--success);
   background: var(--success-bg);
+  border-color: rgba(74, 111, 42, 0.2);
 }
 
 .badge.state-running,
@@ -315,12 +326,14 @@ td a {
 .badge.state-awaiting_approval {
   color: var(--warning);
   background: var(--warning-bg);
+  border-color: rgba(168, 108, 31, 0.22);
 }
 
 .badge.state-failed,
 .badge.state-aborted {
   color: var(--danger);
   background: var(--danger-bg);
+  border-color: rgba(163, 52, 25, 0.2);
 }
 
 .badge.state-pending,
@@ -331,9 +344,9 @@ td a {
 .badge.state-skipped {
   color: var(--info);
   background: var(--info-bg);
+  border-color: rgba(74, 93, 140, 0.2);
 }
 
-/* Animated dot for in-progress states */
 .badge.state-running::before,
 .badge.state-executing::before,
 .badge.state-validating::before,
@@ -343,7 +356,7 @@ td a {
 
 @keyframes pulse {
   0%, 100% { opacity: 1; transform: scale(1); }
-  50% { opacity: 0.4; transform: scale(0.85); }
+  50% { opacity: 0.45; transform: scale(0.85); }
 }
 
 /* ---------- Buttons ---------- */
@@ -351,13 +364,13 @@ td a {
 button,
 .button {
   appearance: none;
-  background: var(--surface-3);
+  background: var(--surface-1);
   color: var(--text-primary);
   border: 1px solid var(--border-strong);
   border-radius: var(--radius-sm);
-  padding: 8px 14px;
+  padding: 8px 16px;
   font-family: inherit;
-  font-size: 13px;
+  font-size: 13.5px;
   font-weight: 500;
   letter-spacing: -0.005em;
   cursor: pointer;
@@ -371,8 +384,9 @@ button,
 button:hover:not(:disabled),
 .button:hover {
   background: var(--surface-hover);
-  border-color: var(--border-strong);
+  border-color: var(--text-faint);
   color: var(--text-primary);
+  text-decoration: none;
 }
 
 button:active:not(:disabled) {
@@ -387,19 +401,20 @@ button:disabled {
 button.primary {
   background: var(--accent);
   border-color: var(--accent);
-  color: #0a0b0e;
-  font-weight: 600;
+  color: var(--surface-1);
+  font-weight: 500;
 }
 
 button.primary:hover:not(:disabled) {
   background: var(--accent-hover);
   border-color: var(--accent-hover);
+  color: var(--surface-1);
 }
 
 button.danger {
   background: transparent;
   color: var(--danger);
-  border-color: rgba(239, 122, 122, 0.3);
+  border-color: rgba(163, 52, 25, 0.32);
 }
 
 button.danger:hover:not(:disabled) {
@@ -413,15 +428,15 @@ label {
   display: block;
   margin: 0 0 6px;
   color: var(--text-secondary);
-  font-size: 12px;
+  font-size: 13px;
   font-weight: 500;
-  letter-spacing: 0.01em;
 }
 
 label .hint {
   color: var(--text-muted);
   font-weight: 400;
   margin-left: 6px;
+  font-size: 12.5px;
 }
 
 input[type="text"],
@@ -433,11 +448,11 @@ select {
   color: var(--text-primary);
   border: 1px solid var(--border);
   border-radius: var(--radius-sm);
-  padding: 9px 12px;
+  padding: 10px 13px;
   font-family: inherit;
-  font-size: 13px;
+  font-size: 14px;
   line-height: 1.5;
-  transition: border-color 0.15s ease, background 0.15s ease;
+  transition: border-color 0.15s ease, box-shadow 0.15s ease, background 0.15s ease;
 }
 
 input:focus,
@@ -445,7 +460,7 @@ textarea:focus,
 select:focus {
   outline: none;
   border-color: var(--accent);
-  background: var(--surface-2);
+  box-shadow: 0 0 0 3px var(--accent-bg);
 }
 
 input::placeholder,
@@ -455,38 +470,35 @@ textarea::placeholder {
 
 textarea {
   resize: vertical;
-  min-height: 100px;
+  min-height: 110px;
   font-family: var(--font-mono);
-  font-size: 12px;
+  font-size: 13px;
+  line-height: 1.6;
 }
 
 select {
   appearance: none;
-  background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23b6b9c4' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
+  background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%2354514a' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
   background-repeat: no-repeat;
-  background-position: right 12px center;
-  padding-right: 32px;
+  background-position: right 14px center;
+  padding-right: 36px;
 }
 
 .form-row {
-  margin-bottom: 16px;
-}
-
-.form-row.compact {
-  margin-bottom: 8px;
+  margin-bottom: 18px;
 }
 
 .form-grid {
   display: grid;
-  grid-template-columns: 1fr 200px;
+  grid-template-columns: 1fr 220px;
   gap: 16px;
 }
 
 .action-bar {
   display: flex;
   gap: 8px;
-  margin: 24px 0 0;
-  padding-top: 16px;
+  margin: 28px 0 0;
+  padding-top: 18px;
   border-top: 1px solid var(--border);
 }
 
@@ -502,13 +514,14 @@ select {
   border: 1px solid var(--border);
   border-radius: var(--radius);
   padding: 4px 0;
+  box-shadow: var(--shadow-card);
 }
 
 .meta-row {
   display: grid;
-  grid-template-columns: 140px 1fr;
-  gap: 16px;
-  padding: 10px 16px;
+  grid-template-columns: 150px 1fr;
+  gap: 18px;
+  padding: 12px 18px;
   border-bottom: 1px solid var(--border);
   align-items: center;
 }
@@ -519,21 +532,21 @@ select {
 
 .meta-row .key {
   color: var(--text-muted);
-  font-size: 12px;
+  font-size: 12.5px;
   font-weight: 500;
-  letter-spacing: 0.01em;
+  letter-spacing: 0.02em;
   text-transform: uppercase;
 }
 
 .meta-row .value {
   color: var(--text-primary);
-  font-size: 13px;
+  font-size: 14px;
   word-break: break-all;
 }
 
 .meta-row .value.mono {
   font-family: var(--font-mono);
-  font-size: 12px;
+  font-size: 12.5px;
   color: var(--text-secondary);
 }
 
@@ -546,23 +559,24 @@ select {
 .budget-grid {
   display: grid;
   grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
-  gap: 12px;
+  gap: 14px;
 }
 
 .budget-card {
   background: var(--surface-1);
   border: 1px solid var(--border);
   border-radius: var(--radius);
-  padding: 16px;
+  padding: 18px;
+  box-shadow: var(--shadow-card);
 }
 
 .budget-card .scope {
   color: var(--text-muted);
-  font-size: 11px;
+  font-size: 12px;
   font-weight: 500;
   letter-spacing: 0.04em;
   text-transform: uppercase;
-  margin-bottom: 6px;
+  margin-bottom: 8px;
   display: -webkit-box;
   -webkit-line-clamp: 1;
   -webkit-box-orient: vertical;
@@ -572,8 +586,9 @@ select {
 }
 
 .budget-card .amount {
-  font-size: 22px;
-  font-weight: 600;
+  font-family: var(--font-serif);
+  font-size: 26px;
+  font-weight: 500;
   letter-spacing: -0.02em;
   color: var(--text-primary);
 }
@@ -582,9 +597,10 @@ select {
 .budget-card .amount.over { color: var(--danger); }
 
 .budget-card .cap {
+  font-family: var(--font-sans);
   color: var(--text-muted);
-  font-size: 12px;
-  font-weight: 500;
+  font-size: 13px;
+  font-weight: 400;
   margin-left: 6px;
 }
 
@@ -592,7 +608,7 @@ select {
   height: 4px;
   background: var(--surface-3);
   border-radius: 2px;
-  margin-top: 10px;
+  margin-top: 12px;
   overflow: hidden;
 }
 
@@ -615,14 +631,15 @@ select {
   overflow-y: auto;
   padding: 8px 0;
   font-family: var(--font-mono);
-  font-size: 12px;
+  font-size: 12.5px;
+  box-shadow: var(--shadow-card);
 }
 
 .event-line {
   display: grid;
   grid-template-columns: 80px 1fr;
-  gap: 12px;
-  padding: 5px 16px;
+  gap: 14px;
+  padding: 6px 18px;
   border-bottom: 1px solid transparent;
 }
 
@@ -632,7 +649,7 @@ select {
 
 .event-line .ts {
   color: var(--text-faint);
-  font-size: 11px;
+  font-size: 11.5px;
 }
 
 .event-line .body .type {
@@ -643,7 +660,7 @@ select {
 .event-line .body .payload {
   color: var(--text-muted);
   margin-left: 8px;
-  font-size: 11px;
+  font-size: 11.5px;
   word-break: break-all;
 }
 
@@ -653,7 +670,7 @@ select {
 .event-line.run-resumed .body .type { color: var(--warning); }
 
 .events::-webkit-scrollbar {
-  width: 8px;
+  width: 10px;
 }
 
 .events::-webkit-scrollbar-track {
@@ -662,36 +679,39 @@ select {
 
 .events::-webkit-scrollbar-thumb {
   background: var(--border-strong);
-  border-radius: 4px;
+  border-radius: 5px;
+  border: 2px solid var(--surface-1);
 }
 
 /* ---------- Empty / error states ---------- */
 
 .empty {
-  padding: 48px 24px;
+  padding: 56px 24px;
   text-align: center;
   color: var(--text-muted);
-  font-size: 13px;
+  font-size: 14px;
 }
 
 .empty .empty-icon {
-  font-size: 28px;
-  margin-bottom: 8px;
-  opacity: 0.4;
+  font-family: var(--font-serif);
+  font-size: 30px;
+  margin-bottom: 10px;
+  opacity: 0.5;
+  color: var(--accent);
 }
 
 .empty .cta {
-  margin-top: 16px;
+  margin-top: 18px;
 }
 
 .error-banner {
   background: var(--danger-bg);
-  border: 1px solid rgba(239, 122, 122, 0.3);
+  border: 1px solid rgba(163, 52, 25, 0.28);
   border-radius: var(--radius);
   padding: 12px 16px;
   margin-bottom: 16px;
   color: var(--danger);
-  font-size: 13px;
+  font-size: 13.5px;
   display: flex;
   align-items: center;
   gap: 10px;
@@ -705,20 +725,21 @@ select {
   width: 18px;
   height: 18px;
   background: var(--danger);
-  color: #0a0b0e;
+  color: var(--surface-1);
   border-radius: 50%;
   font-weight: 700;
   font-size: 11px;
   flex-shrink: 0;
+  font-family: var(--font-sans);
 }
 
 /* ---------- Tag chip (per-role override input) ---------- */
 
 .chips {
   display: grid;
-  grid-template-columns: 140px 1fr;
-  gap: 12px;
-  padding: 12px 16px;
+  grid-template-columns: 160px 1fr;
+  gap: 14px;
+  padding: 14px 18px;
   border-bottom: 1px solid var(--border);
   align-items: center;
 }
@@ -728,14 +749,14 @@ select {
 }
 
 .chips .role {
-  font-size: 12px;
+  font-size: 13px;
   color: var(--text-secondary);
   font-weight: 500;
 }
 
 .chips .role .hint {
   display: block;
-  font-size: 11px;
+  font-size: 12px;
   color: var(--text-muted);
   font-weight: 400;
   margin-top: 2px;
@@ -743,14 +764,15 @@ select {
 
 .chips input {
   font-family: var(--font-mono);
-  font-size: 12px;
+  font-size: 12.5px;
 }
 
-/* ---------- Responsive niceties (desktop-focused, but readable narrower) ---------- */
+/* ---------- Responsive ---------- */
 
 @media (max-width: 720px) {
-  main { padding: 20px 16px; }
-  header { padding: 14px 16px; }
+  main { padding: 24px 16px 40px; }
+  header { padding: 16px 16px; }
+  .page-title h2 { font-size: 24px; }
   .form-grid { grid-template-columns: 1fr; }
   .meta-row { grid-template-columns: 1fr; gap: 4px; padding: 12px 14px; }
   .event-line { grid-template-columns: 1fr; gap: 2px; }
