.quran-page{--quran-panel-bg:var(--surface-card-bg,var(--seo-panel-bg,rgba(255,251,246,0.94)));--quran-panel-border:var(--surface-card-border,var(--seo-panel-border,rgba(31,58,95,0.1)));--quran-panel-shadow:var(--surface-card-shadow,0 18px 45px rgba(31,58,95,0.08));--quran-control-bg:var(--compact-control-bg,rgba(255,255,255,0.58));--quran-control-border:var(--compact-control-border,var(--quran-panel-border));--quran-control-text:var(--compact-control-text,var(--gray-900));--quran-active-bg:color-mix(in srgb,var(--accent-color) 14%,transparent);--quran-hover-bg:color-mix(in srgb,var(--accent-color) 8%,transparent);--quran-focus-ring:color-mix(in srgb,var(--accent-color) 25%,transparent);width:min(1320px,calc(100% - 2rem));margin:0 auto;padding:1.5rem 0 2.5rem}.quran-reader-layout{display:grid;grid-template-columns:minmax(250px,330px) minmax(0,1fr);gap:1.25rem;align-items:start}.quran-panel{background:var(--quran-panel-bg);border:1px solid var(--quran-panel-border);border-radius:12px;box-shadow:var(--quran-panel-shadow);backdrop-filter:var(--surface-card-backdrop,none)}.quran-selector{position:sticky;top:1rem;display:flex;flex-direction:column;gap:1rem;max-height:calc(100vh - 2rem);padding:1.15rem;overflow:hidden}.quran-selector-header,.quran-reader-main,.quran-hero,.quran-info-panel{display:grid;gap:1rem;min-width:0}.quran-reader-main{position:relative}.quran-selector-toolbar,.quran-hero-heading,.quran-hero-controls,.quran-adjacent-nav{display:flex;align-items:center;justify-content:space-between;gap:0.8rem}.quran-selector-toolbar{align-items:flex-start}.quran-selector-toolbar h2,.quran-info-panel h2,.quran-hero h1{margin:0;color:var(--gray-900)}.quran-selector-toolbar h2,.quran-info-panel h2{font-size:1.15rem}.quran-kicker,.quran-search-label{margin:0 0 0.25rem;color:var(--seo-soft-muted,var(--gray-600));font-size:0.8rem;font-weight:800;letter-spacing:0.06em;text-transform:uppercase}.quran-kicker [lang="ar"]{display:inline-block;margin-inline-start:0.35rem;font-family:var(--font-arabic,"Noto Sans Arabic",sans-serif);letter-spacing:normal;text-transform:none;unicode-bidi:isolate}.quran-search-label{display:block;margin:0}.quran-search,.quran-selector-close,.quran-selector-open,.quran-display-button,.quran-flashcard-pack-link,.quran-reader-error button{min-height:44px;border:1px solid var(--quran-control-border);border-radius:8px;background:var(--quran-control-bg);color:var(--quran-control-text);font:inherit}.quran-search{width:100%;padding:0.6rem 0.75rem}.quran-selector-close,.quran-selector-open,.quran-display-button,.quran-reader-error button{cursor:pointer;font-weight:800}.quran-selector-close{flex:0 0 44px;width:44px;padding:0}.quran-selector-open{display:none;align-items:center;justify-content:center;gap:0.45rem;justify-self:start;padding:0.5rem 0.8rem}.quran-search:focus-visible,.quran-selector-close:focus-visible,.quran-selector-open:focus-visible,.quran-display-button:focus-visible,.quran-flashcard-pack-link:focus-visible,.quran-adjacent-link:focus-visible,.quran-chapter-link:focus-visible,.quran-ayah-permalink:focus-visible,.quran-ayah-text .flashcard-word:focus-visible,.quran-basmala .flashcard-word:focus-visible,.quran-reader-error button:focus-visible{outline:3px solid var(--quran-focus-ring);outline-offset:2px}.quran-chapter-list{display:grid;gap:0.4rem;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.quran-chapter-link{display:grid;grid-template-columns:44px minmax(0,1fr);gap:0.7rem;align-items:center;min-height:64px;padding:0.55rem;border:1px solid transparent;border-radius:8px;color:var(--gray-900);text-decoration:none}.quran-chapter-link:hover{background:var(--quran-hover-bg)}.quran-chapter-link.is-active{border-color:color-mix(in srgb,var(--accent-color) 34%,transparent);background:var(--quran-active-bg)}.quran-chapter-number{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;border-radius:999px;background:var(--quran-control-bg);color:var(--accent-color);font-weight:900}.quran-chapter-names{display:grid;gap:0.1rem;min-width:0}.quran-chapter-name-ar{justify-self:start;color:var(--gray-900);font-family:var(--font-arabic,"Noto Sans Arabic",sans-serif);font-size:1.08rem;font-weight:700;line-height:1.7;unicode-bidi:isolate}.quran-chapter-name-latin{overflow:hidden;font-weight:750;text-overflow:ellipsis;white-space:nowrap}.quran-chapter-count,.quran-info-panel p,.quran-empty{margin:0;color:var(--seo-muted,var(--gray-700));font-size:0.9rem;line-height:1.6}.quran-empty{padding:0.75rem;text-align:center}.quran-hero{padding:clamp(1.15rem,3vw,2rem)}.quran-hero-heading{align-items:flex-start}.quran-hero h1{font-size:clamp(1.8rem,4vw,3rem);line-height:1.15}.quran-chapter-title-ar{margin:0;color:var(--gray-900);font-family:var(--font-arabic,"Noto Sans Arabic",sans-serif);font-size:clamp(1.8rem,4vw,3rem);font-weight:700;line-height:1.65;text-align:start;unicode-bidi:isolate}.quran-hero-controls{flex-wrap:wrap}.quran-display-toggle{display:inline-flex;padding:0.2rem;border:1px solid var(--quran-control-border);border-radius:10px;background:color-mix(in srgb,var(--quran-control-bg) 72%,transparent)}.quran-display-toggle[hidden]{display:none}.quran-display-button{border-color:transparent;padding:0.45rem 0.8rem;background:transparent}.quran-display-button.is-active{border-color:var(--quran-control-border);background:var(--quran-panel-bg);color:var(--accent-color);box-shadow:0 4px 12px rgba(31,58,95,0.08)}.quran-flashcard-pack-link{display:inline-flex;align-items:center;justify-content:center;padding:0.5rem 0.85rem;border-color:var(--accent-color);background:var(--accent-color);color:var(--on-accent-color,#fff)!important;font-weight:800;text-decoration:none}.quran-flashcard-pack-link[hidden]{display:none}.quran-flashcard-pack-link:hover{filter:brightness(0.96)}.quran-adjacent-nav{flex-wrap:wrap}.quran-adjacent-link{display:inline-flex;align-items:center;justify-content:center;gap:0.45rem;min-height:44px;padding:0.5rem 0.75rem;border:1px solid var(--quran-control-border);border-radius:8px;color:var(--accent-color);font-weight:800;text-decoration:none}.quran-adjacent-link[hidden]{display:none}.quran-adjacent-link:hover{background:var(--quran-hover-bg)}.quran-text-panel{padding:clamp(0.8rem,2.5vw,1.5rem)}.quran-basmala{margin:0 0 1rem;padding:1rem;border-bottom:1px solid var(--quran-panel-border);color:var(--gray-900);font-family:var(--font-arabic,"Noto Sans Arabic",sans-serif);font-size:clamp(1.25rem,3vw,1.75rem);line-height:2.15;text-align:center;unicode-bidi:isolate}.quran-ayah-list{display:grid;gap:0;margin:0;padding:0;list-style:none}.quran-ayah-item{margin:0;padding:0}.quran-ayah{display:grid;grid-template-columns:44px minmax(0,1fr);gap:clamp(0.7rem,2vw,1.25rem);align-items:start;padding:clamp(1rem,2.5vw,1.5rem) 0;border-bottom:1px solid var(--quran-panel-border);direction:rtl}.quran-ayah-item:last-child .quran-ayah{border-bottom:0}.quran-ayah:target{scroll-margin-top:6rem;border-radius:8px;background:var(--quran-active-bg)}.quran-ayah-permalink{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;border:1px solid var(--quran-control-border);border-radius:999px;color:var(--accent-color);font-weight:900;text-decoration:none}.quran-ayah-permalink:hover{background:var(--quran-hover-bg)}.quran-ayah-text{min-width:0;margin:0;color:var(--gray-900);font-family:var(--font-arabic,"Noto Sans Arabic",sans-serif);font-size:clamp(1.3rem,2.8vw,1.9rem);font-variant-ligatures:common-ligatures contextual;line-height:2.25;text-align:start;unicode-bidi:isolate}.quran-ayah-text .flashcard-word,.quran-basmala .flashcard-word{border-radius:3px;cursor:pointer}.quran-ayah-text .flashcard-word:hover,.quran-ayah-text .flashcard-word:focus-visible,.quran-basmala .flashcard-word:hover,.quran-basmala .flashcard-word:focus-visible{background:var(--quran-active-bg)}.quran-info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.quran-info-panel{align-content:start;padding:1.2rem}.quran-source a{color:var(--accent-color);font-weight:800}.quran-source [data-quran-source-license]{display:inline-block;margin-inline-start:0.45rem}.quran-reader-status,.quran-reader-error{position:sticky;top:0.75rem;z-index:10;padding:0.75rem 1rem;border:1px solid var(--quran-panel-border);border-radius:8px;background:var(--quran-panel-bg);box-shadow:var(--quran-panel-shadow);color:var(--gray-900)}.quran-reader-error{align-items:center;justify-content:space-between;gap:0.75rem}.quran-reader-error:not([hidden]){display:flex}.quran-reader-error button{padding:0.45rem 0.8rem}.quran-selector-backdrop{display:none}.quran-reader-layout.is-selector-collapsed{grid-template-columns:minmax(0,1fr)}.quran-reader-layout.is-selector-collapsed .quran-selector-open{display:inline-flex}.quran-reader-layout.is-selector-collapsed .quran-selector:not([role="dialog"]){display:none}body.quran-selector-drawer-open{overflow:hidden}.dark-mode .quran-panel,.dark-mode .quran-reader-status,.dark-mode .quran-reader-error{background:rgba(17,24,39,0.94);border-color:rgba(255,255,255,0.1)}.dark-mode .quran-selector-toolbar h2,.dark-mode .quran-info-panel h2,.dark-mode .quran-hero h1,.dark-mode .quran-chapter-title-ar,.dark-mode .quran-chapter-name-ar,.dark-mode .quran-chapter-link,.dark-mode .quran-basmala,.dark-mode .quran-ayah-text,.dark-mode .quran-reader-status,.dark-mode .quran-reader-error{color:#f8fafc}@media (max-width:900px){.quran-reader-layout{grid-template-columns:minmax(0,1fr)}.quran-selector-open{display:inline-flex}.quran-selector{position:fixed;inset-block:0;inset-inline-start:0;z-index:400;width:min(88vw,360px);max-height:none;border-radius:0;transform:translateX(-105%);transition:transform 180ms ease}[dir="rtl"] .quran-selector{transform:translateX(105%)}.quran-reader-layout.is-selector-drawer-open .quran-selector{display:flex;transform:translateX(0)}.quran-reader-layout.is-selector-drawer-open .quran-selector-backdrop{position:fixed;inset:0;z-index:390;display:block;background:rgba(15,23,42,0.52)}}@media (max-width:640px){.quran-page{width:min(100% - 1rem,1320px);padding-top:0.75rem}.quran-hero-heading,.quran-hero-controls,.quran-info-grid{display:grid;grid-template-columns:minmax(0,1fr)}.quran-chapter-title-ar{justify-self:start}.quran-display-toggle,.quran-flashcard-pack-link,.quran-adjacent-nav{width:100%}.quran-display-button,.quran-adjacent-link{flex:1 1 0}.quran-ayah{grid-template-columns:minmax(0,1fr)}.quran-ayah-permalink{grid-column:1;grid-row:1;justify-self:start}.quran-ayah-text{grid-column:1;grid-row:2}}@media (prefers-reduced-motion:reduce){.quran-selector{transition:none}}