1 files changed, 48 insertions, 0 deletions
diff --git a/internal/web/static/base.css b/internal/web/static/base.css
index f99b4b5..220badd 100644
--- a/internal/web/static/base.css
+++ b/internal/web/static/base.css
@@ -144,6 +144,51 @@ body {
   margin-right: 0.35em;
 }
 
+/* Vertical display: versions side by side in columns, like the CLI
+ * `compare` view. A fixed --vcols track count (not auto-fit) means the
+ * grid's total width is always the page container's, so it wraps extra
+ * versions onto further rows instead of ever forcing horizontal scroll. */
+.display-vertical {
+  display: grid;
+  grid-template-columns: repeat(var(--vcols, 2), 1fr);
+  gap: var(--space-3) var(--space-4);
+  align-items: start;
+}
+
+.vcol {
+  min-width: 0;
+}
+
+/* Interlinear display: one .ilverse block per chapter:verse key, one
+ * .illine per version that carries it. */
+.display-interlinear {
+  display: flex;
+  flex-direction: column;
+}
+
+.ilverse {
+  margin: 0 0 var(--space-3);
+  padding-top: var(--space-1);
+  border-top-width: 1px;
+  border-top-style: solid;
+}
+
+.ilverse:first-child {
+  border-top-width: 0;
+  padding-top: 0;
+}
+
+.illine {
+  margin: 0.2rem 0 0.2rem var(--space-2);
+}
+
+.illine .version-label {
+  display: inline;
+  margin: 0 0.5em 0 0;
+  padding-bottom: 0;
+  border-bottom-width: 0;
+}
+
 a {
   text-decoration: underline;
   text-underline-offset: 0.15em;
@@ -160,4 +205,7 @@ a {
   .heading {
     font-size: 1.25rem;
   }
+  .display-vertical {
+    grid-template-columns: 1fr;
+  }
 }