.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}