/* Scripture annotations never replace article text, including in print. */
.scripture-reference[data-scripture-ready="true"] {
  cursor: pointer; text-decoration: underline dotted; text-underline-offset: .18em;
  text-decoration-color: var(--accent-ink, #006773); border-radius: 2px;
}
.scripture-reference[data-scripture-ready="true"]:hover,
.scripture-reference[data-scripture-ready="true"][aria-expanded="true"] { background: var(--surface, #f6f7f5); }
.scripture-reference:focus-visible { outline: 2px solid var(--accent-ink, #006773); outline-offset: 3px; }
.scripture-popover {
  position: fixed; z-index: 2500; box-sizing: border-box; width: min(420px, calc(100vw - 24px));
  max-height: min(560px, calc(100dvh - 24px)); overflow: auto; overscroll-behavior: contain;
  padding: 18px 20px; border: 1px solid var(--line, #dedfdd); border-radius: 10px;
  color: var(--ink, #272b2d); background: var(--paper, #fff); box-shadow: 0 10px 35px #0003;
  font-family: var(--tcc-font-body, sans-serif); font-size: 15px; line-height: 1.65;
  overflow-wrap: anywhere; text-align: start;
}
.scripture-popover[hidden] { display: none !important; }
.scripture-popover__header { display: flex; align-items: start; justify-content: space-between; gap: 14px; }
.scripture-popover__title { color: inherit; margin: 4px 0 14px; font-size: 17px; line-height: 1.5; font-weight: 600; }
.scripture-popover__close {
  flex: 0 0 44px; width: 44px; min-height: 44px; margin: -8px -8px 0;
  border: 0; border-radius: 5px; color: inherit; background: transparent; font: 26px/1 sans-serif; cursor: pointer;
}
.scripture-popover__close:hover { background: var(--surface, #f6f7f5); }
.scripture-popover__passage + .scripture-popover__passage { border-top: 1px solid var(--line, #dedfdd); margin-top: 18px; padding-top: 18px; }
.scripture-popover__reference { color: inherit; font-size: 16px; line-height: 1.5; margin: 0; }
.scripture-popover__translation { color: var(--muted, #656d70); font-size: 12px; margin: 4px 0 12px; }
.scripture-popover__verse { margin: 0 0 10px; }
.scripture-popover__verse sup { color: var(--muted, #656d70); font-size: 10px; }
.scripture-popover__reader { display: inline-block; padding-block: 10px; color: var(--accent-ink, #006773); font-size: 13px; text-decoration: underline; }
.scripture-popover__status { margin: 0; }
.scripture-popover__status:empty { display: none; }
.scripture-popover :focus-visible { outline: 2px solid var(--accent-ink, #006773); outline-offset: 2px; }
@media print {
  .scripture-popover { display: none !important; }
  .scripture-reference[data-scripture-ready="true"] { text-decoration: none; background: transparent !important; }
}