Remove non-functional layout chrome

src/RolemasterDb.App/Components/Layout/MainLayout.razor

@@ -6,14 +6,6 @@
     </div>
 
     <main>
-        <div class="top-row">
-            <div>
-                <span class="eyebrow">Session Tools</span>
-                <span class="top-row-title">Attack lookup, critical lookup, and table browsing</span>
-            </div>
-            <span class="status-pill">Ready for play</span>
-        </div>
-
         <article class="content-shell">
             @Body
         </article>

src/RolemasterDb.App/Components/Layout/MainLayout.razor.css

@@ -16,45 +16,10 @@ main {
     border-right: 1px solid rgba(196, 167, 107, 0.2);
 }
 
-.top-row {
-    display: flex;
-    justify-content: space-between;
-    gap: 1rem;
-    align-items: center;
-    padding: 1.15rem 1.5rem;
-    border-bottom: 1px solid rgba(111, 87, 59, 0.28);
-    background: rgba(250, 245, 234, 0.84);
-    backdrop-filter: blur(18px);
-}
-
-.eyebrow {
-    display: block;
-    font-size: 0.72rem;
-    letter-spacing: 0.14em;
-    text-transform: uppercase;
-    color: #7c5b33;
-}
-
-.status-pill {
-    padding: 0.45rem 0.8rem;
-    border-radius: 999px;
-    border: 1px solid rgba(111, 87, 59, 0.2);
-    background: rgba(255, 252, 246, 0.8);
-    color: #5b4427;
-    font-size: 0.82rem;
-}
-
 .content-shell {
     padding: 1.5rem;
 }
 
-@media (max-width: 640.98px) {
-    .top-row {
-        flex-direction: column;
-        align-items: flex-start;
-    }
-}
-
 @media (min-width: 641px) {
     .page {
         flex-direction: row;
@@ -66,12 +31,6 @@ main {
         position: sticky;
         top: 0;
     }
-
-    .top-row {
-        position: sticky;
-        top: 0;
-        z-index: 1;
-    }
 }
 
 #blazor-error-ui {

src/RolemasterDb.App/Components/Layout/NavMenu.razor

@@ -1,10 +1,4 @@
-<div class="top-row ps-3 navbar navbar-dark">
+<div class="nav-menu-shell">
-    <div class="container-fluid brand-shell">
-        <a class="navbar-brand" href="">RolemasterDB</a>
-        <p class="brand-copy">Fast attack and critical lookup during play.</p>
-    </div>
-</div>
-
     <input type="checkbox" title="Navigation menu" class="navbar-toggler" />
 
     <div class="nav-scrollable" onclick="document.querySelector('.navbar-toggler')?.click()">
@@ -28,3 +22,4 @@
             </div>
         </nav>
     </div>
+</div>

src/RolemasterDb.App/Components/Layout/NavMenu.razor.css

@@ -1,3 +1,8 @@
+.nav-menu-shell {
+    position: relative;
+    min-height: 3.5rem;
+}
+
 .navbar-toggler {
     appearance: none;
     cursor: pointer;
@@ -15,30 +20,6 @@
     background-color: rgba(226, 195, 128, 0.3);
 }
 
-.top-row {
-    min-height: 3.5rem;
-    background-color: rgba(0, 0, 0, 0.16);
-}
-
-.navbar-brand {
-    font-size: 1.45rem;
-    font-family: "Source Sans 3", "Segoe UI", sans-serif;
-    letter-spacing: 0.04em;
-    color: #fff1d2;
-    text-decoration: none;
-}
-
-.brand-shell {
-    padding: 1.2rem 0.5rem 1rem 0.5rem;
-}
-
-.brand-copy {
-    margin: 0.55rem 0 0;
-    color: rgba(255, 241, 210, 0.72);
-    font-size: 0.9rem;
-    line-height: 1.45;
-}
-
 .bi {
     display: inline-block;
     position: relative;
@@ -62,10 +43,6 @@
     padding-bottom: 0.35rem;
 }
 
-.nav-item:first-of-type {
-    padding-top: 1.25rem;
-}
-
 .nav-item:last-of-type {
     padding-bottom: 1rem;
 }
@@ -96,6 +73,7 @@
 
 .nav-scrollable {
     display: none;
+    padding: 3.5rem 0 0.5rem;
 }
 
 .navbar-toggler:checked ~ .nav-scrollable {
@@ -107,9 +85,14 @@
         display: none;
     }
 
+    .nav-menu-shell {
+        min-height: 0;
+    }
+
     .nav-scrollable {
         display: block;
-        height: calc(100vh - 3.5rem);
+        height: 100vh;
         overflow-y: auto;
+        padding: 1rem 0;
     }
 }

src/RolemasterDb.App/Components/Pages/Api.razor

@@ -2,12 +2,6 @@
 
 <PageTitle>API Surface</PageTitle>
 
-<section class="hero-panel">
-    <span class="eyebrow">Minimal API</span>
-    <h1 class="page-title">Endpoints for attack, critical lookup, and manual critical-table curation.</h1>
-    <p class="lede">The Blazor UI uses the same lookup service that the API exposes, so this page doubles as the first integration contract for both read and write workflows.</p>
-</section>
-
 <div class="api-grid">
     <section class="panel">
         <h2 class="panel-title">Reference data</h2>

src/RolemasterDb.App/Components/Pages/Home.razor

@@ -6,19 +6,12 @@
 
 @if (referenceData is null)
 {
-    <section class="hero-panel">
+    <section class="panel">
-        <h1 class="page-title">Preparing the lookup desk...</h1>
+        <p class="muted">Loading tables and options...</p>
-        <p class="lede">Loading the tables and options for play.</p>
     </section>
 }
 else
 {
-    <section class="hero-panel">
-        <span class="eyebrow">Session Lookup</span>
-        <h1 class="page-title">Resolve attacks and criticals fast.</h1>
-        <p class="lede">Choose the table, enter the roll, and read the outcome without digging through extra metadata.</p>
-    </section>
-
     <div class="dashboard-grid">
         <section class="panel">
             <h2 class="panel-title">Attack Lookup</h2>

src/RolemasterDb.App/Components/Pages/Tables.razor

@@ -8,12 +8,6 @@
 
 <PageTitle>Critical Tables</PageTitle>
 
-<section class="hero-panel">
-    <span class="eyebrow">Critical Tables</span>
-    <h1 class="page-title">Browse critical results by table</h1>
-    <p class="lede">Switch tables to read the full roll matrix, compare outcomes, and use the affix legend as quick play help.</p>
-</section>
-
 <section class="panel tables-page">
     <div class="table-selector">
         <label for="critical-table-select">Critical table</label>

src/RolemasterDb.App/wwwroot/app.css

@@ -38,18 +38,15 @@ summary,
 th,
 .eyebrow,
 .panel-title,
-.page-title,
 .detail-label,
 .branch-condition,
 .critical-branch-condition,
 .effect-stack h5,
 .tag,
 .stat-pill,
-.status-pill,
 .chip,
 .affix-badge,
 .table-list-title,
-.top-row-title,
 .legend-label {
     font-family: var(--font-heading);
     font-weight: 400;
@@ -75,27 +72,12 @@ textarea {
     font: inherit;
 }
 
-.page-title {
-    font-size: 2.5rem;
-    line-height: 0.95;
-    margin: 0;
-    font-family: var(--font-heading);
-}
-
-.lede {
-    margin: 0;
-    color: var(--ink-soft);
-    font-size: 1.05rem;
-    line-height: 1.7;
-}
-
 .dashboard-grid {
     display: grid;
     gap: 1.25rem;
     grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
 }
 
-.hero-panel,
 .panel {
     border: 1px solid var(--line);
     border-radius: 24px;
@@ -103,14 +85,6 @@ textarea {
     box-shadow: var(--shadow);
 }
 
-.hero-panel {
-    padding: 1.6rem;
-    margin-bottom: 1.25rem;
-    background:
-        linear-gradient(135deg, rgba(255, 251, 243, 0.94), rgba(244, 232, 203, 0.94)),
-        var(--panel);
-}
-
 .panel {
     padding: 1.35rem;
 }
@@ -750,7 +724,6 @@ textarea {
         padding: 1rem;
     }
 
-    .hero-panel,
     .panel {
         border-radius: 20px;
     }