.verse-preview{z-index:10000;color:#303c4d;text-align:left;background:#fffdf9;border:2px solid #303c4d;border-radius:18px;flex-direction:column;width:min(420px,100vw - 20px);max-height:calc(100dvh - 20px);font-family:Roboto,Arial,sans-serif;line-height:1.65;display:flex;position:fixed;overflow:hidden;box-shadow:4px 6px #303c4d,0 12px 30px #303c4d22}.verse-preview header{background:#e6f4e2;border-bottom:1px solid #c9dcc5;justify-content:space-between;align-items:flex-start;gap:15px;padding:16px 18px 12px;display:flex}.verse-preview h2{letter-spacing:0;overflow-wrap:anywhere;margin:0 0 4px;font:700 19px/1.4 Roboto,Arial,sans-serif}.verse-preview header span{color:#536276;font-size:12px}.verse-preview button{color:#303c4d;cursor:pointer;background:0 0;border:0;border-radius:8px;flex-shrink:0;width:36px;height:36px;font-size:27px;line-height:1}.verse-preview button:hover{background:#cfe4c8}.verse-preview-text{overscroll-behavior:contain;min-height:0;max-height:290px;padding:16px 18px;font-size:16px;overflow-y:auto}.verse-preview-text p{margin:0 0 13px}.verse-preview-text p:last-child{margin-bottom:0}.verse-preview sup{color:#137b55;vertical-align:super;font-size:11px;font-weight:700}.verse-preview .verse-preview-more{color:#536276;border-top:1px solid #d7e2d4;padding-top:12px;font-size:13px}.verse-preview footer{border-top:1px solid #d7e2d4;justify-content:space-between;align-items:center;gap:15px;padding:12px 18px;font-size:13px;display:flex}.verse-preview footer a{color:#137b55;text-underline-offset:3px;padding-block:4px;font-weight:700;text-decoration:underline}.verse-preview footer span{color:#536276;font-size:11px}.verse-preview :focus-visible{outline-offset:2px;outline:2px solid #137b55}@media (max-width:480px){.verse-preview-text{max-height:40dvh}.verse-preview footer span{display:none}}