*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246/0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246/0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*
! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com
*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:var(--font-sans),system-ui,-apple-system,Segoe UI,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{color:#9ca3af}input::placeholder,textarea::placeholder{color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}input:where(:not([type])),input:where([type=date]),input:where([type=datetime-local]),input:where([type=email]),input:where([type=month]),input:where([type=number]),input:where([type=password]),input:where([type=search]),input:where([type=tel]),input:where([type=text]),input:where([type=time]),input:where([type=url]),input:where([type=week]),select,select:where([multiple]),textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border-color:#6b7280;border-width:1px;border-radius:0;padding:.5rem .75rem;font-size:1rem;line-height:1.5rem;--tw-shadow:0 0 #0000}input:where(:not([type])):focus,input:where([type=date]):focus,input:where([type=datetime-local]):focus,input:where([type=email]):focus,input:where([type=month]):focus,input:where([type=number]):focus,input:where([type=password]):focus,input:where([type=search]):focus,input:where([type=tel]):focus,input:where([type=text]):focus,input:where([type=time]):focus,input:where([type=url]):focus,input:where([type=week]):focus,select:focus,select:where([multiple]):focus,textarea:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-inset:var(--tw-empty,/*!*/ /*!*/);--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#2563eb;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);border-color:#2563eb}input::-moz-placeholder,textarea::-moz-placeholder{color:#6b7280;opacity:1}input::placeholder,textarea::placeholder{color:#6b7280;opacity:1}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-date-and-time-value{min-height:1.5em;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-meridiem-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-year-field{padding-top:0;padding-bottom:0}select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem;-webkit-print-color-adjust:exact;print-color-adjust:exact}select:where([multiple]),select:where([size]:not([size="1"])){background-image:none;background-position:0 0;background-repeat:unset;background-size:initial;padding-right:.75rem;-webkit-print-color-adjust:unset;print-color-adjust:unset}input:where([type=checkbox]),input:where([type=radio]){-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;-webkit-print-color-adjust:exact;print-color-adjust:exact;display:inline-block;vertical-align:middle;background-origin:border-box;-webkit-user-select:none;-moz-user-select:none;user-select:none;flex-shrink:0;height:1rem;width:1rem;color:#2563eb;background-color:#fff;border-color:#6b7280;border-width:1px;--tw-shadow:0 0 #0000}input:where([type=checkbox]){border-radius:0}input:where([type=radio]){border-radius:100%}input:where([type=checkbox]):focus,input:where([type=radio]):focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-inset:var(--tw-empty,/*!*/ /*!*/);--tw-ring-offset-width:2px;--tw-ring-offset-color:#fff;--tw-ring-color:#2563eb;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}input:where([type=checkbox]):checked,input:where([type=radio]):checked{border-color:transparent;background-color:currentColor;background-size:100% 100%;background-position:50%;background-repeat:no-repeat}input:where([type=checkbox]):checked{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e")}@media (forced-colors:active){input:where([type=checkbox]):checked{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}input:where([type=radio]):checked{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e")}@media (forced-colors:active){input:where([type=radio]):checked{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}input:where([type=checkbox]):checked:focus,input:where([type=checkbox]):checked:hover,input:where([type=radio]):checked:focus,input:where([type=radio]):checked:hover{border-color:transparent;background-color:currentColor}input:where([type=checkbox]):indeterminate{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");border-color:transparent;background-color:currentColor;background-size:100% 100%;background-position:50%;background-repeat:no-repeat}@media (forced-colors:active){input:where([type=checkbox]):indeterminate{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}input:where([type=checkbox]):indeterminate:focus,input:where([type=checkbox]):indeterminate:hover{border-color:transparent;background-color:currentColor}input:where([type=file]){background:unset;border-color:inherit;border-width:0;border-radius:0;padding:0;font-size:unset;line-height:inherit}input:where([type=file]):focus{outline:1px solid ButtonText;outline:1px auto -webkit-focus-ring-color}html{-webkit-text-size-adjust:100%}body{background-color:var(--bg);color:var(--text);font-family:var(--font-sans),system-ui,-apple-system,"Segoe UI",sans-serif;font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,h4{letter-spacing:-.012em}::-moz-selection{background:var(--accent-bg)}::selection{background:var(--accent-bg)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:after,:before{transition:none!important;animation:none!important}}.btn-danger,.btn-ghost,.btn-primary,.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:2.5rem;padding:.55rem 1.1rem;border-radius:var(--radius);font-size:.9rem;font-weight:600;line-height:1.2;white-space:nowrap;cursor:pointer;transition:background-color .15s,border-color .15s,color .15s;border:1px solid transparent}.btn-primary{background:var(--accent);color:var(--on-accent)}.btn-primary:hover{background:var(--accent-h)}.btn-secondary{background:var(--surface);color:var(--text);border-color:var(--border-2)}.btn-secondary:hover{border-color:var(--text-3)}.btn-ghost{background:transparent;color:var(--text-2)}.btn-ghost:hover{color:var(--text);background:var(--surface-2)}.btn-danger{background:transparent;color:var(--danger);border-color:var(--danger)}.btn-danger:hover{background:var(--danger-bg)}.btn-danger:disabled,.btn-ghost:disabled,.btn-primary:disabled,.btn-secondary:disabled{opacity:.45;cursor:not-allowed}.card{background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}a.card{transition:border-color .15s}a.card:hover{border-color:var(--border-2);transform:none!important}.input{width:100%;min-height:2.6rem;background-color:var(--surface);border:1px solid var(--border-2);color:var(--text);border-radius:var(--radius);padding:.55rem .8rem;font-size:.95rem;outline:none;transition:border-color .15s,box-shadow .15s}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-bg)}.input::-moz-placeholder{color:var(--text-3)}.input::placeholder{color:var(--text-3)}textarea.input{resize:vertical}.label{display:block;font-size:.78rem;font-weight:600;color:var(--text-2);margin-bottom:.35rem}.eyebrow{display:inline-block;font-size:.7rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--text-3)}.page-header{font-family:var(--font-serif),Georgia,serif;font-size:2rem;font-weight:600;color:var(--text);letter-spacing:-.02em;line-height:1.1}@media (min-width:640px){.page-header{font-size:2.6rem}}.display{font-family:var(--font-serif),Georgia,serif;font-weight:500;letter-spacing:-.025em;line-height:1.04}.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;padding-bottom:.75rem;margin-bottom:1.25rem;border-bottom:1px solid var(--line)}.section-head h2{font-family:var(--font-serif),Georgia,serif;font-size:1.5rem;font-weight:600}.ornament-divider{display:flex;align-items:center;gap:.75rem;margin:2rem 0;color:var(--gold)}.ornament-divider:after,.ornament-divider:before{content:"";flex:1;height:1px;background:var(--line)}.ornament-mark{display:inline-block;width:.45rem;height:.45rem;transform:rotate(45deg);border:1.5px solid var(--gold);flex-shrink:0}.verse-card{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.75rem 1.5rem}.verse-card:before{content:"";position:absolute;top:-1px;left:1.5rem;width:2.5rem;height:2px;background:var(--gold)}.verse-arabic{font-family:var(--font-quran),var(--font-amiri),"Traditional Arabic",serif;font-size:1.75rem;line-height:2.2;color:var(--text)}@media (min-width:640px){.verse-arabic{font-size:2rem}}.badge{display:inline-flex;align-items:center;gap:.3rem;font-size:.68rem;font-weight:600;padding:.15rem .45rem;border-radius:3px;text-transform:uppercase;letter-spacing:.06em;border:1px solid}.badge-pending{color:var(--warning)}.badge-approved{color:var(--accent)}.badge-published{color:var(--success)}.badge-rejected{color:var(--text-3)}.badge-category{color:var(--text-2);font-size:.7rem;letter-spacing:.06em;text-transform:uppercase}.badge-category,.chip{display:inline-flex;align-items:center;font-weight:600}.chip{gap:.35rem;padding:.2rem .5rem;border-radius:3px;font-size:.72rem;letter-spacing:.02em;line-height:1.4;white-space:nowrap}.prose-article{font-family:var(--font-serif),Georgia,serif;color:var(--text);font-size:1.125rem;line-height:1.75}@media (min-width:640px){.prose-article{font-size:1.2rem}}.prose-article h2{font-size:1.55rem;font-weight:600;margin:2.5rem 0 .9rem;line-height:1.2;letter-spacing:-.015em}.prose-article h3{font-size:1.25rem;font-weight:600;margin:1.9rem 0 .6rem}.prose-article p{margin:1.1rem 0}.prose-article>p:first-of-type{font-size:1.22em;line-height:1.6}.prose-article a{color:var(--accent);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}.prose-article strong{font-weight:650}.prose-article ol,.prose-article ul{margin:1.1rem 0;padding-left:1.3rem}.prose-article ul{list-style:disc}.prose-article ol{list-style:decimal}.prose-article li{margin:.45rem 0;padding-left:.3rem}.prose-article li::marker{color:var(--text-3)}.prose-article table{width:100%;border-collapse:collapse;margin:1.5rem 0;font-family:var(--font-sans),system-ui,sans-serif;font-size:.9rem;display:block;overflow-x:auto}.prose-article td,.prose-article th{border-bottom:1px solid var(--line);padding:.6rem .75rem;text-align:left;vertical-align:top}.prose-article th{font-weight:600;color:var(--text);border-bottom:1.5px solid var(--text)}.prose-article code{background:var(--surface-2);border-radius:3px;padding:.1rem .35rem;font-size:.85em}.prose-article pre{background:var(--surface-2);border-radius:var(--radius);padding:1rem;overflow-x:auto;margin:1.25rem 0}.prose-article pre code{background:none;padding:0}.prose-article blockquote{border-left:2px solid var(--gold);padding:.25rem 0 .25rem 1.25rem;margin:1.75rem 0;color:var(--text-2)}.prose-article blockquote p{margin:.45rem 0}.prose-article blockquote p:first-child{unicode-bidi:plaintext}.prose-article hr{border:0;border-top:1px solid var(--line);margin:2.5rem 0}.portal-shell{display:flex;min-height:100vh;min-height:100dvh}.portal-side{position:sticky;top:0;height:100vh;height:100dvh;width:15rem;flex:0 0 15rem;background:var(--surface);border-right:1px solid var(--line);padding:1.1rem .75rem;display:flex;flex-direction:column;gap:.15rem;overflow-y:auto}.portal-main{flex:1 1 auto;min-width:0;padding:2rem clamp(1rem,3vw,3.5rem) 4rem;display:flex;flex-direction:column;gap:2rem;max-width:var(--shell-max)}.portal-nav a{position:relative;display:flex;align-items:center;gap:.7rem;padding:.5rem .7rem;border-radius:var(--radius);color:var(--text-2);font-weight:500;font-size:.875rem;min-height:2.4rem;transition:background-color .15s,color .15s}.portal-nav a:hover,.portal-nav a[aria-current=page]{background:var(--surface-2);color:var(--text)}.portal-nav a[aria-current=page]{font-weight:600}.portal-nav a[aria-current=page]:before{content:"";position:absolute;left:-.75rem;top:.45rem;bottom:.45rem;width:2px;background:var(--accent)}.portal-nav svg{width:1.1rem;height:1.1rem;flex:0 0 1.1rem}.portal-section-label{font-size:.66rem;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--text-3);padding:1rem .7rem .3rem}.portal-tabbar{display:none}@media (max-width:899px){.portal-side{display:none}.portal-main{padding:1rem 1rem calc(5.5rem + env(safe-area-inset-bottom));gap:1.5rem}.portal-tabbar{position:fixed;inset:auto 0 0 0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));background:color-mix(in srgb,var(--surface) 92%,transparent);backdrop-filter:saturate(1.4) blur(14px);-webkit-backdrop-filter:saturate(1.4) blur(14px);border-top:1px solid var(--line);padding:.35rem .25rem calc(.35rem + env(safe-area-inset-bottom));z-index:40}.portal-tabbar a{display:flex;flex-direction:column;align-items:center;gap:.2rem;padding:.35rem .2rem;color:var(--text-3);font-size:.66rem;font-weight:600;min-height:2.9rem;justify-content:center}.portal-tabbar a[aria-current=page]{color:var(--accent)}.portal-tabbar svg{width:1.35rem;height:1.35rem}}.progress-bar{height:4px;background:var(--bg-sub);border-radius:2px;overflow:hidden}.progress-bar>span{display:block;height:100%;border-radius:2px;transition:width .4s ease-out}.ink-card{background:var(--ink);color:var(--ink-text);border-radius:var(--radius)}.ink-card .muted{color:var(--ink-muted)}.ring{position:relative;border-radius:50%;display:grid;place-items:center;font-weight:600;flex-shrink:0}.ring:after{content:"";position:absolute;inset:5px;border-radius:50%;background:var(--ink)}.ring>span{position:relative;z-index:1}.surah-tile{display:flex;flex-direction:column;gap:.1rem;padding:.6rem .7rem;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);color:var(--text);min-height:3.6rem;transition:border-color .15s}.surah-tile:hover{border-color:var(--text-3)}.surah-tile[data-status=MASTERED],.surah-tile[data-status=REVIEWING]{background:var(--path-terracotta);color:#fff;border-color:var(--path-terracotta)}.dark .surah-tile[data-status=MASTERED],.dark .surah-tile[data-status=REVIEWING]{color:#0e0f11}.surah-tile[data-status=LEARNING]{background:var(--path-terracotta-bg);border-color:var(--path-terracotta)}.surah-tile[data-due=true]{box-shadow:inset 0 0 0 2px var(--gold)}.quiz-option{display:flex;align-items:center;gap:.75rem;width:100%;text-align:left;padding:.8rem 1rem;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:.95rem;min-height:3rem;cursor:pointer;transition:border-color .15s,background-color .15s}.quiz-option:hover{border-color:var(--text-3)}.quiz-option[data-state=selected]{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.quiz-option[data-state=correct]{border-color:var(--success);background:var(--success-bg)}.quiz-option[data-state=wrong]{border-color:var(--danger);background:var(--danger-bg)}.quiz-option:disabled{cursor:default}.memo-word{transition:opacity .2s,filter .2s}.memo-word[data-hidden=true]{opacity:0;filter:blur(6px);-webkit-user-select:none;-moz-user-select:none;user-select:none}.lesson-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:3rem}@media (min-width:1200px){.lesson-layout{grid-template-columns:minmax(0,1fr) minmax(16rem,22rem)}}.lesson-aside{position:sticky;top:1.5rem;align-self:start;display:flex;flex-direction:column;gap:1rem}.illustration{margin:2.25rem 0}.illustration-frame>div>svg,.illustration-frame>svg{max-width:1280px;margin-inline:auto}.illustration-frame{border:1px solid var(--border);background:var(--ill-paper);border-radius:var(--radius);padding:clamp(.5rem,2vw,1.25rem);overflow:hidden}.illustration figcaption{margin-top:.6rem;font-family:var(--font-sans),system-ui,sans-serif;font-size:.82rem;color:var(--text-3)}.arabic-block{font-family:var(--font-quran),var(--font-amiri),"Traditional Arabic",serif;font-size:1.7em;line-height:2.1;text-align:right}.arabic-inline{font-family:var(--font-amiri),"Traditional Arabic",serif;font-size:1.15em;font-style:normal}.\!term{-webkit-text-decoration:underline dotted!important;text-decoration:underline dotted!important;text-decoration-color:var(--gold)!important;text-decoration-thickness:1.5px!important;text-underline-offset:4px!important;cursor:help!important;border-radius:2px!important}.term{-webkit-text-decoration:underline dotted;text-decoration:underline dotted;text-decoration-color:var(--gold);text-decoration-thickness:1.5px;text-underline-offset:4px;cursor:help;border-radius:2px}.term:focus-visible,.term:hover{background:var(--accent-bg);outline:none}.\!term:focus-visible,.\!term:hover{background:var(--accent-bg)!important;outline:none!important}.grid{grid-template-columns:minmax(0,1fr)}.skeleton{border-radius:var(--radius);background:linear-gradient(90deg,var(--bg-sub) 0,var(--surface-2) 50%,var(--bg-sub) 100%);background-size:200% 100%;animation:skeleton-shimmer 1.2s ease-in-out infinite}.book{display:flex;flex-direction:column;gap:2.5rem}.book-opener{text-align:center;padding:2rem 0 .5rem}.book-hero .illustration{margin:0}.book-surah-ar{font-family:var(--font-quran),var(--font-amiri),serif;font-size:clamp(2.6rem,6vw,4.5rem);color:var(--gold);line-height:1.6;margin-top:.5rem}.book-title{font-size:clamp(2.4rem,5vw,3.6rem)}.book-subtitle{margin-top:.5rem;color:var(--text-2);font-family:var(--font-serif),Georgia,serif;font-size:1.15rem}.book-ornament{display:flex;align-items:center;justify-content:center;gap:1rem;color:var(--gold);margin:1.5rem auto 0;max-width:34rem}.book-ornament>span{flex:1;height:1px;background:var(--gold-soft)}.book-intro .prose-article>p:first-of-type:first-letter{float:left;font-size:3.6em;line-height:.85;padding:.08em .12em 0 0;color:var(--gold);font-weight:600}.book-section{display:flex;flex-direction:column;gap:1rem;scroll-margin-top:5rem}.book-section-title{font-family:var(--font-serif),Georgia,serif;font-size:1.7rem;font-weight:600;line-height:1.2}.book-verses{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);padding:clamp(1.25rem,3vw,2.25rem)}.book-arabic{font-family:var(--font-quran),var(--font-amiri),serif;font-size:clamp(1.7rem,2.6vw,2.3rem);line-height:2.3;text-align:right;color:var(--text)}.book-ayah-num{display:inline-grid;place-items:center;min-width:1.8em;height:1.8em;margin:0 .15em;border:1px solid var(--gold);border-radius:50%;font-size:.5em;color:var(--gold);vertical-align:middle}.book-translit{margin-top:1rem;padding-top:.9rem;border-top:1px solid var(--line);font-style:italic;color:var(--text-2);line-height:1.7}.book-translation{margin-top:.75rem;font-family:var(--font-serif),Georgia,serif;font-size:1.12rem;line-height:1.7}.book-translation sup{color:var(--text-3);font-family:var(--font-sans),system-ui,sans-serif;font-size:.65em}.book-tafsir .prose-article{font-size:1.15rem}.bk-reader{position:fixed;inset:0;z-index:60;display:flex;flex-direction:column;background:var(--bg-sub);color:var(--text)}.bk-bar{display:flex;justify-content:space-between;gap:.75rem;padding:max(.5rem,env(safe-area-inset-top)) .75rem .5rem;border-bottom:1px solid var(--line);background:var(--bg)}.bk-bar,.bk-btn{align-items:center}.bk-btn{min-height:44px;min-width:44px;display:inline-flex;justify-content:center;gap:.4rem;padding:0 .7rem;border:1px solid var(--border);border-radius:var(--radius);color:var(--text-2);background:transparent;font-size:.875rem}.bk-btn[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}.bk-title{min-width:0;flex:1;text-align:center;display:flex;flex-direction:column;line-height:1.25}.bk-title>span:last-child{font-family:var(--font-serif),Georgia,serif;font-weight:600;font-size:1.02rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bk-eyebrow{font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text-3)}.bk-stage{flex:1;min-height:0;display:flex;justify-content:center;padding:.6rem;touch-action:pan-y}.bk-page{flex:1 1 0;min-width:0;max-width:48rem;display:flex;flex-direction:column;background:var(--bg);border:1px solid var(--line);border-radius:var(--radius)}.bk-spread .bk-page{max-width:46rem}.bk-spread .bk-page:first-child:not(:last-child){border-radius:var(--radius) 0 0 var(--radius);border-right-color:var(--border-2)}.bk-spread .bk-page+.bk-page{border-left:0;border-radius:0 var(--radius) var(--radius) 0}.bk-page-inner{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:clamp(1.25rem,4vw,3rem) clamp(1.1rem,5vw,3.25rem)}.bk-folio{text-align:center;font-size:.72rem;color:var(--text-3);padding:.35rem 0 .5rem;font-variant-numeric:tabular-nums}.bk-foot{display:flex;gap:.9rem;padding:.5rem .75rem max(.7rem,env(safe-area-inset-bottom));background:var(--bg);border-top:1px solid var(--line)}.bk-foot,.bk-nav{align-items:center}.bk-nav{width:52px;height:52px;flex:none;display:inline-flex;justify-content:center;border:1px solid var(--border-2);border-radius:var(--radius);background:transparent;color:var(--text-2)}.bk-nav-next{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.bk-nav:disabled{opacity:.35}.bk-progress{flex:1;min-width:0;display:flex;flex-direction:column;gap:.35rem;font-size:.75rem;color:var(--text-3)}.bk-progress-bar{height:3px;background:var(--line)}.bk-progress-bar>span{display:block;height:3px;background:var(--accent);transition:width .2s ease}.bk-end{display:flex;flex-direction:column;gap:1.25rem}.bk-end-title{font-size:clamp(1.8rem,4vw,2.4rem)}.bk-reader .book-opener{padding-top:.5rem}.bk-reader .book-section{display:flex;flex-direction:column;gap:.75rem}.story-title{font-size:clamp(2rem,5vw,3rem);margin-top:.4rem}.story-summary{margin-top:.8rem;font-family:var(--font-serif),Georgia,serif;font-size:1.2rem;color:var(--text-2)}.story-page .prose-article{font-size:1.15rem}.story-first .prose-article>p:first-of-type:first-letter{float:left;font-size:3.4em;line-height:.85;padding:.08em .12em 0 0;color:var(--gold);font-weight:600}.bk-reader[data-mode=picture] .bk-page{max-width:72rem}.bk-reader[data-mode=picture] .bk-page-inner{padding:0;display:flex}.pb-page{display:flex;flex-direction:column;width:100%}.pb-art{background:var(--ill-paper);border-bottom:1px solid var(--line)}.pb-art .illustration-bare svg{max-height:54dvh}.pb-text{padding:1.25rem 1.4rem 1.5rem;display:flex;flex-direction:column;gap:1rem}.pb-sentence{font-family:var(--font-kids),var(--font-sans),sans-serif;font-size:clamp(1.35rem,4.8vw,2rem);line-height:1.5}.pb-eyebrow{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text-3)}.pb-title{font-family:var(--font-kids),var(--font-sans),sans-serif;font-weight:700;font-size:clamp(1.9rem,6vw,3rem);line-height:1.15}.pb-hint{font-size:.9rem;color:var(--text-2)}.pb-question{border:1px dashed var(--border-2);border-radius:var(--radius);padding:.7rem .9rem;font-size:1rem;line-height:1.45;color:var(--text-2)}.pb-question strong{color:var(--accent)}@media (min-width:900px) and (orientation:landscape){.pb-page{flex-direction:row}.pb-art{flex:1 1 58%;display:flex;align-items:center;border-bottom:0;border-right:1px solid var(--line)}.pb-art .illustration-bare{width:100%}.pb-art .illustration-bare svg{max-height:none}.pb-text{flex:1 1 42%;justify-content:center;padding:2.5rem 3rem}}.illustration-bare{background:var(--ill-paper)}.illustration-bare svg{display:block;width:100%;height:auto;margin-inline:auto}.word-cards{display:flex;flex-direction:column;gap:.5rem;margin:1.4rem 0}.word-card{display:flex;align-items:center;gap:.9rem;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:.5rem .2rem;font-family:var(--font-sans),system-ui,sans-serif;font-size:.92rem;line-height:1.45;color:var(--text-2)}.word-card-ar{font-family:var(--font-amiri),"Traditional Arabic",serif;font-size:1.8rem;line-height:1.5;color:var(--text);flex:none}.word-card-lg{border:1px solid var(--line);border-radius:var(--radius);padding:.5rem .85rem;font-size:1rem}.word-card-lg .word-card-ar{font-size:2.1rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.invisible{visibility:hidden}.collapse{visibility:collapse}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-x-0{left:0;right:0}.inset-x-3{left:.75rem;right:.75rem}.-right-40{right:-10rem}.-top-40{top:-10rem}.bottom-0{bottom:0}.bottom-\[calc\(4\.5rem\+env\(safe-area-inset-bottom\)\)\]{bottom:calc(4.5rem + env(safe-area-inset-bottom))}.top-0{top:0}.top-16{top:4rem}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-\[70\]{z-index:70}.order-3{order:3}.-mx-1{margin-left:-.25rem;margin-right:-.25rem}.mx-4{margin-left:1rem;margin-right:1rem}.mx-auto{margin-left:auto;margin-right:auto}.my-8{margin-top:2rem;margin-bottom:2rem}.-mb-px{margin-bottom:-1px}.-mt-3{margin-top:-.75rem}.mb-1{margin-bottom:.25rem}.mb-1\.5{margin-bottom:.375rem}.mb-10{margin-bottom:2.5rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mb-7{margin-bottom:1.75rem}.mb-8{margin-bottom:2rem}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.ml-auto{margin-left:auto}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-1\.5{margin-top:.375rem}.mt-10{margin-top:2.5rem}.mt-12{margin-top:3rem}.mt-14{margin-top:3.5rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mt-auto{margin-top:auto}.line-clamp-2{-webkit-line-clamp:2}.line-clamp-2,.line-clamp-3{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical}.line-clamp-3{-webkit-line-clamp:3}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-14{height:3.5rem}.h-16{height:4rem}.h-20{height:5rem}.h-24{height:6rem}.h-3{height:.75rem}.h-36{height:9rem}.h-4{height:1rem}.h-40{height:10rem}.h-5{height:1.25rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-\[4\.5rem\]{height:4.5rem}.h-\[46rem\]{height:46rem}.h-full{height:100%}.h-px{height:1px}.max-h-\[15rem\]{max-height:15rem}.min-h-0{min-height:0}.min-h-\[2\.25rem\]{min-height:2.25rem}.min-h-\[2\.4rem\]{min-height:2.4rem}.min-h-\[2\.6rem\]{min-height:2.6rem}.min-h-\[2\.75rem\]{min-height:2.75rem}.min-h-\[2rem\]{min-height:2rem}.min-h-\[3\.25rem\]{min-height:3.25rem}.min-h-\[3\.5rem\]{min-height:3.5rem}.min-h-\[4\.5rem\]{min-height:4.5rem}.min-h-\[60vh\]{min-height:60vh}.min-h-screen{min-height:100vh}.w-10{width:2.5rem}.w-11{width:2.75rem}.w-14{width:3.5rem}.w-16{width:4rem}.w-20{width:5rem}.w-3{width:.75rem}.w-32{width:8rem}.w-4{width:1rem}.w-40{width:10rem}.w-5{width:1.25rem}.w-7{width:1.75rem}.w-8{width:2rem}.w-9{width:2.25rem}.w-\[19rem\]{width:19rem}.w-\[320px\]{width:320px}.w-\[4\.5rem\]{width:4.5rem}.w-\[46rem\]{width:46rem}.w-auto{width:auto}.w-full{width:100%}.min-w-0{min-width:0}.min-w-\[15rem\]{min-width:15rem}.min-w-\[32rem\]{min-width:32rem}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-\[13rem\]{max-width:13rem}.max-w-\[42rem\]{max-width:42rem}.max-w-\[44rem\]{max-width:44rem}.max-w-\[7rem\]{max-width:7rem}.max-w-\[var\(--shell-max\)\]{max-width:var(--shell-max)}.max-w-md{max-width:28rem}.max-w-screen-2xl{max-width:1536px}.max-w-sm{max-width:24rem}.max-w-xl{max-width:36rem}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.basis-\[16rem\]{flex-basis:16rem}.basis-\[18rem\]{flex-basis:18rem}.basis-\[26rem\]{flex-basis:26rem}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-pointer{cursor:pointer}.scroll-mt-20{scroll-margin-top:5rem}.scroll-mt-24{scroll-margin-top:6rem}.list-decimal{list-style-type:decimal}.list-disc{list-style-type:disc}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-baseline{align-items:baseline}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-0\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-10{gap:2.5rem}.gap-12{gap:3rem}.gap-14{gap:3.5rem}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-7{gap:1.75rem}.gap-8{gap:2rem}.gap-\[3px\]{gap:3px}.gap-x-1{-moz-column-gap:.25rem;column-gap:.25rem}.gap-x-10{-moz-column-gap:2.5rem;column-gap:2.5rem}.gap-x-3{-moz-column-gap:.75rem;column-gap:.75rem}.gap-x-4{-moz-column-gap:1rem;column-gap:1rem}.gap-x-5{-moz-column-gap:1.25rem;column-gap:1.25rem}.gap-y-12{row-gap:3rem}.gap-y-2{row-gap:.5rem}.gap-y-4{row-gap:1rem}.space-y-0\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.125rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.125rem * var(--tw-space-y-reverse))}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.space-y-5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.25rem * var(--tw-space-y-reverse))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse))}.self-start{align-self:flex-start}.self-center{align-self:center}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis}.truncate,.whitespace-nowrap{white-space:nowrap}.whitespace-pre-line{white-space:pre-line}.break-all{word-break:break-all}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-\[10px\]{border-radius:10px}.rounded-\[3px\]{border-radius:3px}.rounded-\[4px\]{border-radius:4px}.rounded-\[6px\]{border-radius:6px}.rounded-\[7px\]{border-radius:7px}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.rounded-t{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.border{border-width:1px}.border-2{border-width:2px}.border-y{border-top-width:1px}.border-b,.border-y{border-bottom-width:1px}.border-b-2{border-bottom-width:2px}.border-l{border-left-width:1px}.border-l-2{border-left-width:2px}.border-r{border-right-width:1px}.border-t{border-top-width:1px}.border-dashed{border-style:dashed}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.p-10{padding:2.5rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-7{padding:1.75rem}.p-8{padding:2rem}.px-0\.5{padding-left:.125rem;padding-right:.125rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-7{padding-left:1.75rem;padding-right:1.75rem}.px-8{padding-left:2rem;padding-right:2rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-14{padding-top:3.5rem;padding-bottom:3.5rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-20{padding-top:5rem;padding-bottom:5rem}.py-24{padding-top:6rem;padding-bottom:6rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-3\.5{padding-top:.875rem;padding-bottom:.875rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-7{padding-top:1.75rem;padding-bottom:1.75rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-10{padding-bottom:2.5rem}.pb-2{padding-bottom:.5rem}.pb-20{padding-bottom:5rem}.pb-24{padding-bottom:6rem}.pb-4{padding-bottom:1rem}.pb-6{padding-bottom:1.5rem}.pb-8{padding-bottom:2rem}.pb-px{padding-bottom:1px}.pl-4{padding-left:1rem}.pl-5{padding-left:1.25rem}.pt-1{padding-top:.25rem}.pt-10{padding-top:2.5rem}.pt-16{padding-top:4rem}.pt-2{padding-top:.5rem}.pt-3{padding-top:.75rem}.pt-4{padding-top:1rem}.pt-5{padding-top:1.25rem}.pt-6{padding-top:1.5rem}.pt-8{padding-top:2rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.font-arabic{font-family:var(--font-amiri),Traditional Arabic,serif}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.font-quran{font-family:var(--font-quran),var(--font-amiri),serif}.font-sans{font-family:var(--font-sans),system-ui,-apple-system,Segoe UI,sans-serif}.font-serif{font-family:var(--font-serif),Georgia,serif}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-5xl{font-size:3rem;line-height:1}.text-6xl{font-size:3.75rem;line-height:1}.text-\[0\.72rem\]{font-size:.72rem}.text-\[0\.75rem\]{font-size:.75rem}.text-\[0\.78rem\]{font-size:.78rem}.text-\[0\.7rem\]{font-size:.7rem}.text-\[0\.82rem\]{font-size:.82rem}.text-\[0\.88rem\]{font-size:.88rem}.text-\[0\.8rem\]{font-size:.8rem}.text-\[0\.95rem\]{font-size:.95rem}.text-\[0\.98rem\]{font-size:.98rem}.text-\[0\.9rem\]{font-size:.9rem}.text-\[1\.08rem\]{font-size:1.08rem}.text-\[1\.12rem\]{font-size:1.12rem}.text-\[1\.1rem\]{font-size:1.1rem}.text-\[1\.2rem\]{font-size:1.2rem}.text-\[1\.35rem\]{font-size:1.35rem}.text-\[1\.3rem\]{font-size:1.3rem}.text-\[1\.5rem\]{font-size:1.5rem}.text-\[1\.65rem\]{font-size:1.65rem}.text-\[1\.6rem\]{font-size:1.6rem}.text-\[1\.75rem\]{font-size:1.75rem}.text-\[1\.7rem\]{font-size:1.7rem}.text-\[1\.8rem\]{font-size:1.8rem}.text-\[1\.9rem\]{font-size:1.9rem}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[1rem\]{font-size:1rem}.text-\[2\.1rem\]{font-size:2.1rem}.text-\[2\.4rem\]{font-size:2.4rem}.text-\[2rem\]{font-size:2rem}.text-\[3\.2rem\]{font-size:3.2rem}.text-\[3rem\]{font-size:3rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-black{font-weight:900}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.leading-\[1\.6\]{line-height:1.6}.leading-\[1\.7\]{line-height:1.7}.leading-\[1\.9\]{line-height:1.9}.leading-\[2\.1\]{line-height:2.1}.leading-\[2\.2\]{line-height:2.2}.leading-\[2\.35\]{line-height:2.35}.leading-\[2\.3\]{line-height:2.3}.leading-\[2\.4\]{line-height:2.4}.leading-relaxed{line-height:1.625}.leading-snug{line-height:1.375}.leading-tight{line-height:1.25}.tracking-\[0\.08em\]{letter-spacing:.08em}.tracking-\[0\.1em\]{letter-spacing:.1em}.tracking-\[0\.3em\]{letter-spacing:.3em}.tracking-tight{letter-spacing:-.025em}.tracking-wide{letter-spacing:.025em}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.underline{text-decoration-line:underline}.opacity-60{opacity:.6}.opacity-80{opacity:.8}.opacity-\[0\.07\]{opacity:.07}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0/0.1),0 1px 2px -1px rgb(0 0 0/0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline{outline-style:solid}.ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.blur{--tw-blur:blur(8px)}.blur,.sepia{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.sepia{--tw-sepia:sepia(100%)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}:root{--bg:#f8f7f3;--bg-sub:#efede6;--surface:#ffffff;--surface-2:#f4f2ec;--border:#e4e1d8;--border-2:#cfcbbf;--line:#e4e1d8;--text:#15171b;--text-2:#4a4f57;--text-3:#7d828a;--accent:#1f4fa3;--accent-h:#183d80;--accent-bg:rgba(31,79,163,0.08);--on-accent:#ffffff;--danger:#b42318;--danger-bg:rgba(180,35,24,0.08);--success:#2f7a4f;--success-bg:rgba(47,122,79,0.09);--warning:#a35a00;--warning-bg:rgba(163,90,0,0.09);--gold:#a8822f;--gold-soft:rgba(168,130,47,0.35);--path-gold:#8d6514;--path-gold-bg:rgba(141,101,20,0.09);--path-indigo:#4b3f8f;--path-indigo-bg:rgba(75,63,143,0.09);--path-teal:#1d6a5a;--path-teal-bg:rgba(29,106,90,0.09);--path-terracotta:#a3462a;--path-terracotta-bg:rgba(163,70,42,0.09);--path-sand:#7a5a2e;--path-sand-bg:rgba(122,90,46,0.10);--path-lapis:#1f4fa3;--path-lapis-bg:rgba(31,79,163,0.08);--path-olive:#5a6b1f;--path-olive-bg:rgba(90,107,31,0.10);--path-coral:#b4432c;--path-coral-bg:rgba(180,67,44,0.09);--ink:#121417;--ink-text:#f1efe9;--ink-muted:#a7abb2;--radius:4px;--shell-max:100%}.dark{--bg:#0e0f11;--bg-sub:#15171a;--surface:#141619;--surface-2:#1b1d21;--border:#272a2f;--border-2:#3a3e45;--line:#272a2f;--text:#ecebe6;--text-2:#b0b3b9;--text-3:#7e838b;--accent:#8fb0f0;--accent-h:#b3cbf7;--accent-bg:rgba(143,176,240,0.12);--on-accent:#0e0f11;--danger:#f08a80;--danger-bg:rgba(240,138,128,0.12);--success:#79c69a;--success-bg:rgba(121,198,154,0.12);--warning:#f0b45a;--warning-bg:rgba(240,180,90,0.12);--gold:#d4b26a;--gold-soft:rgba(212,178,106,0.4);--path-gold:#d9b25c;--path-gold-bg:rgba(217,178,92,0.13);--path-indigo:#b2a7ec;--path-indigo-bg:rgba(178,167,236,0.13);--path-teal:#7cc8b5;--path-teal-bg:rgba(124,200,181,0.13);--path-terracotta:#ee9a7c;--path-terracotta-bg:rgba(238,154,124,0.13);--path-sand:#d6b07a;--path-sand-bg:rgba(214,176,122,0.13);--path-lapis:#8fb0f0;--path-lapis-bg:rgba(143,176,240,0.13);--path-olive:#b9cc6c;--path-olive-bg:rgba(185,204,108,0.13);--path-coral:#f2957f;--path-coral-bg:rgba(242,149,127,0.13);--ink:#050607;--ink-text:#f1efe9;--ink-muted:#a7abb2}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-2);border-radius:8px}:root{--ill-ink:#1b1d22;--ill-muted:#7a7e86;--ill-paper:#ffffff;--ill-land:#ece4d2;--ill-sea:#dde7ee;--ill-route:#b8432c;--ill-accent:#1f4fa3;--ill-gold:#a8822f;--ill-green:#2f7a5a;--ill-red:#b8432c;--ill-soft:#eef0f4;--ill-skin:#e6cdb0;--ill-water:#5c9fd6;--ill-kaaba:#1b1d22;--ill-kaaba-edge:#1b1d22;--ill-sky:#e3ecf2;--ill-sun:#ebc983;--ill-sand:#d6bb88;--ill-animal:#7a746b;--ill-night:#1d2b4a;--ill-leaf:#6f8f4e}.dark{--ill-ink:#e9e7e1;--ill-muted:#9a9ea6;--ill-paper:#141619;--ill-land:#2a2721;--ill-sea:#16202a;--ill-route:#e2765f;--ill-accent:#8fb0f0;--ill-gold:#d4b26a;--ill-green:#6cc39b;--ill-red:#e2765f;--ill-soft:#22252a;--ill-skin:#b39577;--ill-water:#5a93c4;--ill-kaaba:#0b0c0e;--ill-kaaba-edge:#7c7f86;--ill-sky:#1a2330;--ill-sun:#c9a35a;--ill-sand:#4a3f2e;--ill-animal:#8a847a;--ill-night:#0c1424;--ill-leaf:#4f6b3a}html[data-reader-theme=sepia]{--bg:#f4ecd8;--bg-sub:#ebe1c8;--surface:#f8f1df;--surface-2:#efe6cf;--border:#dccfae;--border-2:#c8b98f;--line:#dccfae;--text:#3b2f1e;--text-2:#5b4a33;--text-3:#8a7655;--accent:#8a4b12;--accent-h:#6d3a0c;--accent-bg:rgba(138,75,18,0.1);--on-accent:#fff;--ill-paper:#f8f1df;--ill-land:#e9dcbc;--ill-sea:#dcdcc8;--ill-soft:#efe6cf;--ill-ink:#3b2f1e;--ill-kaaba:#2a2117;--ill-kaaba-edge:#2a2117;--ill-sky:#e6e0cc;--ill-sand:#d2b98a}html[data-reader-theme=night]{--bg:#000000;--bg-sub:#0a0a0a;--surface:#050505;--surface-2:#101010;--border:#1d1d1d;--border-2:#2b2b2b;--line:#1d1d1d;--text:#c9c6bd;--text-2:#9b988f;--text-3:#6e6b64;--accent:#c9a860;--accent-h:#dcc082;--accent-bg:rgba(201,168,96,0.12);--on-accent:#000;--ill-paper:#050505;--ill-land:#1d1b17;--ill-sea:#0e1418;--ill-soft:#151515;--ill-ink:#c9c6bd;--ill-muted:#77746d;--ill-kaaba:#0b0b0b;--ill-kaaba-edge:#6e6b64;--ill-sky:#0e1216;--ill-sand:#2a241b;--ill-sun:#a8874a;--ill-night:#05080e}html[data-reader-font=sans] .prose-article{font-family:var(--font-sans),system-ui,sans-serif}html[data-reader-size=s] .prose-article{font-size:1rem}html[data-reader-size=l] .prose-article{font-size:1.35rem}html[data-reader-size=xl] .prose-article{font-size:1.6rem}html[data-reader-size=s] .reader-scale{font-size:.9em}html[data-reader-size=l] .reader-scale{font-size:1.15em}html[data-reader-size=xl] .reader-scale{font-size:1.3em}html[data-reader-width=narrow] [data-readable]{max-width:40rem}html[data-reader-width=normal] [data-readable],html[data-reader-width=wide] [data-readable]{max-width:none}html[data-reader-line=loose] .prose-article{line-height:2.05}html[data-reader-focus=on] .lesson-aside,html[data-reader-focus=on] .portal-side,html[data-reader-focus=on] .portal-tabbar,html[data-reader-focus=on] .site-footer,html[data-reader-focus=on] .site-header,html[data-reader-focus=on] [data-reader-hide]{display:none!important}html[data-reader-focus=on] .portal-main{max-width:none;padding-top:4.5rem}html[data-reader-focus=on] [data-readable]{margin-inline:auto;max-width:64rem}html[data-reader-focus=on] .lesson-layout{grid-template-columns:minmax(0,1fr)}@keyframes skeleton-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.hover\:-translate-y-0\.5:hover{--tw-translate-y:-0.125rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:bg-\[var\(--surface\)\]:hover{background-color:var(--surface)}.hover\:bg-\[var\(--surface-2\)\]:hover{background-color:var(--surface-2)}.group:hover .group-hover\:underline,.hover\:underline:hover{text-decoration-line:underline}@media (min-width:640px){.sm\:order-none{order:0}.sm\:col-span-2{grid-column:span 2/span 2}.sm\:mx-8{margin-left:2rem;margin-right:2rem}.sm\:block{display:block}.sm\:inline{display:inline}.sm\:inline-flex{display:inline-flex}.sm\:w-auto{width:auto}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:justify-between{justify-content:space-between}.sm\:p-12{padding:3rem}.sm\:p-6{padding:1.5rem}.sm\:p-7{padding:1.75rem}.sm\:px-10{padding-left:2.5rem;padding-right:2.5rem}.sm\:px-12{padding-left:3rem;padding-right:3rem}.sm\:px-8{padding-left:2rem;padding-right:2rem}.sm\:py-14{padding-top:3.5rem;padding-bottom:3.5rem}.sm\:text-3xl{font-size:1.875rem;line-height:2.25rem}.sm\:text-4xl{font-size:2.25rem;line-height:2.5rem}.sm\:text-5xl{font-size:3rem;line-height:1}.sm\:text-6xl{font-size:3.75rem;line-height:1}.sm\:text-\[1\.9rem\]{font-size:1.9rem}.sm\:text-\[3\.1rem\]{font-size:3.1rem}.sm\:text-\[3\.6rem\]{font-size:3.6rem}.sm\:text-\[4\.6rem\]{font-size:4.6rem}.sm\:text-base{font-size:1rem;line-height:1.5rem}.sm\:text-xl{font-size:1.25rem;line-height:1.75rem}}@media (min-width:768px){.md\:bottom-6{bottom:1.5rem}.md\:inline{display:inline}.md\:inline-flex{display:inline-flex}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-cols-\[1fr_2fr\]{grid-template-columns:1fr 2fr}.md\:grid-cols-\[1fr_auto\]{grid-template-columns:1fr auto}.md\:grid-cols-\[2fr_1fr_1fr\]{grid-template-columns:2fr 1fr 1fr}.md\:items-end{align-items:flex-end}.md\:border-l{border-left-width:1px}.md\:pl-6{padding-left:1.5rem}}@media (min-width:900px){.min-\[900px\]\:hidden{display:none}}@media (min-width:1024px){.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-\[1\.3fr_1fr\]{grid-template-columns:1.3fr 1fr}.lg\:grid-cols-\[1fr_2fr\]{grid-template-columns:1fr 2fr}.lg\:grid-cols-\[1fr_auto\]{grid-template-columns:1fr auto}.lg\:items-end{align-items:flex-end}.lg\:pt-24{padding-top:6rem}.lg\:text-right{text-align:right}}@media (min-width:1280px){.xl\:flex{display:flex}.xl\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.xl\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.xl\:grid-cols-\[minmax\(0\2c 1fr\)_20rem\]{grid-template-columns:minmax(0,1fr) 20rem}.xl\:text-\[5\.6rem\]{font-size:5.6rem}}@media (min-width:1536px){.\32xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.\32xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}.\[\&_\.illustration-frame\]\:rounded-none .illustration-frame{border-radius:0}.\[\&_\.illustration-frame\]\:border-0 .illustration-frame{border-width:0}.\[\&_\.illustration\]\:m-0 .illustration{margin:0}.\[\&_figcaption\]\:hidden figcaption{display:none}