/* Scoped to the Scripture study tool. The site's layout and motion stay intact. */
body.is-study-open, html.has-study-open { overflow: hidden; overscroll-behavior: none; }
.study-reopen { margin-block-start: 1rem; padding: .6rem 0; }
.askline__go:disabled, .chip-slip__btn:disabled { cursor: wait; opacity: .65; }
.study-dialog { position: fixed; inset: 0; margin: auto; width: min(58rem, calc(100% - 3rem)); height: min(52rem, calc(100vh - 3rem)); height: min(52rem, calc(100dvh - 3rem)); max-width: none; max-height: none; padding: 0; border: 1px solid var(--line); border-radius: 16px; background: var(--paper-0); color: var(--ink-1); overflow: hidden; box-shadow: 0 24px 90px rgb(0 0 0 / .28); text-align: start; }
.study-dialog:not([open]), .study-dialog [hidden], .study-reopen[hidden] { display: none; }
.study-dialog[open] { display: flex; flex-direction: column; }
.study-dialog::backdrop { background: rgb(11 10 8 / .76); backdrop-filter: none; }
.study-dialog__head { flex: 0 0 auto; display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 1.2rem 2rem; border-bottom: 1px solid var(--line-soft); background: var(--paper-0); }
.study-dialog__eyebrow { font: .68rem/1.5 var(--font-mono); letter-spacing: .16em; text-transform: uppercase; color: var(--brass-ink); }
.study-dialog__title { margin-block-start: .3rem; font: 300 clamp(1.5rem, 1.1rem + 1.2vw, 2rem)/1.2 var(--font-display); letter-spacing: -.02em; overflow-wrap: anywhere; }
.study-dialog__close { flex: 0 0 44px; width: 44px; height: 44px; display: grid; place-items: center; border: 1px solid var(--line); border-radius: 50%; color: var(--ink-1); }
.study-dialog__close:hover { background: var(--surface); color: var(--ink-0); }
.study-dialog :is(button, a, summary, [role="tabpanel"]):focus-visible { outline: 2px solid var(--brass-ink); outline-offset: 4px; }
.study-dialog__scroll { flex: 1 1 auto; min-height: 0; min-width: 0; overflow-y: auto; overflow-x: hidden; overscroll-behavior-y: contain; -webkit-overflow-scrolling: touch; padding: 1.4rem 2rem 2rem; scrollbar-gutter: stable; scroll-behavior: auto; }
.study-dialog__disclaimer, .study-dialog__caption, .study-view__caption { font: .88rem/1.6 var(--font-ui); color: var(--ink-2); }
.study-dialog__disclaimer { padding-bottom: 1.3rem; border-bottom: 1px solid var(--line-soft); }
.study-dialog__loading { min-height: 12rem; padding-block: 2.5rem; font: 300 1.3rem/1.6 var(--font-read); }
.study-dialog__pulse { display: block; width: .5rem; height: .5rem; background: var(--brass-ink); border-radius: 50%; margin-block-end: 1rem; }
.study-dialog__caption { max-width: 42ch; margin-block-start: .7rem; }
.study-dialog__error { padding-block: 2rem; font: 1rem/1.7 var(--font-ui); }
.study-dialog__error button { margin-block-start: 1rem; min-height: 44px; }
.study-view { min-width: 0; font: 300 1.13rem/1.65 var(--font-read); color: var(--ink-1); }
.study-view__section { margin-block-start: 1.6rem; min-width: 0; }
.study-view__title { font: 300 1.65rem/1.2 var(--font-display); letter-spacing: -.02em; margin-block-end: .75rem; color: var(--ink-0); }
.study-view__summary { max-width: 64ch; }
.study-view__caption { margin-block: .6rem; }
.study-view details { border-block-start: 1px solid var(--line-soft); }
.study-view summary { cursor: pointer; display: list-item; list-style-position: inside; padding: .85rem .1rem; font: 500 .92rem/1.6 var(--font-ui); color: var(--ink-1); min-height: 44px; overflow-wrap: anywhere; }
.study-view summary::marker { color: var(--brass-ink); }
.study-view details[open] > summary { color: var(--brass-ink); }
.study-view__passage { margin-block-start: 1.2rem; }
.study-view__verse { display: grid; gap: .2rem; margin: .6rem 0 1rem; }
.study-view__verse-reference, .study-word__meta { font: .77rem/1.65 var(--font-mono); color: var(--brass-ink); }
.study-context__group:last-of-type { border-block-end: 1px solid var(--line-soft); }
.study-context__items { padding: .2rem 0 1rem; display: grid; gap: 1rem; }
.study-context__label { font: 500 .9rem/1.6 var(--font-ui); margin-block-end: .25rem; color: var(--ink-0); }
.study-context__detail { margin: 0; }
.study-context__evidence { margin-block-start: .3rem; font: .83rem/1.6 var(--font-ui); }
.study-view__source { color: var(--brass-ink); text-decoration-thickness: 1px; text-underline-offset: 3px; overflow-wrap: anywhere; }
.study-view__links { display: flex; gap: .6rem 1rem; flex-wrap: wrap; margin-block: .5rem 1.2rem; font: .88rem/1.6 var(--font-ui); }
.study-view__commentary { margin-block: 1rem 1.5rem; border-left: 2px solid var(--line); padding-left: 1rem; }
.study-view__commentary blockquote { font-style: italic; font-size: 1.25rem; }
.study-view__commentary figcaption { margin-block-start: .6rem; font: .86rem/1.6 var(--font-ui); color: var(--ink-2); }
.study-tabs__row { display: flex; gap: .55rem; max-width: 100%; min-width: 0; overflow-x: auto; padding: .35rem .25rem .8rem; margin-inline: -.25rem; scroll-padding-inline: .25rem; overscroll-behavior-x: contain; scrollbar-width: thin; }
.study-tabs__tab { flex: 0 0 auto; max-width: min(18rem, 80vw); border: 1px solid var(--line); border-radius: 999px; padding: .6rem 1rem; font: .94rem/1.4 var(--font-ui); min-height: 44px; color: var(--ink-2); overflow-wrap: anywhere; }
.study-tabs__tab[aria-selected="true"] { border-color: var(--brass-ink); color: var(--ink-0); background: var(--surface); }
.study-tabs__tab:hover { color: var(--ink-0); }
.study-word__panel { border: 1px solid var(--line); border-radius: 10px; padding: 1.4rem; min-width: 0; overflow-wrap: anywhere; background: var(--paper-1, var(--paper-0)); }
.study-word__heading { font: 300 1.6rem/1.2 var(--font-display); color: var(--ink-0); }
.study-word__original { margin-block-start: .7rem; font: 1.65rem/1.6 Georgia, 'Times New Roman', serif; text-align: start; color: var(--brass-ink); }
.study-word__transliteration { font: .98rem/1.5 var(--font-read); color: var(--ink-2); }
.study-word__meta { margin-block-start: .25rem; }
.study-word__meaning { margin-block: 1.3rem; padding-block: .9rem; border-block: 1px solid var(--line-soft); }
.study-word__panel h5 { font: 500 .89rem/1.6 var(--font-ui); margin-block-end: .4rem; color: var(--ink-0); }
.study-word__meaning > p:not(.study-view__caption) { font-size: 1.25rem; color: var(--brass-ink); }
.study-word__meanings { list-style: disc; padding-inline-start: 1.15rem; margin-block: .6rem 1.2rem; font: 1rem/1.65 var(--font-ui); }
.study-word__meanings li + li { margin-block-start: .5rem; }
.study-word__source-entry > p { margin-block: .5rem 1rem; font-size: 1rem; }
.study-word__occurrence { display: grid; gap: .3rem; margin-block: 1rem; font-size: 1.05rem; }
.study-word__credits { margin-block-start: 1rem; font: .8rem/1.65 var(--font-ui); }
.study-dialog__foot { margin-block-start: 2rem; padding-block-start: 1.2rem; border-block-start: 1px solid var(--line-soft); font: .88rem/1.6 var(--font-ui); color: var(--ink-2); }
.study-dialog__foot .answer__acts { margin-block-start: .8rem; }
.study-dialog__foot button { min-height: 44px; }
.study-dialog--inline[open] { position: relative; width: min(58rem, 100%); height: auto; margin: 1rem auto; }
.study-dialog--inline .study-dialog__scroll { overflow: visible; }
@media (min-width: 60rem) {
  .study-view { display: grid; grid-template-columns: minmax(0, .72fr) minmax(0, 1.2fr); column-gap: 2rem; align-items: start; }
  .study-view > .study-view__section:not(.study-view__context):not(.study-view__word-study), .study-view__passage { grid-column: 1 / -1; }
  .study-view__context { grid-column: 1; grid-row: 3; }
  .study-view__word-study { grid-column: 2; grid-row: 3; }
}
@media (max-width: 40rem) {
  .study-dialog { width: 100%; height: 100vh; height: 100dvh; border: 0; border-radius: 0; }
  .study-dialog__head { padding: max(.9rem, env(safe-area-inset-top)) 1.15rem .9rem; }
  .study-dialog__scroll { padding: 1.15rem 1.15rem max(1.5rem, env(safe-area-inset-bottom)); }
  .study-dialog__title { font-size: 1.5rem; }
  .study-view__title { font-size: 1.5rem; }
  .study-word__panel { padding: 1.1rem; }
  .study-tabs__tab { padding-inline: .85rem; }
}
@media (prefers-reduced-motion: no-preference) {
  .study-dialog__pulse { animation: study-pulse 1.8s ease-in-out infinite alternate; }
  @keyframes study-pulse { to { opacity: .3; } }
}
@media print {
  .study-dialog[open] { position: static; width: 100%; height: auto; overflow: visible; box-shadow: none; }
  .study-dialog__scroll { overflow: visible; }
  .study-dialog__close, .study-dialog__foot { display: none; }
}