Render KJV footnotes and lemma margin line

src/App.css

@@ -322,6 +322,56 @@ textarea:focus-visible {
   font-weight: 800;
 }
 
+.original-language-verse {
+  display: grid;
+  gap: 8px;
+  margin: 0 0 14px;
+  padding: 12px;
+  border: 1px solid #dfd6c2;
+  border-radius: 6px;
+  background: #fffdf6;
+}
+
+.original-language-verse h3 {
+  margin: 0;
+  color: #657061;
+  font-size: 11px;
+  font-weight: 800;
+  letter-spacing: 0;
+  text-transform: uppercase;
+}
+
+.original-language-verse p {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 6px;
+  margin: 0;
+}
+
+.lemma-token {
+  display: inline-flex;
+  align-items: baseline;
+  gap: 5px;
+  padding: 5px 7px;
+  border-color: #d4c9b3;
+  background: #fbf3df;
+  color: #1f211e;
+  font-family: Georgia, 'Times New Roman', serif;
+  font-size: 15px;
+  font-weight: 700;
+}
+
+.lemma-token small {
+  color: #735c0f;
+  font-family: ui-sans-serif, system-ui, sans-serif;
+  font-size: 9px;
+}
+
+.lemma-token.active {
+  border-color: #2f6f5e;
+  background: #e7f0eb;
+}
+
 .linked-word-list {
   display: flex;
   flex-wrap: wrap;
@@ -422,16 +472,39 @@ textarea:focus-visible {
   display: flex;
   grid-column: 1 / -1;
   gap: 12px;
-  align-items: center;
+  align-items: flex-start;
   min-height: 46px;
   border-top: 1px solid #e4dece;
   background: #fbf8ef;
 }
 
+.footnote-strip strong {
+  flex: 0 0 auto;
+}
+
 .footnote-strip span {
   color: #657061;
 }
 
+.footnote-list {
+  display: grid;
+  gap: 5px;
+}
+
+.footnote-list p {
+  margin: 0;
+  color: #3f443d;
+  font-size: 14px;
+  line-height: 1.42;
+}
+
+.footnote-list p span {
+  display: inline-block;
+  margin-right: 7px;
+  color: #735c0f;
+  font-weight: 800;
+}
+
 .status-panel.error {
   border-color: #b42318;
   color: #b42318;