Fixed overflow of titles and descriptions on search results pages

static/css/style.css

@@ -1357,6 +1357,28 @@ p {
     font-weight: 400;
 }
 
+.single-line-ellipsis {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    margin: 0;
+}
+
+.clamp-3-lines {
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 3;
+
+    /* Standard syntax (future support) */
+    line-clamp: 3;
+    box-orient: vertical;
+
+    overflow: hidden;
+    text-overflow: ellipsis;
+    line-height: 1.5; /* adjust if needed */
+    max-height: calc(1.5em * 3); /* 3 lines */
+}
+
 .result-description {
     margin: 4px 0 0 0;
     color: var(--font-fg);