From 5e9ad16d945a537702d3694edd82aa77e5e0b9d0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Mark=20Randall=20Havens=20=E2=96=B3=20The=20Empathic=20Tec?=
 =?UTF-8?q?hnologist=20=E2=9F=81=20Doctor=20Who=2042?=
 <mark.r.havens@gmail.com>
Date: Sat, 8 Nov 2025 13:06:51 -0600
Subject: [PATCH] Update styles.css

---
 public/styles.css | 54 +++++++++++++++++++++++------------------------
 1 file changed, 26 insertions(+), 28 deletions(-)

diff --git a/public/styles.css b/public/styles.css
index ba02f62..069dcff 100755
--- a/public/styles.css
+++ b/public/styles.css
@@ -1,5 +1,6 @@
 /* ============================================================
-   THE FOLD WITHIN — Self-Organizing Static Site Framework v2.4
+   THE FOLD WITHIN — Self-Organizing Framework v2.4.1
+   (Responsive fullscreen + mobile layout fix)
    ============================================================ */
 
 :root {
@@ -49,10 +50,15 @@ html,body {
 }
 .sidebar.open ~ .overlay{ opacity:1; pointer-events:all; }
 
-/* Content */
+/* Content (layout fix) */
 .content {
-  margin-top:48px; padding:16px;
-  transition:margin-left .3s ease; max-width:960px;
+  display: flex;
+  flex-direction: column;
+  min-height: calc(100vh - 48px);
+  padding: 16px;
+  transition: margin-left .3s ease;
+  max-width: 960px;
+  box-sizing: border-box;
 }
 @media (min-width:900px){
   .sidebar{ transform:none!important; position:static;
@@ -61,19 +67,25 @@ html,body {
   .overlay{ display:none!important; }
 }
 @media (max-width:899px){
-  .content{ margin-left:0!important; }
-  .viewer{ padding:12px; font-size:1.05em; line-height:1.6; }
-  #htmlView,#mdView{ min-height:calc(100vh - 60px); }
+  .content{ margin-left:0!important; padding:12px; }
+  .viewer{ font-size:1.05em; line-height:1.6; }
 }
 
 /* Viewer */
-.viewer {
-  min-height: calc(100vh - 140px);
-  overflow:auto; max-width:820px;
-  margin:0 auto; padding-top:8px; padding-bottom:40px;
+.viewer,
+#htmlView {
+  flex: 1 1 auto;
+  height: auto !important;
+  min-height: 0;
+  overflow-y: auto;
+  max-width: 820px;
+  margin: 0 auto;
+  padding-top: 8px;
+  padding-bottom: 40px;
 }
-#htmlView{ width:100%; height:100%; border:none; background:#0b0c10; }
+#htmlView{ width:100%; border:none; background:#0b0c10; }
 
+/* Markdown typography */
 #mdView h1,#mdView h2,#mdView h3{ color:var(--accent); }
 #mdView pre,#mdView code{
   overflow-x:auto; word-break:break-word;
@@ -85,7 +97,7 @@ html,body {
 }
 #mdView a{ color:var(--accent); }
 
-/* Visible warning bar if fallback rendering happens */
+/* Markdown fallback warning */
 .md-warn{
   background:#3b0c0c; color:#ffd4d4;
   border:1px solid #6c1f1f; border-radius:8px;
@@ -116,18 +128,4 @@ select,#search{
 .dir .label{ display:flex; align-items:center; cursor:pointer;
   padding:4px 6px; color:var(--accent); font-weight:600; }
 .dir .label::before{ content:"▶"; margin-right:6px; font-size:.8em; color:var(--muted); }
-.dir.open .label::before{ content:"▼"; }
-.children{ display:none; margin-left:1em; border-left:1px dashed var(--line); padding-left:10px; }
-.dir.open > .children{ display:block; }
-
-.file{ display:block; padding:4px 12px; color:var(--fg); text-decoration:none; border-radius:4px; }
-.file:hover{ background: rgba(208,170,91,.1); }
-.file.active{ background: rgba(208,170,91,.2); outline:1px solid var(--line); }
-.meta{ color:var(--muted); font-size:.85em; margin-left:6px; }
-
-/* Subtle fade-in for mdView after render */
-.fade-in{ animation:fadein .18s ease-out; }
-@keyframes fadein{ from{opacity:0} to{opacity:1} }
-
-/* Loading note style */
-.loading-note{ color:var(--muted); font-style:italic; }
\ No newline at end of file
+.dir.open .label::before{ content:"▼"; }
\ No newline at end of file