.scripture{max-width:1120px;color:var(--color-ink);margin-inline:auto;padding:32px 20px 80px}.scripture [hidden]{display:none!important}.scripture h1{font-family:var(--font-display);margin-block:20px;font-size:clamp(2rem,5vw,3.5rem);line-height:1.15}.scripture h2{font-size:1.3rem;font-weight:750}.scripture p{line-height:1.8}.scripture .lead{max-width:65ch;color:var(--color-muted);margin-block:12px 24px}.scripture .eyebrow{color:var(--color-accent-ink);font-weight:700}.scripture .tools,.scripture .links{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.scripture .links{margin-block:12px 24px}.scripture .links a,.scripture a.ordinal{align-items:center;min-height:44px;display:inline-flex}.scripture a{color:var(--color-accent-ink);text-underline-offset:4px}.scripture a:hover{text-decoration:underline}.scripture button,.scripture .button,.scripture input,.scripture select{font:inherit;color:var(--color-ink);background:var(--color-surface);border:1px solid var(--color-line);border-radius:12px;max-width:100%;min-height:44px;padding:10px 14px}.scripture button,.scripture .button{justify-content:center;align-items:center;gap:8px;transition:background-color .18s;display:inline-flex}.scripture button:hover,.scripture .button:hover{background:var(--color-surface-2)}.scripture button:disabled{opacity:.6}.scripture label{gap:8px;min-width:0;font-weight:650;display:grid}.scripture input[type=search]{width:100%}.scripture input[type=number]{width:7rem}.scripture input[type=range]{width:180px;accent-color:var(--color-accent-ink)}.scripture :is(a,button,input,select,textarea,summary):focus-visible{outline:3px solid var(--color-accent-ink);outline-offset:4px}.scripture .catalog{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-block:24px;padding:0;list-style:none;display:grid}.scripture .catalog a{border:1px solid var(--color-line);background:var(--color-surface);color:var(--color-ink);border-radius:18px;grid-template-columns:36px minmax(0,1fr);gap:12px;height:100%;padding:20px;display:grid}.scripture .catalog a:hover{border-color:var(--color-accent-ink);background:var(--color-surface-2);text-decoration:none}.scripture .catalog strong,.scripture .catalog small{display:block}.scripture .catalog small{color:var(--color-muted);margin-top:6px;font-size:.85rem}.scripture .catalog .arabic-name{font-family:Amiri Quran,Amiri,serif;font-size:1.65rem;line-height:2.2}.scripture .ordinal{color:var(--color-accent-ink);font-variant-numeric:tabular-nums}.scripture .reader{max-width:820px;margin-inline:auto}.scripture .reading-tools{background:var(--color-surface);border:1px solid var(--color-line);border-radius:18px;align-items:end;margin-block:24px;padding:20px}.scripture .verse{border-bottom:1px solid var(--color-line);min-width:0;padding-block:28px;scroll-margin-top:120px}.scripture .verse:target{border-inline-start:3px solid var(--color-accent-ink);padding-inline-start:16px}.scripture .verse[tabindex]:focus{outline:2px solid var(--color-accent-ink);outline-offset:6px}.scripture .arabic-text{font-family:Amiri Quran,Amiri,Noto Sans Arabic,serif;font-size:var(--quran-font-size,32px);text-align:start;overflow-wrap:break-word;margin-block:16px 24px;line-height:2.5}.scripture .translation{white-space:pre-line;text-align:start;overflow-wrap:anywhere;line-height:1.9}.scripture .verse .tools{margin-top:18px}.scripture [aria-pressed=true]{border-color:var(--color-accent-ink);background:var(--color-surface-2)}.scripture .source-note{border-top:1px solid var(--color-line);overflow-wrap:anywhere;margin-top:40px;padding-top:24px;font-size:.875rem}.scripture .source-note a{text-decoration:underline}.scripture details{margin-block:12px}.scripture summary{cursor:pointer;min-height:44px;padding-block:10px}.scripture .source-note pre{white-space:pre-wrap;font:inherit;line-height:1.7}.scripture .status{min-height:1.8em;margin-block:12px}.scripture textarea{background:var(--color-surface);width:100%;min-height:180px;color:var(--color-ink);border:1px solid var(--color-line);padding:16px}.scripture .pagination{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-block:28px;display:flex}.scripture .language-links{gap:16px;font-size:.85rem}@media (width<=850px){.scripture .catalog{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=540px){.scripture{padding-inline:16px}.scripture .catalog{grid-template-columns:minmax(0,1fr)}.scripture .reading-tools{padding:16px}.scripture .arabic-text{line-height:2.3}}@media (prefers-reduced-motion:reduce){.scripture button,.scripture .button{transition:none}}:root[data-motion=reduce] .scripture button,:root[data-motion=reduce] .scripture .button{transition:none}.scripture .book-toggle[aria-pressed=true]{border-color:var(--color-accent-ink);background:var(--color-surface-2)}.scripture .book-nav{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px 16px;margin-block:16px 28px;display:grid}.scripture .book-nav[hidden]{display:none!important}.scripture .book-nav button{width:48px;padding:0;font-size:1.6rem;line-height:1}.scripture input.book-scrub{width:100%;min-height:44px;accent-color:var(--color-accent-ink);background:0 0;border:0;padding:0}.scripture .book-label{text-align:center;font-variant-numeric:tabular-nums;grid-column:1/-1;margin:0;font-weight:650}.scripture .book-hint{text-align:center;color:var(--color-muted);grid-column:1/-1;margin:0;font-size:.85rem}.scripture .book-on .book-sheet{background:var(--color-surface);border:1px solid var(--color-line);box-shadow:0 1px 0 var(--color-line),0 18px 40px -28px #0b1d3573;direction:ltr;border-radius:20px;padding:clamp(20px,3.5vw,40px)}.scripture .book-on .book-stage{--book-gap:clamp(40px,6vw,72px);column-count:1;column-gap:var(--book-gap);column-fill:auto;touch-action:pan-y;scroll-behavior:auto;height:min(74dvh,820px);min-height:440px;overflow:hidden}.scripture .book-on .book-stage:focus-visible{outline:3px solid var(--color-accent-ink);outline-offset:6px;border-radius:8px}@media (width>=1000px){.scripture .book-on .book-stage{column-count:2;column-rule:1px solid var(--color-line)}.scripture:has(.book-on) .reader{max-width:1040px}}.scripture .book-on .verse{break-inside:avoid-column;border-bottom:1px solid var(--color-line);padding-block:20px}.scripture .book-on .arabic-text{margin-block:8px 14px;line-height:2.2}.scripture .book-on .translation{line-height:1.75}.scripture .book-on .reading-tools~.status{margin-block:4px}.scripture .book-on .pagination{margin-top:8px}@media (width<=539px){.scripture .book-on .book-sheet{border-radius:16px;padding:16px}.scripture .book-on .book-stage{height:68dvh;min-height:420px}}@media print{.scripture .book-nav,.scripture .book-toggle{display:none!important}.scripture .book-on .book-stage{column-count:1;height:auto;overflow:visible}}.scripture .book-on .book-sheet{scroll-margin-top:84px}.scripture .book-on .book-stage{height:clamp(400px,100dvh - 340px,780px);min-height:0}.scripture .book-on .verse .tools{gap:8px;margin-top:8px}.scripture .book-on .verse .tools button{border-radius:10px;min-height:36px;padding:4px 12px;font-size:.8rem}.scripture .book-on .verse{padding-block:14px}.scripture .book-on .arabic-text{margin-block:6px 10px}@media (width<=539px){.scripture .book-on .book-stage{height:clamp(380px,100dvh - 300px,640px)}}