/* Verse notes in the free reader open in place as a bubble from a small
   marker after the verse; nothing but Scripture sits in the verse itself.
   The notes are also listed at the end of the chapter. */
.noteref{font:600 .7em/0 system-ui,sans-serif;vertical-align:super;margin-left:3px}
.noteref a{display:inline-block;min-width:1.7em;padding:.2em .4em;line-height:1.2;border-radius:999px;background:#e7eee5;color:#365e56;text-align:center;text-decoration:none}
.noteref a:hover,.noteref a[aria-expanded="true"]{background:#365e56;color:#fff}
.chapter-notes{margin-top:44px;padding-top:12px;border-top:1px solid #dce1d6}
.chapter-notes h2{font-size:24px;font-weight:normal;margin:0 0 12px}
.chapter-notes ol{padding-left:1.6em;margin:0}
.chapter-notes li{font-size:16px;color:#3f4a44;margin:0 0 12px;scroll-margin-top:20px}
.chapter-notes li:target{background:#f1f1df;outline:8px solid #f1f1df}
.chapter-notes .note-verse{font:600 13px system-ui,sans-serif;letter-spacing:.04em;text-decoration:none;margin-right:6px}
.note-back{text-decoration:none;margin-left:4px}
.note-pop{position:fixed;z-index:60;max-height:50vh;overflow:auto;padding:12px 40px 12px 14px;border:1px solid #ccd3c7;border-radius:10px;background:#fffdf8;color:#252f2d;box-shadow:0 8px 28px rgb(0 0 0/.18);font:15px/1.55 Georgia,serif}
.note-pop:focus{outline:none}
.note-pop .note-verse{display:block;font:600 12px system-ui,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:#5d7065;margin-bottom:4px}
.note-pop .note-text{font-style:italic}
.note-pop-close{position:absolute;top:4px;right:4px;width:32px;height:32px;border:0;border-radius:6px;background:transparent;color:#5e685f;font-size:22px;line-height:1;cursor:pointer}
.note-pop-close:hover{background:#e7eee5;color:#252f2d}
@media (prefers-color-scheme:dark){.note-pop{background:#1f2724;color:#e6e9e3;border-color:#3a4540}.note-pop .note-verse{color:#9fb1a6}.noteref a{background:#2c3833;color:#cfe0d6}}
@media print{.noteref,.note-pop{display:none}}
