.reader{display:flex;align-items:flex-start;min-height:100dvh}.reader__main{display:flex;flex:1 1 auto;flex-direction:column;gap:.75rem;width:100%;min-width:0;max-width:64rem;margin-inline:auto;padding:1.25rem 1rem}.reader__panel{position:fixed;z-index:40;inset-block:0;inset-inline-end:0;width:min(26rem,100vw);overflow-y:auto;overscroll-behavior:contain;border-inline-start:1px solid var(--border-subtle);background-color:var(--surface);box-shadow:-8px 0 24px rgb(0 0 0/.12)}.reader__scrim{position:fixed;z-index:30;inset:0;background-color:rgb(0 0 0/.28)}@media (min-width:1180px){.reader__panel{position:sticky;inset-block-start:0;flex:0 0 26rem;width:26rem;max-height:100dvh;box-shadow:none}.reader__scrim{display:none}}.lookup-tooltip{position:fixed;z-index:60;max-width:22rem;padding:.35rem .6rem;border-radius:var(--radius-control);background-color:var(--fg);color:var(--surface);font-size:.875rem;line-height:1.35;white-space:nowrap;pointer-events:none;transform:translate(-50%,calc(-100% - .5rem))}.lookup-tooltip[data-source=teaching]{background-color:var(--accent);color:var(--accent-fg)}.lookup-tooltip[data-multiline]{white-space:pre-wrap}.lookup-arabic{font-family:var(--font-arabic-stack);line-height:1.9}.mushaf-page .ayah-marker{cursor:pointer;border-radius:50%;transition:background-color .12s ease-out,box-shadow .12s ease-out}.mushaf-page .ayah-marker:focus-visible,.mushaf-page .ayah-marker:hover{background-color:color-mix(in srgb,var(--accent) 12%,transparent);box-shadow:0 0 0 .06em color-mix(in srgb,var(--accent) 12%,transparent)}.mushaf-page [data-selected=true]{background-color:color-mix(in srgb,var(--accent) 22%,transparent);box-shadow:0 0 0 .1em color-mix(in srgb,var(--accent) 22%,transparent)}