.qsuras{display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:8px;margin:12px 0}.qsura{display:flex;align-items:center;gap:9px;background:var(--card);border:1px solid var(--border);border-radius:9px;padding:8px 11px;color:inherit}.qsura:hover{border-color:var(--gold);color:inherit}.qsura .qn{flex:none;width:28px;height:28px;display:grid;place-items:center;background:var(--sand);border-radius:50%;font:12px var(--ui);color:var(--pdark);font-variant-numeric:tabular-nums}.qsura .qname{font:400 16px/1.4 var(--book)}.qsura small{display:block;color:var(--muted);font-size:11.5px}.qjuz{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}.qjuz a{display:grid;place-items:center;width:38px;height:34px;background:var(--card);border:1px solid var(--border);border-radius:8px;font-variant-numeric:tabular-nums}.qjuz a:hover{border-color:var(--gold)}.qbar{display:flex;gap:16px;align-items:center;flex-wrap:wrap;justify-content:space-between}.qnav{display:flex;gap:12px;align-items:center;font-size:14px}.qnav select{font:13px var(--ui);padding:6px 9px;border:1px solid var(--border);border-radius:8px;background:var(--card);color:var(--text);max-width:210px}.qgrid{display:grid;grid-template-columns:1fr;gap:16px;margin:14px 0}@media (min-width:1025px){.qgrid{grid-template-columns:minmax(0,1fr) minmax(300px,340px)}}.qpage{background:var(--sheet);border:1px solid var(--border);border-radius:12px;padding:26px 30px;box-shadow:var(--frame);font:400 var(--fs-read)/2.6 var(--book);text-align:justify}.qhead{font:400 20px/1.7 var(--book);text-align:center;color:var(--r-title);margin:16px 0 10px;border-block:1px solid var(--border);padding:7px 0}.qaya{display:inline;color:inherit;border-radius:4px;transition:background .12s}.qaya:hover{background:var(--sand);color:inherit}.qmark{display:inline-grid;place-items:center;width:26px;height:26px;margin:0 4px;font:12px var(--ui);color:var(--primary);border:1px solid var(--gold);border-radius:50%;vertical-align:middle;font-variant-numeric:tabular-nums}.qsajda{color:var(--gold);margin-inline-start:2px}.qpanel{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:14px 16px;align-self:start;position:sticky;top:12px;max-height:calc(100vh - 24px);overflow-y:auto}.qpanel-head{display:flex;justify-content:space-between;align-items:baseline;gap:10px;border-bottom:1px solid var(--border);padding-bottom:8px;margin-bottom:10px}.qclose{font-size:20px;line-height:1;color:var(--muted);padding:0 4px}.qclose:hover{color:var(--r-search)}.qpanel-aya{font:400 19px/2.2 var(--book);background:var(--sheet);border-radius:8px;padding:10px 13px;margin:0 0 8px;text-align:center}.qtabs{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.qtabs input{position:absolute;opacity:0;pointer-events:none}.qtabs label{font:12.5px var(--ui);padding:5px 11px;border:1px solid var(--border);border-radius:99px;cursor:pointer;color:var(--muted);background:var(--cream)}.qtabs label:hover{border-color:var(--gold)}.qtabs input:checked + label{background:var(--sand);border-color:var(--gold);color:var(--pdark);font-weight:600}.qtab-body{display:none;width:100%;margin-top:12px}.qtabs input:nth-of-type(1):checked ~ .qtab-body[data-i="0"],.qtabs input:nth-of-type(2):checked ~ .qtab-body[data-i="1"],.qtabs input:nth-of-type(3):checked ~ .qtab-body[data-i="2"],.qtabs input:nth-of-type(4):checked ~ .qtab-body[data-i="3"]{display:block}.qtaf-text{font:400 16px/2.05 var(--book);background:var(--sheet);border:1px solid var(--border);border-radius:8px;padding:14px 16px;max-height:52vh;overflow-y:auto}.qbig{background:var(--sheet);border:1px solid var(--border);border-inline-start:4px solid var(--gold);border-radius:10px;padding:22px 26px;margin:14px 0;font:400 26px/2.4 var(--book);text-align:center}.qrasm{margin:8px 0 14px}.qrasm summary{display:flex;align-items:center;min-height:36px}.qrasm p{font:400 19px/2.1 var(--book);margin:8px 0 0}.qhits{list-style:none;padding:0;display:flex;flex-direction:column;gap:14px;margin:14px 0}.qhits li{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:13px 16px}.qtext{font:400 20px/2.2 var(--book);margin:0 0 6px}.qviews{display:flex;gap:6px;margin:12px 0 4px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;padding-bottom:3px}.qviews a{flex:none;display:grid;place-items:center;min-height:36px;padding:0 13px;font:13px var(--ui);border:1px solid var(--border);border-radius:99px;background:var(--card);color:var(--muted);white-space:nowrap}.qviews a:hover{border-color:var(--gold);color:var(--text)}.qviews a.on{background:var(--sand);border-color:var(--gold);color:var(--pdark);font-weight:600}.qnav .qpn{display:inline-grid;place-items:center;min-height:36px;padding:0 10px;border-radius:8px}.qnav .qpn:hover{background:var(--sand)}.qpart{color:var(--muted);font:13px var(--ui);margin:6px 0 0}.qpage.blocks{background:none;border:0;box-shadow:none;padding:0;line-height:inherit;display:flex;flex-direction:column;gap:10px}.qpage.blocks .qaya{display:flex;gap:12px;align-items:flex-start;background:var(--sheet);border:1px solid var(--border);border-radius:10px;padding:13px 15px;font:400 var(--fs-read)/2.35 var(--book);text-align:justify}.qpage.blocks .qaya:hover{background:var(--sand);border-color:var(--gold)}.qpage.blocks .qaya.on{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold) inset}.qpage.blocks .qmark{order:-1;flex:none;margin:4px 0 0}.qpage.blocks .qt{flex:1 1 auto;min-width:0}.qpage.blocks .qhead{margin:4px 0}.qparts,.qstep{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:14px 0}.qend{display:flex;justify-content:center;margin:18px 0 6px}.qpage.mushaf{max-width:46rem;margin-inline:auto;border:2px solid var(--gold);padding:16px 22px 8px}.mhead,.mfoot{display:flex;font:12.5px var(--ui);color:var(--muted);font-variant-numeric:tabular-nums;line-height:1.6}.mhead{justify-content:space-between;gap:10px;border-bottom:1px solid var(--border);padding-bottom:8px;margin-bottom:14px}.mfoot{justify-content:center;border-top:1px solid var(--border);margin-top:14px;padding-top:8px}.qpage.mushaf .qhead{margin-top:8px}.qtabs label.none{opacity:.62;border-style:dashed}.qx{margin-inline-start:4px}.qbig .qmark{margin-inline-start:8px}.qpstep{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:8px 0 2px}.qpstep .btn{min-height:36px;padding:0 12px;display:inline-grid;place-items:center;font-size:13px}@media (max-width:1024px){.qpanel{display:none}html.qlock,html.qlock body{overflow:hidden}.qgrid.open .qpanel{display:block;position:fixed;inset:0;align-self:stretch;height:100%;z-index:60;padding:0;border:0;border-radius:0;max-height:none;overflow:hidden;background:rgba(0,0,0,.45);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.qgrid.open .qpanel-in{position:absolute;inset-block-end:0;inset-inline:0;margin-inline:auto;max-width:640px;max-height:86vh;overflow-y:auto;overscroll-behavior:contain;background:var(--card);border:1px solid var(--border);border-block-end:0;border-radius:16px 16px 0 0;padding:14px 16px calc(14px + env(safe-area-inset-bottom));box-shadow:0 -10px 40px rgba(0,0,0,.28)}.qgrid.open .qpanel-head{position:sticky;top:0;background:var(--card);z-index:1;margin:-14px -16px 10px;padding:12px 16px 8px}.qclose{display:grid;place-items:center;min-width:36px;min-height:36px}.qtaf-text{max-height:none}}@media (max-width:900px){.qpage{padding:18px 16px;font-size:19px;line-height:2.4}.qpage.blocks{padding:0}.qpage.blocks .qaya{font-size:19px;line-height:2.3;padding:11px 13px}.qbig{font-size:21px;padding:16px}.qviews a{font-size:12.5px;padding:0 11px}}@media (max-width:560px){.qpage.mushaf{padding:12px 14px 6px}.qbar .title{font-size:19px}.qnav{width:100%;justify-content:space-between}.qnav select{flex:1 1 auto;max-width:none}.qparts,.qstep{justify-content:center}.qstep .btn,.qparts .btn{flex:1 1 44%}}