.scripture-sheet { box-sizing:border-box; width:250px; height:320px; padding:22px;
  display:flex; flex-direction:column;
  background:#faf6eb; color:#30291f; box-shadow:0 3px 8px #0002; overflow:hidden; }
.scripture-sheet header,.scripture-sheet footer { font:11px/1.5 sans-serif; letter-spacing:.05em; }
.scripture-sheet h3 { font:26px/1.1 Georgia,serif; margin:16px 0; flex-shrink:0; }
.scripture-sheet p { font:16px/1.5 Georgia,serif; flex:1; min-height:0; margin:0; overflow:hidden; }
.scripture-sheet footer { margin-top:16px; flex-shrink:0; }
.scripture-reader { max-width:720px; margin:auto; padding:24px 32px 64px; color:#30291f; background:#faf6eb; }
.scripture-tools { display:flex; flex-wrap:wrap; align-items:center; gap:16px; font:14px/1.5 sans-serif; }
.scripture-tools .reader-source-actions { margin:0 0 0 auto; }
.scripture-tools select { margin-left:10px; padding:8px; color:inherit; background:#faf6eb; border:1px solid #b8ac96; border-radius:8px; }
.scripture-reader h1 { font:34px/1.2 Georgia,serif; }
.scripture-chapter { font:22px/1.8 Georgia,serif; margin:24px 0; }
.scripture-chapter h2 { font:15px/1.4 sans-serif; color:#8a5835; margin:18px 0; }
.reader-verse-number { font:11px sans-serif; color:#a9512c; user-select:none; }
.reader-verse { scroll-margin-top:100px; }
.scripture-cited { background:#eedfb2; color:#30291f; }
.scripture-reader footer { font:12px/1.6 sans-serif; margin-top:32px; }
.scripture-thumb { display:flex; flex-direction:column; justify-content:center; gap:6px;
  padding:6px; box-sizing:border-box; background:#faf6eb; color:#30291f; border:1px solid #ded4c1;
  font:10px/1.2 Georgia,serif; overflow:hidden; }
.scripture-thumb small {font:8px sans-serif; color:#8a5835;}
@media(max-width:600px) { .scripture-reader {padding:18px 20px 48px;} .scripture-reader h1 {font-size:28px;} }