Design Update

content.json

@@ -1,7 +1,7 @@
 {
   "title": "PylarAI 3rd Party License",
   "version": "Version 1.0 - December 2025",
-  "subtitle": "Software License Agreement focused on strict third-party compliance, transparent attribution, and responsible integration of external components in any derived project or deliverable.",
+  "subtitle": "Software License Agreement focused on strict third-party compliance, transparent attribution, and responsible integration.",
   "meta": "SOFTWARE LICENSE AGREEMENT / THIRD-PARTY COMPLIANCE",
   "badge": "PYLARAI 3RD PARTY LICENSE",
   "sectionLabel": "Overview",
@@ -80,10 +80,6 @@
         {
           "type": "avoid",
           "text": "No trademark removal"
-        },
-        {
-          "type": "avoid",
-          "text": "No commercial distribution"
         }
       ]
     },
@@ -104,13 +100,13 @@
         ],
         [
           "Jurisdiction",
-          "Global Use"
+          "Global"
         ]
       ]
     },
     "hint": {
       "title": "License Validity",
-      "text": "To use and have validity, always link the source URL on your License or just copy paste the License.md"
+      "text": "Always link to source URL below"
     }
   }
 }

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);
   }