v0.319.0: 16px under the hero on the install page too (the memory box touched it)

Seen in the browser check on demo-hp (rc.2). CSS only; on the tabs the tab bar's 16px collapses into it.

Claude-Session: https://claude.ai/code/session_012qRErfCoiTkvDK9N5XHbzb

CHANGELOG.md

@@ -4,7 +4,7 @@
 `architecture/02-controller-module-map.md` „The app page" (`[DESIGN]`, operator-approved 2026-10-16, section style A).
 
 - **Panels (style A).** The hero, the tab bar and every section of the four tabs are panels on `--bg-1`, the column's
-  full width, 16px apart; the open tab is filled `--bg-2` with a 2px `--blue-bright` underline; a panel's title sits 18px
+  full width, 16px apart (the hero keeps 16px below it on the install page too); the open tab is filled `--bg-2` with a 2px `--blue-bright` underline; a panel's title sits 18px
   from its top edge with a soft rule under it. The install page's form groups and its progress panel use the same rule.
   The settings tab's inner 700px wrapper is gone (it made the settings panels narrower than the column).
 - **„Belépés az alkalmazásba"** — one panel with the app's login name and password side by side (stacked under 720px),

controller/internal/web/templates/style.css

@@ -1344,7 +1344,9 @@ a.stat-card:hover {
     border: 1px solid var(--line);
     border-radius: var(--radius);
     padding: 20px 24px;
-    margin-top: 16px;
+    /* 16px both ways. Below it the tab bar's own 16px collapses into this one; on the install page
+       (no tab bar) it keeps the memory box and the form off the header. */
+    margin: 16px 0;
 }
 .app-hero-logo {
     width: 64px; height: 64px;