From 8dc495f39a9029ecc67ec2fd101f6ffa014fb21d Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Fri, 24 Oct 2025 09:37:47 +0000
Subject: [PATCH 1/2] Initial plan


From 5b3a6d97db0ede18ccb5a62bcff92bdaa0b11bfe Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Fri, 24 Oct 2025 09:46:43 +0000
Subject: [PATCH 2/2] Add responsive safe-spacing and centering CSS to
 docs/scifi-ui/styles/site.css

Co-authored-by: hutoczky <5453461+hutoczky@users.noreply.github.com>
---
 docs/scifi-ui/styles/site.css | 54 +++++++++++++++++++++++++++++++++++
 1 file changed, 54 insertions(+)

diff --git a/docs/scifi-ui/styles/site.css b/docs/scifi-ui/styles/site.css
index 214c60d..b3539e8 100644
--- a/docs/scifi-ui/styles/site.css
+++ b/docs/scifi-ui/styles/site.css
@@ -301,4 +301,58 @@ h1, h2, h3 { text-transform: uppercase }
 @media (max-width: 520px) {
   .subtitle { font-size: .95rem }
   .footer { flex-direction: column; gap: .5rem }
+}
+
+/* ===== Responsive safe spacing and centering ===== */
+:root {
+  --safe-inline: clamp(1rem, 3vw, 2rem);
+  --panel-safe: clamp(1rem, 2.5vw, 1.5rem);
+  --card-safe: clamp(.95rem, 2vw, 1.3rem);
+}
+
+.shell {
+  padding-inline: var(--safe-inline);
+}
+
+.hero {
+  text-align: center;
+}
+
+.title {
+  margin-inline: auto;
+}
+
+.subtitle {
+  margin-inline: auto;
+}
+
+.cta-row {
+  display: flex;
+  justify-content: center;
+}
+
+.panel {
+  padding: var(--panel-safe) var(--panel-safe) calc(var(--panel-safe) + .25rem);
+}
+
+.panel::before {
+  inset: calc(var(--panel-safe) - .05rem);
+}
+
+.panel-title {
+  margin: .1rem var(--panel-safe) .9rem;
+}
+
+.download-grid {
+  padding: 0 var(--panel-safe) var(--panel-safe);
+}
+
+.card {
+  padding: var(--card-safe) calc(var(--card-safe) + .2rem) var(--card-safe);
+}
+
+@media (max-width: 520px) {
+  .hero {
+    padding-inline: clamp(1.25rem, 4vw, 2rem);
+  }
 }
\ No newline at end of file