Design Update

styles.css

@@ -290,15 +290,42 @@ a:hover {
   border-bottom-color: var(--accent);
 }
 
+/* FIXED Source Block - FULL RESPONSIVE */
 .source-block {
-  margin-top: 10px;
-  font-size: 12px;
-  padding: 8px 10px;
+  margin-top: 20px;
+  padding: 12px 16px;
   border-radius: var(--radius-sm);
   background: var(--code-bg);
-  border: 1px solid rgba(255, 255, 255, 0.04);
+  border: 1px solid rgba(255, 255, 255, 0.08);
   color: var(--text-muted);
+  font-family: monospace;
+  font-size: 13px;
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+}
+
+.source-block strong {
+  font-weight: 600;
+  color: var(--text-main);
+  font-size: 12px;
+  text-transform: uppercase;
+  letter-spacing: 0.1em;
+}
+
+.source-block a {
+  color: var(--accent) !important;
+  text-decoration: none;
+  border-bottom: 1px solid rgba(230, 57, 70, 0.4);
+  font-size: 12px;
+  padding: 4px 0;
   word-break: break-all;
+  display: block;
+  line-height: 1.4;
+}
+
+.source-block a:hover {
+  border-bottom-color: var(--accent) !important;
 }
 
 /* Responsive */
@@ -308,6 +335,18 @@ a:hover {
   }
 }
 
+/* Very small screens */
+@media (max-width: 480px) {
+  .source-block {
+    padding: 20px;
+    margin-top: 28px;
+  }
+
+  .source-block strong {
+    font-size: 13px;
+  }
+}
+
 @media (max-width: 900px) {
   body {
     padding: 16px 10px;
@@ -317,6 +356,17 @@ a:hover {
     padding: 20px 16px 18px;
   }
 
+  .source-block {
+    margin-top: 24px;
+    padding: 16px 20px;
+    gap: 8px;
+  }
+
+  .source-block a {
+    font-size: 13px;
+    padding: 6px 0;
+  }
+
   main {
     grid-template-columns: minmax(0, 1fr);
   }