Remove bootstrap

assets/css/app.css

@@ -1,6 +1,92 @@
+/* Colours and type for the whole app. The values are the ones Bootstrap
+   gave the page before it was taken out, so nothing shifts. */
 :root {
-  --bs-body-font-family: Georgia, "Iowan Old Style", "Palatino Linotype",
-                         "Times New Roman", serif;
+  --font-body: Georgia, "Iowan Old Style", "Palatino Linotype",
+               "Times New Roman", serif;
+  --text: #212529;
+  --text-muted: rgb(33 37 41 / .75);
+  --background: #f8f9fa;
+  --link: #0d6efd;
+  --link-hover: #0a58ca;
+  --focus: #0d6efd;
+
+  -webkit-text-size-adjust: 100%;
+  text-size-adjust: 100%;
+}
+
+@media (prefers-reduced-motion: no-preference) {
+  :root { scroll-behavior: smooth; }
+}
+
+*,
+*::before,
+*::after { box-sizing: border-box; }
+
+body {
+  margin: 0;
+  font-family: var(--font-body);
+  font-size: 1rem;
+  line-height: 1.5;
+  color: var(--text);
+  background: var(--background);
+  -webkit-tap-highlight-color: transparent;
+}
+
+h1, h2, h3, h4, h5, h6 {
+  margin: 0 0 .5rem;
+  font-weight: 500;
+  line-height: 1.2;
+}
+
+/* Headings grow with the viewport up to their full size on a wide screen. */
+h1 { font-size: calc(1.375rem + 1.5vw); }
+h2 { font-size: calc(1.325rem + .9vw); }
+h3 { font-size: calc(1.3rem + .6vw); }
+h4 { font-size: calc(1.275rem + .3vw); }
+h5 { font-size: 1.25rem; }
+h6 { font-size: 1rem; }
+
+@media (min-width: 1200px) {
+  h1 { font-size: 2.5rem; }
+  h2 { font-size: 2rem; }
+  h3 { font-size: 1.75rem; }
+  h4 { font-size: 1.5rem; }
+}
+
+p,
+ul,
+ol { margin: 0 0 1rem; }
+
+ul,
+ol { padding-left: 2rem; }
+
+:is(ul, ol) :is(ul, ol) { margin-bottom: 0; }
+
+/* Footnote callers sit above the line without pushing it apart. */
+sup {
+  position: relative;
+  top: -.5em;
+  font-size: .75em;
+  line-height: 0;
+  vertical-align: baseline;
+}
+
+a { color: var(--link); }
+a:hover { color: var(--link-hover); }
+
+/* One reading column: the full width less a gutter on anything narrower than
+   a laptop, and a measure that grows a step with the screen beyond that. */
+main {
+  margin: 1.5rem auto;
+  padding: 0 .75rem;
+}
+
+@media (min-width: 1200px) {
+  main { max-width: 760px; }
+}
+
+@media (min-width: 1400px) {
+  main { max-width: 880px; }
 }
 
 /* Only A-Z and a-z: the compiler puts a drop cap on a chapter only when it
@@ -16,7 +102,7 @@
    of a sentence reads as part of the text. */
 .v,
 .chapter-number a {
-  color: var(--bs-body-color);
+  color: var(--text);
   text-decoration: none;
 }
 
@@ -31,7 +117,7 @@
 
 .v:focus-visible,
 .chapter-number a:focus-visible {
-  outline: 2px solid var(--bs-primary);
+  outline: 2px solid var(--focus);
   outline-offset: 2px;
   border-radius: 2px;
 }
@@ -41,7 +127,7 @@
    is -- the way a printed Bible drops it. */
 .dropcap {
   float: left;
-  font-family: "Day Leaf Initials", var(--bs-body-font-family);
+  font-family: "Day Leaf Initials", var(--font-body);
   font-size: 5em;
   line-height: .8;
   margin: .06em .08em 0 0;
@@ -110,7 +196,7 @@
   gap: .4em;
   font-size: 2rem;
   font-weight: 400;
-  color: var(--bs-secondary-color);
+  color: var(--text-muted);
   margin: 5rem 0 .75rem;
 }
 
@@ -163,12 +249,12 @@
 
 .d {
   font-style: italic;
-  color: var(--bs-secondary-color);
+  color: var(--text-muted);
 }
 
 .footnotes {
   font-size: .875rem;
-  color: var(--bs-secondary-color);
+  color: var(--text-muted);
 }
 .footnotes-title { font-size: 1rem; }
 .marker { font-weight: 700; }
@@ -177,12 +263,7 @@
 .marker { font-variant-emoji: text; }
 
 .chapter,
-.v { scroll-margin-top: 4.5rem; }
-
-.reference .form-select {
-  width: auto;
-  padding-right: 2rem;
-}
+.v { scroll-margin-top: 1rem; }
 
 .index ul {
   list-style: none;
@@ -223,3 +304,47 @@
   -webkit-hyphens: manual;
   hyphens: manual;
 }
+
+.app-version {
+  margin: 3rem 0 .5rem;
+  text-align: center;
+}
+
+.app-version p {
+  margin: .25rem 0 0;
+  font-size: .875em;
+  color: var(--text-muted);
+}
+
+/* The page shown while the service worker installs. */
+.boot {
+  margin: 0 auto;
+  padding: 3rem .75rem;
+  text-align: center;
+}
+
+.boot p { color: var(--text-muted); }
+
+.spinner {
+  display: inline-block;
+  width: 2rem;
+  height: 2rem;
+  margin-bottom: 1rem;
+  border: .25em solid #6c757d;
+  border-right-color: transparent;
+  border-radius: 50%;
+  animation: spin .75s linear infinite;
+}
+
+@keyframes spin {
+  to { transform: rotate(360deg); }
+}
+
+.boot .boot-warning {
+  display: inline-block;
+  padding: 1rem;
+  color: #664d03;
+  background: #fff3cd;
+  border: 1px solid #ffe69c;
+  border-radius: .375rem;
+}

assets/css/bootstrap.min.css

@@ -1,5 +0,0 @@
-@charset "UTF-8";/*!
- * Bootstrap  v5.3.8 (https://getbootstrap.com/)
- * Copyright 2011-2025 The Bootstrap Authors
- * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
- */:root,[data-bs-theme=light]{--bs-blue:#0d6efd;--bs-indigo:#6610f2;--bs-purple:#6f42c1;--bs-pink:#d63384;--bs-red:#dc3545;--bs-orange:#fd7e14;--bs-yellow:#ffc107;--bs-green:#198754;--bs-teal:#20c997;--bs-cyan:#0dcaf0;--bs-black:#000;--bs-white:#fff;--bs-gray:#6c757d;--bs-gray-dark:#343a40;--bs-gray-100:#f8f9fa;--bs-gray-200:#e9ecef;--bs-gray-300:#dee2e6;--bs-gray-400:#ced4da;--bs-gray-500:#adb5bd;--bs-gray-600:#6c757d;--bs-gray-700:#495057;--bs-gray-800:#343a40;--bs-gray-900:#212529;--bs-primary:#0d6efd;--bs-secondary:#6c757d;--bs-success:#198754;--bs-info:#0dcaf0;--bs-warning:#ffc107;--bs-danger:#dc3545;--bs-light:#f8f9fa;--bs-dark:#212529;--bs-primary-rgb:13,110,253;--bs-secondary-rgb:108,117,125;--bs-success-rgb:25,135,84;--bs-info-rgb:13,202,240;--bs-warning-rgb:255,193,7;--bs-danger-rgb:220,53,69;--bs-light-rgb:248,249,250;--bs-dark-rgb:33,37,41;--bs-primary-text-emphasis:#052c65;--bs-secondary-text-emphasis:#2b2f32;--bs-success-text-emphasis:#0a3622;--bs-info-text-emphasis:#055160;--bs-warning-text-emphasis:#664d03;--bs-danger-text-emphasis:#58151c;--bs-light-text-emphasis:#495057;--bs-dark-text-emphasis:#495057;--bs-primary-bg-subtle:#cfe2ff;--bs-secondary-bg-subtle:#e2e3e5;--bs-success-bg-subtle:#d1e7dd;--bs-info-bg-subtle:#cff4fc;--bs-warning-bg-subtle:#fff3cd;--bs-danger-bg-subtle:#f8d7da;--bs-light-bg-subtle:#fcfcfd;--bs-dark-bg-subtle:#ced4da;--bs-primary-border-subtle:#9ec5fe;--bs-secondary-border-subtle:#c4c8cb;--bs-success-border-subtle:#a3cfbb;--bs-info-border-subtle:#9eeaf9;--bs-warning-border-subtle:#ffe69c;--bs-danger-border-subtle:#f1aeb5;--bs-light-border-subtle:#e9ecef;--bs-dark-border-subtle:#adb5bd;--bs-white-rgb:255,255,255;--bs-black-rgb:0,0,0;--bs-font-sans-serif:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--bs-font-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--bs-gradient:linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));--bs-body-font-family:var(--bs-font-sans-serif);--bs-body-font-size:1rem;--bs-body-font-weight:400;--bs-body-line-height:1.5;--bs-body-color:#212529;--bs-body-color-rgb:33,37,41;--bs-body-bg:#fff;--bs-body-bg-rgb:255,255,255;--bs-emphasis-color:#000;--bs-emphasis-color-rgb:0,0,0;--bs-secondary-color:rgba(33, 37, 41, 0.75);--bs-secondary-color-rgb:33,37,41;--bs-secondary-bg:#e9ecef;--bs-secondary-bg-rgb:233,236,239;--bs-tertiary-color:rgba(33, 37, 41, 0.5);--bs-tertiary-color-rgb:33,37,41;--bs-tertiary-bg:#f8f9fa;--bs-tertiary-bg-rgb:248,249,250;--bs-heading-color:inherit;--bs-link-color:#0d6efd;--bs-link-color-rgb:13,110,253;--bs-link-decoration:underline;--bs-link-hover-color:#0a58ca;--bs-link-hover-color-rgb:10,88,202;--bs-code-color:#d63384;--bs-highlight-color:#212529;--bs-highlight-bg:#fff3cd;--bs-border-width:1px;--bs-border-style:solid;--bs-border-color:#dee2e6;--bs-border-color-translucent:rgba(0, 0, 0, 0.175);--bs-border-radius:0.375rem;--bs-border-radius-sm:0.25rem;--bs-border-radius-lg:0.5rem;--bs-border-radius-xl:1rem;--bs-border-radius-xxl:2rem;--bs-border-radius-2xl:var(--bs-border-radius-xxl);--bs-border-radius-pill:50rem;--bs-box-shadow:0 0.5rem 1rem rgba(0, 0, 0, 0.15);--bs-box-shadow-sm:0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);--bs-box-shadow-lg:0 1rem 3rem rgba(0, 0, 0, 0.175);--bs-box-shadow-inset:inset 0 1px 2px rgba(0, 0, 0, 0.075);--bs-focus-ring-width:0.25rem;--bs-focus-ring-opacity:0.25;--bs-focus-ring-color:rgba(13, 110, 253, 0.25);--bs-form-valid-color:#198754;--bs-form-valid-border-color:#198754;--bs-form-invalid-color:#dc3545;--bs-form-invalid-border-color:#dc3545}[data-bs-theme=dark]{color-scheme:dark;--bs-body-color:#dee2e6;--bs-body-color-rgb:222,226,230;--bs-body-bg:#212529;--bs-body-bg-rgb:33,37,41;--bs-emphasis-color:#fff;--bs-emphasis-color-rgb:255,255,255;--bs-secondary-color:rgba(222, 226, 230, 0.75);--bs-secondary-color-rgb:222,226,230;--bs-secondary-bg:#343a40;--bs-secondary-bg-rgb:52,58,64;--bs-tertiary-color:rgba(222, 226, 230, 0.5);--bs-tertiary-color-rgb:222,226,230;--bs-tertiary-bg:#2b3035;--bs-tertiary-bg-rgb:43,48,53;--bs-primary-text-emphasis:#6ea8fe;--bs-secondary-text-emphasis:#a7acb1;--bs-success-text-emphasis:#75b798;--bs-info-text-emphasis:#6edff6;--bs-warning-text-emphasis:#ffda6a;--bs-danger-text-emphasis:#ea868f;--bs-light-text-emphasis:#f8f9fa;--bs-dark-text-emphasis:#dee2e6;--bs-primary-bg-subtle:#031633;--bs-secondary-bg-subtle:#161719;--bs-success-bg-subtle:#051b11;--bs-info-bg-subtle:#032830;--bs-warning-bg-subtle:#332701;--bs-danger-bg-subtle:#2c0b0e;--bs-light-bg-subtle:#343a40;--bs-dark-bg-subtle:#1a1d20;--bs-primary-border-subtle:#084298;--bs-secondary-border-subtle:#41464b;--bs-success-border-subtle:#0f5132;--bs-info-border-subtle:#087990;--bs-warning-border-subtle:#997404;--bs-danger-border-subtle:#842029;--bs-light-border-subtle:#495057;--bs-dark-border-subtle:#343a40;--bs-heading-color:inherLine truncated