Stabilize Bible pages and add Strong's markers

src/App.css

@@ -247,6 +247,45 @@ textarea:focus-visible {
   font-weight: 800;
 }
 
+.strong-token {
+  display: inline;
+  position: relative;
+  border-radius: 3px;
+  box-shadow: inset 0 -0.45em 0 rgba(214, 168, 79, 0.22);
+  cursor: pointer;
+}
+
+.strong-token:hover,
+.strong-token:focus-visible {
+  box-shadow: inset 0 -1.1em 0 rgba(214, 168, 79, 0.34);
+  outline: none;
+}
+
+.strong-token.active {
+  box-shadow: inset 0 -1.1em 0 rgba(47, 111, 94, 0.3);
+}
+
+.strong-code {
+  display: inline-block;
+  margin: 0 2px 0 3px;
+  transform: translateY(-0.12em);
+  border: 1px solid rgba(138, 109, 46, 0.34);
+  border-radius: 4px;
+  padding: 0 3px;
+  background: #fff8e6;
+  color: #735c0f;
+  font-family: ui-sans-serif, system-ui, sans-serif;
+  font-size: 9px;
+  font-weight: 800;
+  line-height: 1.35;
+}
+
+.strong-token.active .strong-code {
+  border-color: rgba(47, 111, 94, 0.42);
+  background: #e7f0eb;
+  color: #225446;
+}
+
 .study-margin,
 .notes-workspace {
   min-height: 0;