.tafsir-study{max-width:1120px;margin:auto;padding:40px 24px 80px;color:var(--ds-text);font-family:var(--ds-font)}.tafsir-study a{color:var(--ds-accent);text-decoration:none}.study-kicker{font-size:10px;letter-spacing:1.5px;color:var(--ds-accent);margin-top:32px}.tafsir-study h1{font-size:clamp(30px,4vw,46px);letter-spacing:-1px;line-height:1.2}.study-intro{color:var(--ds-muted);line-height:1.8;max-width:65ch}.study-pilots{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0}.study-pilots a{padding:12px 18px;min-height:44px;border:1px solid var(--ds-border);border-radius:8px;background:var(--ds-surface)}.study-pilots a[aria-current]{background:var(--ds-accent);color:var(--ds-on-accent)}.study-source{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:24px;background:var(--ds-surface);border:1px solid var(--ds-border);border-radius:10px}.study-source .study-kicker{display:block;margin:0 0 8px}.study-source p{font-size:12px;color:var(--ds-muted);line-height:1.7;margin-bottom:0}.study-source>a{white-space:nowrap}.study-controls{display:flex;align-items:end;gap:16px;flex-wrap:wrap;margin:28px 0 12px}.study-controls label{display:flex;flex-direction:column;gap:8px;font-size:12px;color:var(--ds-muted)}.study-controls input,.study-controls select,.tafsir-study button,.study-paragraph textarea{font:inherit;border:1px solid var(--ds-border);border-radius:6px;background:var(--ds-surface);color:var(--ds-text);padding:12px;min-height:44px}.study-controls input{width:280px;max-width:100%}.tafsir-study button{cursor:pointer}.tafsir-study button[aria-pressed=true]{color:var(--ds-accent);border-color:var(--ds-accent)}#studyStatus,.study-footnote{font-size:12px;color:var(--ds-muted);line-height:1.7}.study-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:40px;margin-top:24px}.study-layout aside{align-self:start;position:sticky;top:90px}.study-layout aside h2{font-size:20px}.study-layout aside p{font-size:12px;line-height:1.7;color:var(--ds-muted)}.study-layout aside>a{display:block;padding:12px 0;font-size:13px}#studyOutline{max-height:280px;overflow:auto;border-top:1px solid var(--ds-border);border-bottom:1px solid var(--ds-border);padding:8px 0}#studyOutline a{display:block;padding:10px;font-size:12px}.study-block h3{font-size:16px;margin-top:0}.study-paragraph{padding:24px;margin-bottom:16px;background:var(--ds-surface);border:1px solid var(--ds-border);border-radius:10px;scroll-margin-top:90px}.study-paragraph>p{font-size:18px;line-height:1.95;overflow-wrap:anywhere}.paragraph-head{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:11px;color:var(--ds-muted)}.paragraph-head button{font-size:12px}.study-paragraph details{border-top:1px solid var(--ds-border);padding-top:12px;font-size:13px;color:var(--ds-muted)}.study-paragraph summary{cursor:pointer;min-height:44px;padding:12px 0}.study-paragraph label{display:block}.study-paragraph textarea{display:block;width:100%;box-sizing:border-box;margin:8px 0}.note-state{font-size:12px}.tafsir-study :focus-visible{outline:2px solid var(--ds-accent);outline-offset:3px}.study-footnote{margin-top:30px}@media(max-width:700px){.tafsir-study{padding:24px 18px 90px}.study-source{display:block;padding:20px}.study-source>a{display:block;margin-top:16px;min-height:44px}.study-layout{grid-template-columns:1fr;gap:20px}.study-layout aside{position:static}#studyOutline{display:flex;max-height:none;overflow:auto;gap:8px}#studyOutline a{white-space:nowrap}.study-controls input{width:100%}.study-controls label:nth-child(2){flex:1;min-width:180px}.study-paragraph{padding:18px}.study-paragraph>p{font-size:17px}.study-pilots{gap:8px}.study-pilots a{font-size:13px}}

.study-paragraph>p{white-space:pre-line}.study-layout>*{min-width:0}.study-controls input{box-sizing:border-box}.tafsir-study{box-sizing:border-box}.study-controls label{min-width:0}
.tafsir-study [hidden]{display:none!important}.study-selection-hint{grid-column:1/-1;margin:0;font-size:12px;color:var(--ds-muted);line-height:1.6}.study-selection #studyCompareSourceControl{grid-column:1/-1;max-width:640px}.study-comparison-scope{font-size:12px!important;font-weight:600;color:var(--ds-accent)}.comparison-open{display:inline-flex;min-height:44px;align-items:center;margin-bottom:16px}.comparison-paragraph{overflow-wrap:anywhere}.comparison-arabic{direction:rtl;text-align:right;font:25px/2 'Scheherazade New',serif!important}#studyComparisonPdf{display:block;width:100%;height:65vh;min-height:420px;border:1px solid var(--ds-border);box-sizing:border-box}#studyComparisonMore{margin-top:20px;max-width:100%}.study-paragraph mark{background:var(--ds-tint);color:var(--ds-text);text-decoration:underline;text-decoration-color:var(--ds-accent);text-underline-offset:3px}#studyNotebook{border:1px solid var(--ds-border);border-top:3px solid var(--ds-accent);border-radius:10px;background:var(--ds-surface);padding:24px;margin:24px 0}#studyNotebook>p{font-size:13px;line-height:1.8;color:var(--ds-muted)}.notebook-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.notebook-head h2{font-size:24px;margin:0}.notebook-entry{border-top:1px solid var(--ds-border);padding:20px 0;overflow-wrap:anywhere}.notebook-entry h3{font-size:15px;line-height:1.7;margin:0 0 12px}.notebook-entry p{font-size:15px;line-height:1.8;white-space:pre-line}.notebook-excerpt{color:var(--ds-muted)}#studyStorageStatus{color:var(--ds-text);font-size:13px;line-height:1.8}#studyStorageStatus:empty{display:none}#studyNotebookList{max-height:70vh;overflow:auto}#studyNotebookCount{font-size:12px;color:var(--ds-muted)}@media(max-width:700px){#studyNotebook{padding:18px}.notebook-head{align-items:start;flex-wrap:wrap}.study-controls button{max-width:100%}.study-comparison-scope{line-height:1.8}.study-selection-hint{font-size:11px}}

/* A continuous reading column keeps the source text in context. */
.study-paragraph{border:0;border-radius:0;background:transparent;padding:12px 0;margin:0}.study-paragraph>p{margin:10px 0 28px}.paragraph-head{justify-content:flex-end;opacity:.7}.paragraph-head>span{margin-right:auto}.study-paragraph details{border:0;padding:0}.study-paragraph summary{min-height:0;padding:6px 0;font-size:12px}.study-layout{grid-template-columns:190px minmax(0,1fr)}#studyText{background:var(--ds-surface);border:1px solid var(--ds-border);border-radius:12px;padding:32px}.study-source{padding:16px 20px}.study-source p{display:none}.study-source strong{font-size:14px}.study-verse{background:var(--ds-surface);border:1px solid var(--ds-border);border-top:3px solid var(--ds-accent);border-radius:12px;padding:24px;margin-top:24px}.study-verse-nav{display:flex;align-items:center;justify-content:space-between;gap:16px}.study-verse-nav label{font-size:12px;color:var(--ds-muted)}.study-verse-nav select{font:inherit;padding:12px;border:1px solid var(--ds-border);border-radius:6px;background:var(--ds-surface);color:var(--ds-text);max-width:100%}#studyArabic{font:32px/2.1 'Scheherazade New',serif;text-align:right;margin:24px 0 16px}#studyArabic button{font:inherit;display:inline;border:0;background:none;padding:0 3px;min-height:44px;border-bottom:1px solid transparent}#studyArabic button:hover,#studyArabic button:focus-visible{color:var(--ds-accent);border-bottom-color:var(--ds-accent)}#studyMeal{font-size:18px;line-height:1.85;max-width:80ch}.word-panel-head{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid var(--ds-border);padding-top:16px}#studyWordFrame{border:1px solid var(--ds-border);border-radius:8px;width:100%;height:520px;margin-top:16px;box-sizing:border-box}.tafsir-study button:disabled{opacity:.35;cursor:default}.site-brand,.site-primary a{text-decoration:none}@media(max-width:700px){.study-layout{grid-template-columns:1fr}#studyText{padding:20px}.study-verse{padding:18px}#studyArabic{font-size:28px}.study-verse-nav select{max-width:190px}#studyMeal{font-size:16px}.study-paragraph{padding:12px 0}.tafsir-study h1{font-size:30px}.study-kicker{margin-top:18px}}

.study-controls .compare-control{flex-direction:row;align-items:center;gap:8px;min-height:44px}.compare-control input{width:18px;height:18px;min-height:0}#studyComparison{padding:24px;border:1px solid var(--ds-border);border-left:3px solid var(--ds-accent);border-radius:8px;background:var(--ds-surface);max-height:460px;overflow:auto;margin:20px 0}#studyComparison p{font-size:16px;line-height:1.9;white-space:pre-line}.study-arabic-text>p{direction:rtl;text-align:right;font:25px/2 'Scheherazade New',serif!important}.study-controls select{max-width:100%}@media(max-width:700px){.study-controls{gap:12px}.study-controls label{max-width:100%}.study-controls label:nth-child(2){min-width:0;flex:auto}}

.study-reading-panels{min-width:0}.study-reading-panels:has(#studyComparison:not([hidden])){display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}.study-reading-panels>*{min-width:0}#studyComparison{margin:0;max-height:none;overflow:visible;padding:24px}#studyComparison h3{font-size:16px;margin-top:0}#studyMore{margin:18px 0;grid-column:1/-1}@media(max-width:1050px){.study-reading-panels:has(#studyComparison:not([hidden])){grid-template-columns:1fr}#studyComparison{margin-top:16px}}

.study-pdf-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}.study-pdf-head a{display:inline-flex;align-items:center;min-height:44px}.study-pdf-head h3{font-size:16px;margin:0}#studyPdf{display:block;width:100%;height:75vh;min-height:480px;border:1px solid var(--ds-border);border-radius:6px;box-sizing:border-box;background:#f1f1f1}.study-pdf-note{margin-top:24px}.study-pdf-note textarea{display:block;width:100%;box-sizing:border-box;padding:12px;margin:10px 0;background:var(--ds-surface);color:var(--ds-text);border:1px solid var(--ds-border);border-radius:6px;font:inherit}.study-pdf-note summary{min-height:44px;cursor:pointer}.study-source p{display:block}.study-pdf-note .paragraph-head{margin-bottom:12px}.study-controls input:disabled{opacity:.55}@media(max-width:700px){#studyPdf{height:65vh;min-height:420px}.study-pdf-head{display:block}.study-pdf-head a{margin-top:8px}}

#studyOriginal{display:inline-flex;align-items:center;min-height:44px;padding:10px 0;font-size:14px;font-weight:600}#studyOriginal[hidden]{display:none}

.study-selection{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,.65fr);gap:18px;margin:26px 0;padding:20px 24px 24px;border:1px solid var(--ds-border);border-top:3px solid var(--ds-accent);border-radius:10px;background:var(--ds-surface);min-width:0}.study-selection legend{font-size:15px;font-weight:600;padding:0 8px;color:var(--ds-text)}.study-selection label{display:flex;flex-direction:column;gap:9px;min-width:0;font-size:13px;color:var(--ds-muted)}.study-selection select{width:100%;max-width:100%;min-width:0;box-sizing:border-box;font:inherit;padding:13px;border:1px solid var(--ds-border);border-radius:6px;background:var(--ds-surface);color:var(--ds-text);min-height:48px}.study-selection .compare-control{grid-column:1/-1;flex-direction:row;align-items:center;gap:8px;min-height:44px}.study-selection .compare-control input{width:18px;height:18px}.study-verse-nav>span{font-size:14px;font-weight:600}@media(max-width:700px){.study-selection{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:16px;padding:16px;margin:20px 0}.study-selection>label:first-of-type{grid-column:1/-1}.study-selection .compare-control{font-size:12px}}

.hasenat-lines{white-space:normal!important;direction:ltr}.hasenat-source-line{display:block;white-space:pre-wrap;unicode-bidi:isolate;text-align:start}