/* Belief and stories family (src/tools/87_belief.py): prophets timeline, fact box, verse and hadith cards. */
.bl_facts{padding:1.25rem 1.5rem;border-radius:var(--r2);background:var(--surface);box-shadow:inset 0 0 0 1px var(--line)}
.bl_facts dd{overflow-wrap:anywhere}
.bl_facts dd a,.bl_surahs a{color:var(--lapis)}
.bl_arn{font:400 1.375rem/1.4 var(--arabic);color:var(--lapis)}
.prose .bl_verse{margin-block:1.5rem}
.bl_verse .verse_ar{overflow-wrap:anywhere}
.bl_verse .verse_en b{font:500 .75rem/1 var(--mono);color:var(--muted)}
.bl_verse .verse_src a{color:var(--lapis)}
.bl_hadith{background:var(--surface)}
.bl_hadith .verse_ar{font-size:clamp(1.375rem,1.1rem + 1vw,1.875rem)}
.bl_search{margin-block:1rem .5rem}
.bl_search input{padding-inline-start:1.25rem}
.bl_empty{margin-block:1rem}
.prose ol.bl_tl{list-style:none;padding:0;display:block;position:relative;margin-block-start:1rem}
.bl_tl::before{content:"";position:absolute;inset-block:1.25rem;inset-inline-start:1.125rem;width:1px;background:var(--line)}
.bl_item{position:relative;display:grid;grid-template-columns:2.25rem minmax(0,1fr);gap:1rem;padding-block:1rem;border-bottom:1px solid var(--line-soft)}
.bl_item[hidden]{display:none}
.bl_n{position:relative;z-index:1;display:grid;place-items:center;width:2.25rem;height:2.25rem;border-radius:50%;background:var(--page);box-shadow:inset 0 0 0 1px var(--line);font:400 .75rem/1 var(--mono);color:var(--muted)}
.bl_item:has(.badge) .bl_n{box-shadow:inset 0 0 0 1px var(--gold);color:var(--gold-ink)}
.bl_body{min-width:0}
.prose .bl_body p{margin:0;line-height:1.5}
.bl_names{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem .75rem}
.prose .bl_names a{font-size:1.125rem;color:var(--text);text-decoration:none}
.bl_names a b{font-weight:500}
.bl_names a span{color:var(--muted)}
.bl_names a:hover b{color:var(--lapis)}
.bl_names .badge{margin:0}
.bl_names .bl_ar{margin-left:auto;font:400 1.5rem/1.3 var(--arabic);color:var(--lapis)}
.prose .bl_meta,.prose .bl_surahs{font-size:.875rem;color:var(--muted);margin-block-start:.3rem}
.bl_timeline td:first-child{white-space:nowrap}
.bl_timeline small{color:var(--muted)}
@media (max-width:480px){.bl_names .bl_ar{margin-left:0;width:100%;text-align:left}}
@media (max-width:1199.98px){.post .post_rail{display:none}}
.bl_stack table{min-width:0}
@media (max-width:640px){
  .bl_stack thead{display:none}
  .bl_stack table,.bl_stack tbody,.bl_stack tr,.bl_stack td{display:block;width:100%}
  .bl_stack tr{padding:.75rem .9rem;border-bottom:1px solid var(--line)}
  .bl_stack tbody tr:last-child{border-bottom:0}
  .bl_stack td,.post_table.bl_stack td{padding:.15rem 0;border:0}
  .bl_timeline td:first-child{white-space:normal}
}