#scriptures-panel .scripture-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
#scriptures-panel .scripture-section { margin: 24px 0; padding: 24px; background: white; border: 1px solid #e8e4eb; border-radius: 16px; }
#scriptures-panel .scripture-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 16px; }
#scriptures-panel .scripture-card { padding: 20px; border: 1px solid #e7cad8; border-radius: 16px; background: #fcfafc; }
#scriptures-panel .scripture-card p, #scriptures-panel #preview-body, #scriptures-panel #delete-body { white-space: pre-wrap; overflow-wrap: anywhere; }
#scriptures-panel .scripture-badge { display: inline-block; background: #f2e8f0; border-radius: 20px; padding: 4px 10px; color: #76536a; }
#scriptures-panel .scripture-actions { display: flex; justify-content: flex-end; gap: 10px; margin-top: 20px; }
#scriptures-panel .scripture-dialog { width: min(850px, calc(100vw - 32px)); max-height: calc(100vh - 48px); overflow: auto; padding: 28px; border: 1px solid #e8e4eb; border-radius: 18px; color: #243344; background: white; }
#scriptures-panel .scripture-dialog::backdrop { background: #16294388; }
#scriptures-panel .scripture-delete { max-width: 520px; }
#scriptures-panel .scripture-editor-grid { display: grid; grid-template-columns: 1fr 300px; gap: 28px; margin-top: 24px; }
#scriptures-panel label { display: block; margin: 12px 0 6px; font-weight: 600; }
#scriptures-panel input, #scriptures-panel textarea { width: 100%; padding: 12px; border: 1px solid #ccc; border-radius: 10px; font: inherit; }
#scriptures-panel .scripture-preview { width: 100%; padding: 24px; border: 1px solid #e7cad8; border-radius: 18px; text-align: center; background: #fcfafc; }
#scriptures-panel #preview-body { font-size: 16px; line-height: 1.6; }
#scriptures-panel #length-warning { color: #8b5424; }
@media(max-width: 760px) {
  #scriptures-panel .scripture-toolbar { align-items: stretch; flex-direction: column; }
  #scriptures-panel .scripture-section { padding: 16px; }
  #scriptures-panel .scripture-editor-grid { grid-template-columns: 1fr; }
  #scriptures-panel .scripture-preview { max-width: 300px; }
}