:root{--rk-up:#1d6b3f;--rk-up-soft:#e3f1e8;--rk-down:#a93c39;--rk-down-soft:#f8e6e5;--rk-hear:#8a5a00;--rk-hear-soft:#fff1db;--rk-hear-bar:#c98a1b;--rk-info:#4f5a6e;--rk-info-soft:#eef0f4;--rk-info-bar:#b5bcc9;--fam-six:#2f5fb3;--fam-sunan:#1d6b5f;--fam-musnad:#9a6a00;--fam-juz:#6b4fa0;--fam-bab:#8a93a5;--rec-card:var(--surface,#fff);--rec-line:var(--line,#e1e5ec);--rec-hair:var(--hair,#eceff4);--rec-ink:var(--ink,#121722);--rec-ink-2:var(--ink-2,#465063);--rec-ink-3:var(--ink-3,#5a6478);--rec-accent:var(--lapis,#2f5fb3);--rec-soft:var(--lapis-soft,#e8eefa)}.rec-wrap{container-type:inline-size}.rec{grid-template-columns:320px minmax(0,1fr);align-items:start;gap:24px;display:grid}.rec-side{flex-direction:column;gap:14px;min-width:0;display:flex;position:sticky;top:12px}.rec-main{min-width:0}.rec-card{background:var(--rec-card);border:1px solid var(--rec-line);border-radius:14px;padding:18px 20px}.rec-id h1{color:var(--rec-ink);text-wrap:balance;margin:0 0 4px;font-size:28px;font-weight:700;line-height:1.35}.rec-id .h-nasab{font-size:14px}.rec-names{color:var(--rec-ink-2);margin:0 0 4px;font-size:14px;line-height:1.8}.rec-facts{flex-direction:column;margin-top:10px;display:flex}.rec-fact{border-top:1px solid var(--rec-hair);justify-content:space-between;gap:12px;padding:8px 0;font-size:14px;display:flex}.rec-fact span{color:var(--rec-ink-3);white-space:nowrap}.rec-fact b{color:var(--rec-ink);text-align:end;font-variant-numeric:tabular-nums;font-weight:600}.rec-grade{background:var(--surface-2,#f6f8fc);border-radius:10px;margin-top:10px;padding:12px 14px}.rec-grade .k{color:var(--rec-ink-3);font-size:13px;display:block}.rec-grade p{color:var(--rec-ink);margin:4px 0 0;font-size:15.5px;font-weight:600;line-height:1.8}.rec-trio{text-align:center;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:6px;padding:12px;display:grid}.rec-trio a{color:var(--rec-ink-2);border-radius:10px;flex-direction:column;gap:2px;padding:8px 4px;display:flex}.rec-trio a:hover,.rec-trio a[aria-current]{background:var(--rec-soft);color:var(--rec-ink)}.rec-trio b{color:var(--rec-ink);font-variant-numeric:tabular-nums;font-size:22px;line-height:1.2}.rec-trio span{font-size:12.5px;line-height:1.5}.rec-h{color:var(--rec-ink-2);margin:0 0 10px;font-size:13.5px;font-weight:700}.rec-tb{flex-direction:column;gap:4px;display:flex}.rec-tb li{grid-template-columns:minmax(0,1fr) 80px 44px;align-items:center;gap:8px;padding:3px 0;font-size:14px;display:grid}.rec-tb a{color:var(--rec-ink);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.rec-tb a:hover{color:var(--rec-accent)}.rec-tb s{background:var(--rec-accent);border-radius:4px;height:7px;text-decoration:none;display:block}.rec-tb .n{text-align:end;color:var(--rec-ink-2);font-variant-numeric:tabular-nums}.rec-kbar{align-items:center;gap:16px;padding:4px 0 12px;display:flex}.rec-kbar .t{color:var(--rec-ink);white-space:nowrap;font-size:14px;font-weight:700}.rec-strip{border-radius:6px;flex:1;gap:2px;min-width:0;height:12px;display:flex;overflow:hidden}.rec-strip span{display:block}.rec-strip .rk-up{background:var(--rk-up)}.rec-strip .rk-down{background:var(--rk-down)}.rec-strip .rk-hear{background:var(--rk-hear-bar)}.rec-strip .rk-info{background:var(--rk-info-bar)}.rec-filters{flex-wrap:wrap;gap:8px;margin-bottom:18px;display:flex}.rec-f input{opacity:0;pointer-events:none;position:absolute}.rec-f span{border:1px solid var(--rec-line);background:var(--rec-card);color:var(--rec-ink);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:6px 13px;font-size:14px;display:inline-flex}.rec-f span b{color:var(--rec-ink-3);font-variant-numeric:tabular-nums;font-weight:600}.rec-f span i{border-radius:50%;width:9px;height:9px}.rec-f i.rk-up{background:var(--rk-up)}.rec-f i.rk-down{background:var(--rk-down)}.rec-f i.rk-hear{background:var(--rk-hear-bar)}.rec-f i.rk-info{background:var(--rk-info-bar)}.rec-f input:checked+span{background:var(--navy,#0d1a36);border-color:var(--navy,#0d1a36);color:#fff}.rec-f input:checked+span b{color:#c9d3e8}.rec-f input:focus-visible+span{box-shadow:0 0 0 3px #2f5fb34d}.rec-said:has(input[value=up]:checked) .rec-say:not([data-k=up]),.rec-said:has(input[value=down]:checked) .rec-say:not([data-k=down]),.rec-said:has(input[value=hear]:checked) .rec-say:not([data-k=hear]),.rec-said:has(input[value=info]:checked) .rec-say:not([data-k=info]),.rec-said:has(input[value=up]:checked) :is(.rec-node,.rec-cb):not(:has([data-k=up])),.rec-said:has(input[value=down]:checked) :is(.rec-node,.rec-cb):not(:has([data-k=down])),.rec-said:has(input[value=hear]:checked) :is(.rec-node,.rec-cb):not(:has([data-k=hear])),.rec-said:has(input[value=info]:checked) :is(.rec-node,.rec-cb):not(:has([data-k=info])){display:none}@supports selector(::details-content){.rec-said:has(.rec-f input:not([value=all]):checked) .rec-more::details-content{content-visibility:visible;height:auto}.rec-said:has(.rec-f input:not([value=all]):checked) .rec-more>summary{display:none}}.rec-river{flex-direction:column;gap:6px;padding-inline-start:84px;display:flex;position:relative}.rec-river:before{content:"";inset-inline-start:50px;background:linear-gradient(var(--rec-accent), #b9c6e2);border-radius:1px;width:2px;position:absolute;top:8px;bottom:8px}.rec-cb>ol{flex-direction:column;gap:12px;display:flex}.rec-cent{color:var(--rec-accent);margin:10px 0;font-size:14px;font-weight:700;position:relative}.rec-cent[data-c]:before{content:attr(data-c);text-align:center;background:var(--rec-soft);border-radius:6px;width:54px;padding:2px 0;font-size:12.5px;position:absolute;inset-inline-start:-84px}.rec-node{background:var(--rec-card);border:1px solid var(--rec-line);border-radius:12px;flex-direction:column;gap:10px;padding:14px 18px;display:flex;position:relative}.rec-river .rec-node:before{content:"";inset-inline-start:-40px;background:var(--rec-card);border:3px solid var(--rec-accent);border-radius:50%;width:12px;height:12px;position:absolute;top:22px}.rec-yr{inset-inline-start:-84px;text-align:center;width:30px;color:var(--rec-ink-3);font-variant-numeric:tabular-nums;font-size:12.5px;position:absolute;top:19px}.rec-list{flex-direction:column;gap:12px;display:flex}.rec-who{align-items:center;gap:12px;display:flex}.rec-av{background:var(--rec-soft);width:38px;height:38px;color:var(--lapis-2,#234c96);font:700 17px/1 var(--ui-ar,"IBM Plex Sans Arabic", sans-serif);border-radius:50%;flex:none;place-items:center;display:grid}.rec-wn{flex-direction:column;gap:1px;min-width:0;display:flex}.rec-wn b{color:var(--rec-ink);font-size:16px;font-weight:600;line-height:1.5}.rec-wn span{color:var(--rec-ink-2);font-variant-numeric:tabular-nums;font-size:13.5px}.rec-era{border-radius:999px;flex:none;margin-inline-start:auto;padding:2px 10px;font-size:12.5px;font-weight:600}.rec-era.early{background:var(--navy,#0d1a36);color:#fff}.rec-era.later{background:var(--rec-soft);color:var(--lapis-2,#234c96)}.rec-era.modern{background:var(--rk-info-soft);color:var(--rk-info)}.rec-placed{color:var(--rec-ink);margin:0;font-size:15.5px}.rec-say{flex-direction:column;gap:8px;display:flex}.rec-say+.rec-say{border-top:1px dashed var(--rec-hair);padding-top:10px}.rec-q{font-family:var(--text,"Noto Naskh Arabic", serif);color:var(--rec-ink);margin:0;font-size:18px;line-height:2}.rec-tag{font:600 12.5px/1.9 var(--ui-ar,"IBM Plex Sans Arabic", sans-serif);vertical-align:2px;border-radius:6px;margin-inline-end:8px;padding:0 9px;display:inline-block}.rec-tag.rk-up,:root mark.rk-up,#app mark.rk-up{background:var(--rk-up-soft);color:var(--rk-up)}.rec-tag.rk-down,:root mark.rk-down,#app mark.rk-down{background:var(--rk-down-soft);color:var(--rk-down)}.rec-tag.rk-hear,:root mark.rk-hear,#app mark.rk-hear{background:var(--rk-hear-soft);color:var(--rk-hear)}.rec-tag.rk-info{background:var(--rk-info-soft);color:var(--rk-info)}mark[class^=rk-]{border-radius:4px;padding:0 3px;font-weight:700}.rec-pills{flex-wrap:wrap;gap:6px;margin:0;display:flex}.rec-pills .pgw{gap:4px;min-width:0;max-width:100%;display:inline-flex}.rec-pills .cite{border:1px solid var(--rec-line);background:var(--rec-card);color:var(--rec-ink-2);white-space:normal;overflow-wrap:anywhere;border-radius:999px;align-items:center;gap:6px;min-width:0;max-width:100%;padding:4px 12px;font-size:13.5px;display:inline-flex}.rec-pills .cite:before{content:"";background:var(--rec-card);border:1.5px solid #8a93a5;border-radius:50%;flex:none;width:7px;height:7px}.rec-pills .cite.pg-a:before{background:var(--rec-accent);border-color:var(--rec-accent)}.rec-pills .cite.plain:before{display:none}.rec-pills .cite:hover{border-color:var(--rec-accent);color:var(--rec-accent)}.rec-more>summary{cursor:pointer;color:var(--rec-accent);align-items:center;gap:4px;font-size:14px;font-weight:500;list-style:none;display:inline-flex}.rec-more>summary::-webkit-details-marker{display:none}.rec-more>summary .ic{width:13px;height:13px;transition:transform .2s}.rec-more[open]>summary .ic{transform:rotate(180deg)}.rec-more[open]>summary{margin-bottom:10px}.rec-more>.rec-say{border-top:1px dashed var(--rec-hair);padding-top:10px}.rec-legend{color:var(--rec-ink);flex-wrap:wrap;align-items:center;gap:8px 16px;margin:4px 0 12px;font-size:14px;display:flex}.rec-legend .t{font-weight:700}.rec-legend i{vertical-align:middle;border-radius:2px;width:9px;height:18px;margin-inline-end:6px;display:inline-block}.rec-bk{align-items:center;gap:10px;display:inline-flex}.rec-spine{border-radius:2px;flex:none;width:7px;height:26px}.fam-six{background:var(--fam-six)}.fam-sunan{background:var(--fam-sunan)}.fam-musnad{background:var(--fam-musnad)}.fam-juz{background:var(--fam-juz)}.fam-bab{background:var(--fam-bab)}.rec-die b{color:var(--rec-ink);font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:600;display:block}.rec-die small{color:var(--rec-ink-3);white-space:nowrap;font-size:12.5px}.rec-bar{align-items:center;gap:8px;min-width:150px;display:flex}.rec-bar s{background:var(--rec-accent);opacity:.85;border-radius:4px;max-width:110px;height:8px;text-decoration:none;display:block}.rec-bar b{color:var(--rec-ink-2);font-weight:500}table.rec-sort tbody tr{transition:background .15s}table.rec-sort tbody tr:hover td{background:var(--rec-soft)}th.rec-th{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}th.rec-th:after{content:" ↕";color:var(--rec-ink-3);font-weight:400}th.rec-th[aria-sort=descending]:after{content:" ↓";color:var(--rec-accent)}th.rec-th[aria-sort=ascending]:after{content:" ↑";color:var(--rec-accent)}th.rec-th:hover{color:var(--rec-accent)}@container (width<=860px){.rec{grid-template-columns:minmax(0,1fr);gap:16px}.rec-side{position:static}}@container (width<=600px){.rec-kbar{flex-wrap:wrap;gap:8px}.rec-strip{flex-basis:100%}.rec-river{padding-inline-start:26px}.rec-river:before{inset-inline-start:6px}.rec-river .rec-node:before{inset-inline-start:-26px}.rec-yr,.rec-cent[data-c]:before{display:none}.rec-q{font-size:17px}.rec-node{padding:12px 14px}}.rec-mzv{align-items:center;gap:12px;display:flex}.rec-big{font:700 26px/1 var(--ui-ar,"IBM Plex Sans Arabic", sans-serif);font-variant-numeric:tabular-nums}.rec-mzv .rec-big{background:0 0}.rec-big.b1{color:var(--rec-accent)}.rec-big.b2{color:#3e6fc4}.rec-big.b3{color:var(--rk-hear)}.rec-big.b4,.rec-big.b5{color:var(--rk-down)}.rec-mzl{color:var(--rec-ink-2);flex-direction:column;gap:2px;font-size:13px;display:flex}.rec-meet{background:var(--rec-card);border:1px solid var(--rec-line);border-radius:14px;margin:0 0 18px;padding:16px 18px}.rec-meet figcaption{color:var(--rec-ink-2);margin-bottom:10px;font-size:13.5px;font-weight:700}.rec-meet ol{flex-direction:column;display:flex;position:relative}.rec-meet ol:before{content:"";inset-inline-start:7px;background:linear-gradient(var(--rec-accent), #b9c6e2);width:2px;position:absolute;top:12px;bottom:12px}.rec-meet li{border-top:1px dashed var(--rec-hair);grid-template-columns:minmax(0,13em) minmax(0,1fr) minmax(0,1.4fr);align-items:center;gap:12px;padding:7px 0;padding-inline-start:24px;display:grid;position:relative}.rec-meet li:first-child{border-top:0}.rec-meet li:before{content:"";inset-inline-start:2px;background:var(--rec-card);border:2.5px solid #b9c6e2;border-radius:50%;width:12px;height:12px;margin-top:-6px;position:absolute;top:50%}.rec-meet li.on:before{border-color:var(--rec-accent);background:var(--rec-accent)}.mm-man{color:var(--rec-ink);font-size:14.5px;font-weight:600}.mm-man small{color:var(--rec-ink-3);font-size:12px;font-weight:500}.mm-bar{align-items:center;gap:8px;min-width:0;display:flex}.mm-bar i{border-radius:5px;height:10px;display:block}.mm-bar i.tamma,.rec-meet .mm-t{background:var(--rk-up)}.mm-bar i.qasira,.rec-meet .mm-q{background:var(--rk-hear-bar)}.mm-bar b{color:var(--rec-ink-2);font-variant-numeric:tabular-nums;font-size:13px;font-weight:600}.mm-books{flex-wrap:wrap;gap:4px;min-width:0;display:flex}.mm-books .chip{font-size:12px}.rec-meet .rec-legend{margin:10px 0 0;font-size:13px}.rec-meet .rec-legend i{vertical-align:middle;border-radius:4px;width:18px;height:8px}@media (width<=700px){.rec-meet li{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.mm-books{grid-column:1/-1}}.rec-tip{position:relative}.rec-tip:hover:after,.rec-tip:focus-visible:after{content:attr(data-tip);z-index:20;inset-inline-start:50%;white-space:nowrap;background:var(--navy,#0d1a36);color:#fff;font:500 12.5px/1.5 var(--ui-ar,"IBM Plex Sans Arabic", sans-serif);pointer-events:none;border-radius:8px;padding:6px 10px;position:absolute;bottom:calc(100% + 6px);transform:translate(50%);box-shadow:0 8px 20px #0d1a3640}[dir=ltr] .rec-tip:hover:after,[dir=ltr] .rec-tip:focus-visible:after{transform:translate(-50%)}.h-hb li.rec-tip:hover:after,.h-toplist li.rec-tip:hover:after{inset-inline-start:0;transform:none}.rec-homes{border:1px solid var(--rec-line);background:var(--rec-card);color:var(--rec-ink-2);border-radius:12px;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-bottom:16px;padding:10px 14px;font-size:13.5px;display:flex}.rec-homes .s4pick{margin:0}.rec-homes .link{margin-inline-start:auto}