3.3.2

Header menu and footer tidy

assets/css/ui.css

@@ -1269,13 +1269,34 @@
 
 /* ── 11. ABOUT + FOOTER ─────────────────────────────────────────────── */
 
-.utci-about {
+.utci-bottom-grid {
+  display: flex;
+  gap: 24px;
   margin-top: 28px;
+  align-items: stretch;
+}
+
+.utci-about {
+  flex: 0 0 920px;
   padding: 24px 28px;
   background: #fdf8ee;
   border: 1.5px solid #c9b08a;
 }
 
+.utci-reading-box {
+  flex: 1;
+  min-width: 0;
+  padding: 24px 28px;
+  background: #fdf8ee;
+  border: 1.5px solid #c9b08a;
+}
+
+.utci-reading-box .utci-about-text {
+  max-width: none;
+  margin-left: 0;
+  margin-right: 0;
+}
+
 .utci-about-heading {
   font-family: Fraunces, serif;
   font-size: 18px;
@@ -1328,7 +1349,6 @@
 .utci-footer {
   margin-top: 36px;
   padding-top: 20px;
-  border-top: 1px solid #d4c0a0;
   font-family: Manrope, sans-serif;
   font-size: 10px;
   font-weight: 700;
@@ -1392,6 +1412,14 @@
 
 @media (max-width: 800px) {
 
+  .utci-bottom-grid {
+    flex-direction: column;
+  }
+
+  .utci-about {
+    flex: none;
+  }
+
   .utci-app {
     padding: 52px 10px 32px;
   }