.scripture-card { border: 1px solid var(--border-color); border-left: 4px solid var(--color-accent, #1d9bf0); border-radius: var(--radius-md, 12px); padding: var(--space-3); margin-top: var(--space-2); background: var(--bg-secondary, transparent); }
.scripture-card__head { font-size: var(--text-xs); font-weight: var(--weight-semibold); color: var(--text-secondary); margin-bottom: var(--space-2); }
.scripture-card__ar { font-family: "Amiri", "Scheherazade New", "Noto Naskh Arabic", "Traditional Arabic", serif; font-size: 1.5rem; line-height: 2.1; margin: 0 0 var(--space-2); }
.scripture-card__num { font-size: 1rem; color: var(--text-tertiary); }
.scripture-card__en { margin: 0 0 var(--space-2); line-height: 1.5; }
.scripture-card__grades { font-size: var(--text-xs); color: var(--text-secondary); margin-bottom: var(--space-1); }
.scripture-card__foot { font-size: var(--text-xs); color: var(--text-tertiary); }
.scripture-card__link { font-size: var(--text-sm); color: var(--color-accent); }