body { margin:0; background:#faf6ed; color:#292116; font:1.2rem/1.65 "EB Garamond",Georgia,serif; }
html[data-theme="night"] body { background:#171410; color:#f2e8d5; }
main { max-width:46rem; margin:2rem auto; padding:0 1.2rem; }
h1,h2 { line-height:1.25; color:#762d25; }
html[data-theme="night"] h1,html[data-theme="night"] h2 { color:#edc18d; }
a { color:#6f291e; } html[data-theme="night"] a { color:#eac79c; }
button,input { font:inherit; padding:.45rem .7rem; border:1px solid currentColor; border-radius:.25rem; background:transparent; color:inherit; }
button { cursor:pointer; } input { min-width:0; flex:1; width:100%; box-sizing:border-box; }
.reference-controls { display:flex; gap:.5rem; flex-wrap:wrap; }
label { display:block; font-weight:bold; } #reference-help,footer { font-size:1rem; }
footer { text-align:center; padding:2rem 1rem; }
.verse-number { font-size:.85em; font-weight:bold; margin-right:.5em; }
:focus-visible { outline:3px solid currentColor; outline-offset:3px; }
.skip-link { position:absolute; left:-10000px; } .skip-link:focus { left:1rem; top:1rem; background:#fff; color:#292116; z-index:10000; }