neat

arise-source/config/main.css

@@ -16,6 +16,7 @@ body {
   margin: 0 auto;
   padding: 40px 20px;
   text-align: left;
+  overflow-x: hidden;
 }
 
 /* === Logo === */
@@ -54,13 +55,13 @@ body {
 
 /* === Headings === */
 h1, h2, h3, h4 {
-  color: #ffb454;
+  color: #82aaff; /* unified cyan accent */
   font-weight: 600;
   margin-top: 2.2em;
   margin-bottom: 0.6em;
 }
 h1 {
-  color: #6aff7f;
+  color: #78dce8; /* cool cyan for logo harmony */
   text-align: center;
   margin-top: 0.5em;
 }
@@ -78,6 +79,25 @@ a:hover {
   text-decoration: underline;
 }
 
+/* === Responsive Images === */
+img {
+  max-width: 100%;
+  height: auto;
+  display: block;
+  margin: 1em auto;
+  border-radius: 6px;
+}
+figure img {
+  display: block;
+  margin: 0 auto;
+}
+figcaption {
+  font-size: 0.9em;
+  color: #aaa;
+  text-align: center;
+  margin-top: 0.3em;
+}
+
 /* === Inline Code === */
 code {
   background: #2b2d31;