.scripture-preview{position:fixed;z-index:1000;width:min(380px,calc(100vw - 24px));max-height:min(480px,calc(100dvh - 24px));overflow:auto;overscroll-behavior:contain;background:#fffdf8;color:#252b2f;border:1px solid #c8cfbd;border-radius:10px;box-shadow:0 12px 44px #26332235;padding:18px;font:16px/1.6 Inter,ui-sans-serif,system-ui,sans-serif;text-align:left}.scripture-preview[hidden]{display:none!important}.scripture-preview-header{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;border-bottom:1px solid #e1e3d7;padding-bottom:10px;margin-bottom:12px}.scripture-preview h2{font:600 1.1rem/1.4 Inter,ui-sans-serif,system-ui,sans-serif;letter-spacing:normal;color:#3d4b36;margin:0}.scripture-preview .translation{display:block;font-size:.75rem;color:#64705c;font-weight:400;margin-top:2px}.scripture-preview button{min-width:44px;min-height:44px;border:1px solid #d1d6c6;background:#f4f5ed;border-radius:5px;color:#374047;font:inherit;font-size:.85rem;padding:7px 10px;cursor:pointer;margin:-4px -4px 0 0}.scripture-preview-body p{margin:0 0 12px}.scripture-preview-body sup{font-size:.7em;color:#6d765e;margin-right:5px}.scripture-preview-note{font-size:.82rem;color:#65705c;margin:10px 0}.scripture-preview-link{display:inline-block;padding:9px 0;color:#405744;font-weight:700;text-decoration:underline;text-underline-offset:3px;line-height:1.45}.scripture-preview :focus-visible{outline:3px solid #aa8e55;outline-offset:3px}a[data-scripture-preview][aria-expanded=true]{text-decoration-thickness:2px;text-underline-offset:4px}
@media(max-width:600px){.scripture-preview{width:calc(100vw - 24px);max-height:60dvh;font-size:16px;padding:16px}}
.scripture-preview{display:flex;flex-direction:column;overflow:hidden}.scripture-preview-header,.scripture-preview-note,.scripture-preview-link{flex:none}.scripture-preview-body{min-height:0;overflow:auto;overscroll-behavior:contain}.scripture-preview-link{margin-top:4px}