Added icons and fixed double quote in verses

Author: jvinodraj

assets/css/style.css

@@ -106,10 +106,10 @@ a {
 }
 
 .cross-mark {
-  width: 16px;
-  height: 24px;
-  border-left: 3px solid var(--accent);
-  border-top: 3px solid var(--accent);
+  width: 28px;
+  height: 28px;
+  background: center / contain no-repeat url("../icons/icon.svg");
+  flex: 0 0 28px;
 }
 
 .brand-name {
@@ -388,6 +388,29 @@ textarea:focus,
   background: linear-gradient(160deg, color-mix(in srgb, var(--accent-soft) 44%, var(--surface)), var(--surface));
 }
 
+.verse-bilingual-grid {
+  display: grid;
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+  gap: 0.8rem;
+}
+
+.verse-lang-card {
+  border: 1px solid var(--border);
+  border-radius: 12px;
+  background: var(--surface);
+  padding: 0.75rem;
+}
+
+.verse-lang-card h3 {
+  margin-bottom: 0.45rem;
+  font-size: 0.95rem;
+}
+
+.verse-lang-card blockquote,
+.verse-lang-card p {
+  margin: 0;
+}
+
 .list-reset {
   list-style: none;
   margin: 0;
@@ -510,6 +533,10 @@ textarea:focus,
   }
 
   .nav-links {
+
+  .verse-bilingual-grid {
+    grid-template-columns: 1fr;
+  }
     display: none;
     width: 100%;
     padding-bottom: 0.85rem;