na vse strani

css/style.css

@@ -5953,7 +5953,13 @@ footer {
 
 .reference-card p {
   text-align: justify;
-  text-align-last: left
+  text-align-last: left;
+  -webkit-hyphens: auto;
+  -ms-hyphens: auto;
+  hyphens: auto;
+  word-break: break-word;
+  overflow-wrap: break-word;
+  word-wrap: break-word
 }
 
 .reference-author {
@@ -5995,6 +6001,45 @@ footer {
   color: #fff
 }
 
+.split-ref-layout {
+  display: grid;
+  grid-template-columns: 2fr 1fr;
+  gap: 2rem;
+  align-items: flex-end
+}
+
+.ref-left-wrapper {
+  display: flex;
+  flex-direction: column;
+  height: 100%
+}
+
+.ref-left-spacer {
+  flex: 1
+}
+
+.references-kicker-custom {
+  font-family: 'Poppins', sans-serif;
+  font-size: 3rem;
+  font-weight: 700;
+  color: #fb6339;
+  line-height: 1.1;
+  margin: 0;
+  padding-top: 0.5rem
+}
+
+.ref-group-left {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  gap: 1.5rem;
+  align-items: stretch
+}
+
+.ref-group-left .reference-card {
+  height: 100%;
+  margin-bottom: 0
+}
+
 /* Responsive adjustments */
 @media (max-width:992px) {
   .blog-layout-wrapper {
@@ -6017,6 +6062,24 @@ footer {
     grid-template-columns: repeat(2, minmax(0, 1fr))
   }
 
+  .split-ref-layout {
+    grid-template-columns: 1fr
+  }
+
+  .references-kicker-custom {
+    font-size: 2.4rem;
+    text-align: center;
+    padding-top: 0
+  }
+
+  .ref-left-wrapper {
+    height: auto
+  }
+
+  .ref-left-spacer {
+    display: none
+  }
+
   .recent-articles-grid {
     grid-template-columns: repeat(2, 1fr)
   }
@@ -6085,6 +6148,14 @@ footer {
     grid-template-columns: 1fr
   }
 
+  .ref-group-left {
+    grid-template-columns: 1fr
+  }
+
+  .references-kicker-custom {
+    margin-bottom: 1.25rem
+  }
+
   .featured-article-content {
     padding: 1.5rem
   }
@@ -6144,6 +6215,10 @@ footer {
     width: 100%
   }
 
+  .reference-card p {
+    text-align: left !important
+  }
+
   /* Touch-friendly links */
   .sidebar-links a,
   .older-articles-list a {