/* Colors inspired by modern Bible UIs */
.relifact-wcv-biblehub { max-width: 1000px; margin: 18px auto; background: #fff; border-radius: 10px; box-shadow: 0 6px 22px rgba(11,35,60,0.07); font-family: "Georgia", serif; color:#222; padding:0; overflow:hidden; }
.rh-header { display:flex; justify-content:space-between; gap:12px; align-items:center; padding:18px; background: linear-gradient(90deg,#0ea5e9, #7c3aed); color:#fff; }
.rh-header h1 { margin:0; font-family: "Merriweather", serif; font-size:20px; }
.rh-nav { display:flex; gap:8px; align-items:center; margin-top:6px; }
.rh-nav button, .rh-right button { background: rgba(255,255,255,0.15); color:#fff; border:0; padding:8px 10px; border-radius:8px; cursor:pointer; }
.rh-chapter-select { padding:6px 8px; border-radius:8px; border:0; }
.rh-right { display:flex; gap:8px; align-items:center; }

.rh-content { padding:22px; display:block; background: linear-gradient(180deg,#ffffff, #fbfdff); }

/* Verse card */
.rh-verse { display:flex; gap:16px; align-items:flex-start; padding:12px; border-radius:8px; margin-bottom:10px; border-left:4px solid rgba(124,58,237,0.08); background:linear-gradient(90deg, #ffffff, #fbfbff); }
.rh-verse:hover { background: linear-gradient(90deg,#fbfcff, #f6fbff); box-shadow: 0 2px 8px rgba(13,78,138,0.03); }
.rh-vnum { min-width:44px; font-weight:700; color:#7c3aed; background:linear-gradient(180deg, rgba(124,58,237,0.1), rgba(14,165,233,0.06)); border-radius:8px; padding:6px 8px; text-align:center; }
.rh-vtext { flex:1; font-size:17px; line-height:1.65; color:#0f172a; }

/* editable */
.rh-vtext[contenteditable="true"] { outline:2px dashed rgba(124,58,237,0.12); padding:8px; border-radius:6px; background: #fffdfd; }

/* footer */
.rh-footer { padding:12px 18px; font-size:13px; color:#475569; background:#fbfbfb; border-top:1px solid #eef2ff; }

/* responsive */
@media (max-width:720px) {
  .rh-header { flex-direction:column; align-items:flex-start; gap:12px; }
  .rh-right { width:100%; justify-content:flex-end; }
}