.qr-list-body{gap:1.1rem;display:grid}.qr-continue{border-radius:var(--r-lg);border:1px solid color-mix(in srgb, var(--gold) 45%, var(--line));background:radial-gradient(28rem 10rem at 0% 0%, color-mix(in srgb, var(--emerald) 18%, transparent), transparent 70%), var(--surface);color:var(--ink);box-shadow:var(--shadow);grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;padding:.9rem 1.1rem;text-decoration:none;display:grid}.qr-continue:hover{border-color:var(--gold)}.qr-continue-ar{font-family:var(--font-quran);color:var(--gold);font-size:2rem;line-height:1.2}.qr-continue-main{gap:.1rem;min-width:0;display:grid}.qr-continue-main span{color:var(--muted);overflow-wrap:anywhere;font-size:.88rem}.qr-continue-go svg{width:1.3rem;height:1.3rem;color:var(--gold)}.qr-searchbar{gap:.65rem;display:grid}.qr-search{border:1px solid var(--line);background:var(--night-2);border-radius:999px;align-items:center;gap:.5rem;min-height:2.9rem;padding:0 .9rem;display:flex}.qr-search:focus-within{border-color:var(--gold)}.qr-search-icon svg{width:1.15rem;height:1.15rem;color:var(--faint)}.qr-search-input{width:0;min-width:0;color:var(--ink);font:inherit;background:0 0;border:0;flex:1;padding:.55rem 0}.qr-search-input:focus{outline:none}.qr-chips{flex-wrap:wrap;gap:.4rem;display:flex}.qr-chip{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:0 0;border-radius:999px;padding:.35rem .85rem;font-size:.85rem;font-weight:500}.qr-chip:hover{color:var(--ink);border-color:var(--faint)}.qr-chip[aria-pressed=true]{background:var(--gold);border-color:var(--gold);color:var(--gold-ink)}.qr-surahs{grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.qr-surah{border-radius:var(--r-md);background:color-mix(in srgb, var(--surface) 70%, transparent);color:var(--ink);transition:border-color .2s var(--ease), background-color .2s var(--ease);border:1px solid #0000;grid-template-columns:2.6rem minmax(0,1fr) auto auto;align-items:center;gap:.75rem;padding:.7rem .9rem;text-decoration:none;display:grid}.qr-surah:hover{border-color:var(--line);background:var(--surface)}.qr-num{width:2.3rem;height:2.3rem;color:var(--muted);font-variant-numeric:tabular-nums;place-items:center;font-size:.8rem;font-weight:600;display:grid;position:relative}.qr-num:before,.qr-num:after{content:"";border:1px solid color-mix(in srgb, var(--gold) 55%, transparent);border-radius:3px;position:absolute;inset:.35rem}.qr-num:after{transform:rotate(45deg)}.qr-surah:hover .qr-num{color:var(--gold)}.qr-surah-names{min-width:0;display:grid}.qr-surah-en{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.qr-surah-meta{color:var(--faint);flex-wrap:wrap;gap:0 .6rem;font-size:.78rem;display:flex}.qr-surah-ar{font-family:var(--font-quran);color:var(--gold);font-size:1.45rem;line-height:1.3}html[lang=ar] .qr-surah-en{font-family:var(--font-quran);font-size:1.25rem;font-weight:400}html[lang=ar] .qr-surah-ar{display:none}.qr-surah:not(:has(.qr-badge)){grid-template-columns:2.6rem minmax(0,1fr) auto}.qr-badge{border:1px solid var(--line);color:var(--muted);font-variant-numeric:tabular-nums;border-radius:999px;padding:.15rem .5rem;font-size:.75rem;font-weight:600}.qr-badge.qr-strong{border-color:color-mix(in srgb, var(--emerald) 60%, transparent);color:var(--said)}@media (max-width:560px){.qr-surah{gap:.6rem;padding:.6rem .7rem}}@media (min-width:900px){.qr-list{grid-template-columns:minmax(0,1fr) minmax(0,26rem);align-items:end}.qr-list>*,.qr-list-body>*{grid-column:1/-1}.qr-list-body{display:contents}.qr-list>.qr-head{grid-row:1}.qr-list:has(.qr-continue)>.qr-head{grid-column:1}.qr-list-body>.qr-continue{grid-area:1/2}.qr-continue{border-radius:var(--r-lg);border-color:color-mix(in srgb, var(--gold) 38%, var(--line));background:radial-gradient(120% 140% at 0% 0%, color-mix(in srgb, var(--emerald) 16%, transparent), transparent 62%), var(--surface-accent);box-shadow:var(--elev-2);transition:border-color .2s var(--ease);gap:1.1rem;padding-block:1rem;padding-inline:1.4rem 1.25rem}[dir=rtl] .qr-continue{background:radial-gradient(120% 140% at 100% 0%, color-mix(in srgb, var(--emerald) 16%, transparent), transparent 62%), var(--surface-accent)}.qr-continue-ar{font-size:2.5rem;line-height:1.35}.qr-continue-main strong{font-size:var(--fs-small);color:var(--gold);font-weight:600}.qr-continue-main span{font-size:var(--fs-small);color:var(--ink);line-height:1.4}.qr-continue-go{border:1px solid color-mix(in srgb, var(--gold) 40%, var(--line));border-radius:50%;place-items:center;width:2.4rem;height:2.4rem;display:grid}.qr-continue-go svg{width:1.1rem;height:1.1rem}.qr-continue:hover .qr-continue-go{background:var(--gold)}.qr-continue:hover .qr-continue-go svg{color:var(--gold-ink)}.qr-searchbar{padding-bottom:var(--space-5);margin-bottom:calc(var(--space-2) - var(--page-gap));border-bottom:1px solid var(--line-soft);flex-wrap:wrap;align-items:center;gap:.75rem 1.25rem;display:flex}.qr-search{background:var(--surface-sunken);flex:0 26rem;min-height:2.75rem}.qr-search:focus-within{box-shadow:0 0 0 3px color-mix(in srgb, var(--gold) 20%, transparent)}.qr-chips{gap:.5rem}.qr-chip{min-height:2.25rem;font-size:var(--fs-small);transition:background-color .2s var(--ease), color .2s var(--ease), border-color .2s var(--ease);padding:.3rem .95rem}.qr-chip:hover{background:var(--surface-hover)}.qr-chip[aria-pressed=true]:hover{background:var(--gold-hi)}.qr-surahs{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.qr-surah{border:1px solid var(--line-soft);background:var(--surface-raised);gap:.85rem;min-height:5rem;padding-block:.75rem;padding-inline:.85rem 1.1rem}.qr-surah:hover{border-color:color-mix(in srgb, var(--gold) 42%, var(--line));background:var(--surface-raised)}.qr-surah:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.qr-num{width:2.6rem;height:2.6rem;font-size:.82rem}.qr-surah-names{gap:.1rem}.qr-surah-meta{font-size:var(--fs-caption);flex-wrap:wrap;gap:0 .55rem;line-height:1.45}.qr-surah-meta>.qr-surah-meaning{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--muted);flex:1 0 100%;overflow:hidden}.qr-surah-ar{font-size:1.6rem;line-height:1.2}html[lang=ar] .qr-surah-en{font-family:var(--font-ar);font-size:1.3rem;font-weight:700;line-height:1.6}.qr-badge{font-size:.72rem}}@container view (min-width:1000px){@media (min-width:900px){.qr-surahs{grid-template-columns:repeat(3,minmax(0,1fr))}}}