/* Hadith by topic (/hadith-about): hadith cards with copy buttons, the "weak sayings" box and the hub finder. */
.ht{display:grid;gap:1.25rem}
.ht_list{display:grid;gap:1rem}
.ht_card{scroll-margin-top:6rem}
.ht_card .verse_head{align-items:flex-start}
.ht_card .verse_head h3{margin:0;font:inherit}
.ht_card .verse_head h3 a{color:inherit;text-decoration:none}
.ht_card .verse_head h3 a:hover{color:var(--lapis)}
.ht_card .verse_head .badge{flex:none}
.ht_card .verse_ar{font-size:clamp(1.375rem,1.1rem + 1vw,1.875rem);line-height:2.1}
.ht_note{font-size:.875rem;line-height:1.55;color:var(--muted);margin:0}
.ht_note a{color:var(--lapis);text-decoration:underline;text-underline-offset:3px}
.ht_foot{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 1rem;padding-block-start:.75rem;border-top:1px solid var(--line-soft,#EFEFF1)}
.ht_foot .verse_src{padding:0;border:0;min-width:0;flex:1 1 16rem;overflow-wrap:anywhere}
.ht_jump{border-radius:var(--r2,8px);box-shadow:inset 0 0 0 1px var(--line);background:var(--page)}
.ht_jump summary{padding:.875rem 1.25rem;cursor:pointer;font-size:.875rem;font-weight:500}
.ht_jump ol{margin:0;padding:0 1.25rem 1rem 2.5rem;display:grid;gap:.35rem;font-size:.875rem}
.ht_jump a{color:var(--lapis)}
.ht_weak{display:grid;gap:.75rem;margin-block-start:.75rem;padding:clamp(1.25rem,3vw,2rem);border-radius:var(--r2,8px);background:var(--warn-tint,#FFF7ED);box-shadow:inset 0 0 0 1px rgba(146,64,14,.2)}
.ht_weak h2{margin:0}
.ht_wks{display:grid;gap:1rem;margin:0;padding:0;list-style:none}
.ht_wk{display:grid;gap:.4rem;padding-block-start:1rem;border-top:1px solid rgba(146,64,14,.15)}
.ht_wk .badge{justify-self:start}
.ht_wk_ar{margin:0;direction:rtl;text-align:right;font:400 1.25rem/2 var(--arabic);color:var(--text)}
.ht_wk_say{margin:0;font-size:1rem;line-height:1.55}
.ht_wk .note{margin:0}
.ht_find{display:grid;gap:.75rem;margin-block-start:2rem;max-width:48rem}
.ht_find input{width:100%}
.ht_rows{display:grid;gap:.5rem;margin:0;padding:0;list-style:none}
.ht_rows a{display:grid;gap:.25rem;padding:.875rem 1rem;border-radius:var(--r1,4px);box-shadow:inset 0 0 0 1px var(--line);color:inherit;text-decoration:none;background:var(--page)}
.ht_rows a:hover{box-shadow:inset 0 0 0 1px var(--lapis)}
.ht_rows b{font-weight:600}
.ht_rows span{font-size:.875rem;line-height:1.5;color:#2B2B2B}
.ht_rows small{font:400 .8125rem/1.4 var(--mono);color:var(--muted)}