.scripture-library{max-width:1200px;margin:auto}.scripture-search{display:flex;gap:.75rem;margin:1.5rem 0}.scripture-search input{flex:1}.scripture-search input,.scripture-search select,.scripture-search button{padding:.75rem 1rem}.scripture-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem}.scripture-grid article{border:1px solid #ddd;border-radius:12px;padding:1.25rem;background:#fff}.scripture-grid h2{font-size:1.3rem;margin:.6rem 0}.scripture-grid .badge{display:inline-block;background:#222;color:#fff;border-radius:99px;padding:.2rem .65rem;font-size:.8rem}.scripture-grid .meta{color:#666;font-size:.85rem}.scripture-actions{display:flex;gap:.55rem;flex-wrap:wrap}.scripture-grid .download,.scripture-grid .preview{display:inline-block;padding:.6rem 1rem;border-radius:6px;text-decoration:none;border:1px solid #111;cursor:pointer;font:inherit}.scripture-grid .download{background:#111;color:#fff}.scripture-grid .preview{background:#fff;color:#111}.scripture-lightbox[hidden]{display:none}.scripture-lightbox{position:fixed;z-index:100000;inset:0;background:rgba(0,0,0,.82);display:grid;place-items:center;padding:2vw}.scripture-lightbox-panel{width:min(1400px,96vw);height:94vh;background:#111;border-radius:12px;overflow:hidden;display:grid;grid-template-rows:auto 1fr;position:relative}.scripture-lightbox header{display:flex;align-items:center;justify-content:space-between;padding:.6rem 1rem;background:#fff;color:#111}.scripture-lightbox header h2{font-size:1rem;margin:0}.scripture-lightbox header div{display:flex;align-items:center;gap:1rem}.scripture-lightbox header a{color:#111}.scripture-lightbox header button{border:0;background:transparent;font-size:2rem;line-height:1;cursor:pointer}.scripture-lightbox iframe{width:100%;height:100%;border:0;background:#111;position:relative;z-index:2}.scripture-preview-loading{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);color:#fff}.scripture-preview-lock{overflow:hidden}@media(max-width:600px){.scripture-search{flex-direction:column}.scripture-lightbox{padding:0}.scripture-lightbox-panel{width:100vw;height:100dvh;border-radius:0}}