.layout{flex-direction:column;min-height:100dvh;display:flex}.header{background:var(--color-dark);z-index:100;justify-content:space-between;align-items:center;height:56px;padding:0 1.25rem;display:flex;position:sticky;top:0;box-shadow:0 2px 20px #0003}.header-logo{align-items:baseline;gap:.4rem;text-decoration:none;display:flex}.header-logo-ar{font-family:var(--font-display);color:var(--color-gold);font-size:1.5rem;font-weight:700}.header-logo-en{color:var(--color-text-muted);letter-spacing:.5px;font-size:.7rem}.header-nav-desktop{gap:.25rem;display:flex}.header-nav-link{color:var(--color-text-muted);transition:all var(--transition);border-radius:20px;align-items:center;gap:.3rem;padding:.4rem .75rem;font-size:.8rem;text-decoration:none;display:inline-flex}.header-nav-link:hover,.header-nav-link.active{color:var(--color-gold);background:#c4a44a1a}.header-hamburger{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;padding:6px;display:none}.header-hamburger span{background:var(--color-gold);border-radius:2px;width:22px;height:2px;transition:all .3s;display:block}.header-hamburger.open span:first-child{transform:rotate(45deg)translate(5px,5px)}.header-hamburger.open span:nth-child(2){opacity:0}.header-hamburger.open span:nth-child(3){transform:rotate(-45deg)translate(5px,-5px)}.mobile-menu-overlay{z-index:99;background:#0009;animation:.2s fadeIn;position:fixed;inset:56px 0 0}.mobile-menu{background:var(--color-dark);flex-direction:column;gap:.25rem;padding:1rem;animation:.25s slideDown;display:flex}.mobile-menu-link{color:var(--color-text-muted);border-radius:var(--radius-sm);transition:all var(--transition);align-items:center;gap:.75rem;padding:.85rem 1rem;font-size:1rem;text-decoration:none;display:flex}.mobile-menu-link.active,.mobile-menu-link:hover{color:var(--color-gold);background:#c4a44a1a}.mobile-menu-icon{font-size:1.25rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes cardIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.main-content{max-width:var(--max-width);flex:1;width:100%;margin:0 auto;padding:2rem 1.25rem 3rem}.footer{background:var(--color-dark);text-align:center;margin-top:auto;padding:2rem 1.25rem}.footer-title{font-family:var(--font-display);color:var(--color-gold);font-size:1.3rem}.footer-author{color:var(--color-text-muted);margin-top:.25rem;font-size:.85rem}.footer-period{color:#fff3;margin-top:.5rem;font-size:.75rem}.home-hero{text-align:center;padding:3rem 0 2rem}.home-hero-ornament{color:var(--color-gold);opacity:.5;font-size:1.5rem;line-height:1}.home-title{font-family:var(--font-display);color:var(--color-accent);margin:.25rem 0;font-size:4.5rem;line-height:1.1}.home-title-en{color:var(--color-text-muted);letter-spacing:1px;margin-bottom:1rem;font-size:1.1rem;font-style:italic}.home-author{color:var(--color-text-light);font-size:1.05rem}.home-period{color:var(--color-text-muted);margin-top:.25rem;font-size:.8rem}.home-description{text-align:center;max-width:560px;color:var(--color-text-light);margin:1.5rem auto 2rem;padding:0 .5rem;font-size:.95rem;line-height:2.2}.home-quick-links{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-bottom:2.5rem;display:flex}.home-quick-link{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-light);transition:all var(--transition);box-shadow:var(--shadow-sm);border-radius:24px;align-items:center;gap:.4rem;padding:.5rem 1rem;font-size:.8rem;display:flex}.home-quick-link:hover{border-color:var(--color-gold);color:var(--color-accent);box-shadow:var(--shadow-md);transform:translateY(-1px)}.home-quick-icon{font-size:1rem}.home-section-title{font-family:var(--font-display);color:var(--color-text-muted);text-align:center;margin-bottom:1.25rem;font-size:1.2rem;font-weight:400}.chapters-grid{flex-direction:column;gap:.75rem;display:flex}.chapter-card{background:var(--color-surface);border-radius:var(--radius);color:var(--color-text);transition:all var(--transition);box-shadow:var(--shadow-sm);text-decoration:none;animation:.4s both cardIn;display:flex;overflow:hidden}.chapter-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)}.chapter-card:active{transform:translateY(-1px)}.chapter-card-accent{flex-shrink:0;width:5px}.chapter-card-body{flex:1;padding:1rem 1.25rem}.chapter-card-top{align-items:center;gap:.5rem;margin-bottom:.35rem;display:flex}.chapter-card-icon{font-size:1.25rem}.chapter-card-number{color:var(--color-text-muted);font-size:.7rem}.chapter-card-title{font-family:var(--font-display);font-size:1.3rem;font-weight:700;line-height:1.5}.chapter-card-subtitle{color:var(--color-text-light);margin-top:.1rem;font-size:.8rem}.chapter-header{text-align:center;border-bottom:1px solid var(--color-border);margin-bottom:2.5rem;padding:2.5rem 0 2rem}.chapter-icon{margin-bottom:.75rem;font-size:3rem}.chapter-number{color:var(--color-text-muted);letter-spacing:.5px;font-size:.75rem}.chapter-title{font-family:var(--font-display);color:var(--color-accent);margin-top:.25rem;font-size:2.5rem;line-height:1.3}.chapter-title-en{color:var(--color-text-muted);margin-top:.25rem;font-size:.95rem;font-style:italic}.chapter-subtitle{color:var(--color-text-light);margin-top:.5rem;font-size:.9rem}.section{margin-bottom:3.5rem}.section-title{font-family:var(--font-display);color:var(--color-accent);border-bottom:1px solid var(--color-border);margin-bottom:.15rem;padding-bottom:.6rem;font-size:1.5rem}.section-header{justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:1.5rem;display:flex}.section-header .section-title{margin-bottom:0}.section-title-en{color:var(--color-text-muted);font-size:.8rem;font-style:italic}.section-audio-btn{background:var(--color-dark);color:var(--color-gold);cursor:pointer;font-family:var(--font-arabic);white-space:nowrap;transition:all var(--transition);box-shadow:var(--shadow-sm);border:none;border-radius:20px;flex-shrink:0;align-items:center;gap:.35rem;margin-top:.35rem;padding:.4rem .85rem;font-size:.75rem;display:flex}.section-audio-btn:hover{background:var(--color-accent);color:#fff;box-shadow:var(--shadow-md)}.section-audio-btn.playing{background:var(--color-gold);color:var(--color-dark);animation:2s infinite pulse}@keyframes pulse{0%,to{box-shadow:0 0 #c4a44a66}50%{box-shadow:0 0 0 6px #c4a44a00}}.content-paragraph{margin-bottom:1.75rem;font-size:1rem;line-height:2.2}.content-verse{border-right:3px solid var(--color-gold);border-radius:0 var(--radius) var(--radius) 0;font-family:var(--font-display);background:linear-gradient(135deg,#c4a44a0f 0%,#c4a44a05 100%);margin:1.75rem 0;padding:1.5rem 1.75rem;font-size:1.1rem;line-height:2.4}.content-quote{background:var(--color-surface);border-right:3px solid var(--color-accent);border-radius:0 var(--radius) var(--radius) 0;font-family:var(--font-display);box-shadow:var(--shadow-sm);margin:1.75rem 0;padding:1.5rem 1.75rem;font-size:1.05rem;line-height:2.2;position:relative}.content-quote-attribution{color:var(--color-text-muted);margin-top:.75rem;font-size:.8rem}.content-teaching{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-sm);margin:1.5rem 0;padding:1.5rem}.content-teaching-title{color:var(--color-accent);margin-bottom:.6rem;font-size:1rem;font-weight:700}.content-teaching-text{white-space:pre-line;font-size:.95rem;line-height:2.1}.content-poem{text-align:center;color:var(--color-gold);border-radius:var(--radius);box-shadow:var(--shadow-md);background:linear-gradient(145deg,#1e1a14 0%,#2d2820 100%);margin:2rem 0;padding:2.5rem 1.5rem}.content-poem-title{font-family:var(--font-display);color:#ffffffb3;margin-bottom:1.75rem;font-size:1.2rem}.content-poem-verse{font-family:var(--font-display);white-space:pre-line;margin-bottom:1.5rem;font-size:1.15rem;line-height:2.6}.content-poem-verse:last-child{margin-bottom:0}.poem-commentary-item{border-bottom:1px dashed var(--color-border);margin-bottom:2.25rem;padding-bottom:2rem}.poem-commentary-item:last-child{border-bottom:none}.poem-commentary-verse{font-family:var(--font-display);text-align:center;color:var(--color-gold);border-radius:var(--radius-sm);background:linear-gradient(145deg,#1e1a14 0%,#2d2820 100%);margin-bottom:1rem;padding:1.25rem;font-size:1.1rem;line-height:2.2}.poem-commentary-text{color:var(--color-text-light);padding:0 .5rem;font-size:.95rem;line-height:2.1}.content-story{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-sm);margin:2rem 0;padding:1.75rem}.content-story-title{font-family:var(--font-display);color:var(--color-accent);margin-bottom:1rem;font-size:1.15rem}.content-story-text{margin-bottom:1rem;font-size:.95rem;line-height:2.1}.content-story-quote{border-radius:var(--radius-sm);font-family:var(--font-display);text-align:center;color:var(--color-accent);background:#c4a44a0f;padding:1rem 1.25rem;font-weight:600;line-height:2.2}.calligraphy-style{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-sm);margin:1rem 0;padding:1.5rem}.calligraphy-style-name{font-family:var(--font-display);color:var(--color-accent);margin-bottom:.5rem;font-size:1.05rem;font-weight:700}.content-list{margin:1.5rem 0}.content-list-title{color:var(--color-accent);margin-bottom:.75rem;font-weight:700}.content-list ul{padding:0;list-style:none}.content-list li{padding:.6rem 1.5rem;font-size:.95rem;line-height:2;position:relative}.content-list li:before{content:"";background:var(--color-gold);border-radius:50%;width:6px;height:6px;position:absolute;top:1rem;right:0}.qa-item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-sm);margin:.75rem 0;padding:1rem 1.25rem}.qa-question{color:var(--color-accent);margin-bottom:.2rem;font-size:1rem;font-weight:700}.qa-topic{color:var(--color-text-muted);font-size:.8rem}.chapter-nav{border-top:1px solid var(--color-border);justify-content:space-between;gap:.75rem;margin-top:3.5rem;padding-top:2rem;display:flex}.chapter-nav-btn{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);transition:all var(--transition);font-family:var(--font-arabic);box-shadow:var(--shadow-sm);flex-direction:column;gap:.2rem;padding:.85rem 1.25rem;font-size:.9rem;text-decoration:none;display:flex}.chapter-nav-btn:hover{border-color:var(--color-gold);color:var(--color-accent);box-shadow:var(--shadow-md);transform:translateY(-2px)}.chapter-nav-label{color:var(--color-text-muted);font-size:.7rem}.back-home{color:var(--color-text-muted);transition:color var(--transition);align-items:center;gap:.4rem;margin-bottom:1rem;font-size:.8rem;display:inline-flex}.back-home:hover{color:var(--color-accent)}.gallery-page{max-width:100%}.gallery-header{text-align:center;margin-bottom:2rem}.gallery-title{font-family:var(--font-display);color:var(--color-accent);font-size:2.5rem}.gallery-subtitle{color:var(--color-text-light);margin-top:.25rem;font-size:.9rem}.gallery-count{color:var(--color-text-muted);margin-top:.25rem;font-size:.75rem}.gallery-grid{grid-template-columns:repeat(3,1fr);gap:.5rem;display:grid}.gallery-item{aspect-ratio:1;border-radius:var(--radius-sm);cursor:pointer;transition:transform var(--transition), box-shadow var(--transition);background:var(--color-bg-alt);overflow:hidden}.gallery-item:hover{box-shadow:var(--shadow-lg);transform:scale(1.03)}.gallery-thumb{object-fit:cover;width:100%;height:100%;display:block}.gallery-lightbox{z-index:1000;cursor:pointer;background:#000000f5;flex-direction:column;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.gallery-lightbox-close{color:#fff;cursor:pointer;z-index:1001;opacity:.7;background:0 0;border:none;font-size:2.5rem;line-height:1;transition:opacity .2s;position:absolute;top:1rem;left:1rem}.gallery-lightbox-close:hover{opacity:1}.gallery-lightbox-nav{align-items:center;gap:1rem;max-width:95vw;max-height:85vh;display:flex}.gallery-lightbox-prev,.gallery-lightbox-next{color:#fff;cursor:pointer;border-radius:var(--radius-sm);transition:background var(--transition);background:#ffffff1a;border:none;flex-shrink:0;padding:.75rem 1rem;font-size:2rem}.gallery-lightbox-prev:hover,.gallery-lightbox-next:hover{background:#c4a44a4d}.gallery-lightbox-img{object-fit:contain;border-radius:var(--radius-sm);cursor:default;max-width:80vw;max-height:85vh}.gallery-lightbox-counter{color:#fff6;direction:ltr;margin-top:1rem;font-size:.8rem}.quran-page{max-width:100%}.quran-header{text-align:center;margin-bottom:2rem}.quran-title{font-family:var(--font-display);color:var(--color-accent);font-size:2.5rem}.quran-reciter{color:var(--color-text-light);margin-top:.25rem;font-size:.9rem}.quran-juz-selector{margin-bottom:1.5rem}.quran-juz-label{color:var(--color-text-muted);text-align:center;margin-bottom:.5rem;font-size:.8rem}.quran-juz-grid{grid-template-columns:repeat(10,1fr);gap:.35rem;display:grid}.quran-juz-btn{font-family:var(--font-arabic);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);cursor:pointer;transition:all var(--transition);padding:.45rem 0;font-size:.8rem}.quran-juz-btn:hover{border-color:var(--color-gold);background:var(--color-bg-alt)}.quran-juz-btn.active{background:var(--color-accent);color:#fff;border-color:var(--color-accent);box-shadow:0 2px 8px #8b69144d}.quran-juz-btn.unavailable{opacity:.35}.quran-juz-btn.unavailable.active{opacity:1;background:var(--color-text-muted)}.quran-player-wrapper{margin-bottom:1.5rem}.quran-player-container{border-radius:var(--radius);text-align:left;box-shadow:var(--shadow-md);direction:ltr;background:linear-gradient(145deg,#1e1a14 0%,#2d2820 100%);padding:1rem 1.25rem .75rem;overflow:hidden}.quran-player-label{color:var(--color-gold);font-family:var(--font-display);text-align:center;direction:rtl;margin-bottom:.25rem;font-size:1rem}.quran-player-container .rhap_container{box-shadow:none!important;background:0 0!important;padding:0!important}.quran-player-container .rhap_time{color:#fff6!important;direction:ltr!important;font-size:.75rem!important}.quran-player-container .rhap_progress-bar{background:#ffffff1a!important;border-radius:3px!important;height:5px!important}.quran-player-container .rhap_progress-filled{background:var(--color-gold)!important;border-radius:3px!important}.quran-player-container .rhap_progress-indicator{background:var(--color-gold)!important;width:14px!important;height:14px!important;top:-5px!important;box-shadow:0 0 8px #c4a44a66!important}.quran-player-container .rhap_button-clear{color:var(--color-gold)!important}.quran-player-container .rhap_button-clear:hover{color:#fff!important}.quran-player-container .rhap_volume-bar{background:#ffffff1a!important}.quran-player-container .rhap_volume-filled{background:var(--color-gold)!important}.quran-player-container .rhap_volume-indicator{background:var(--color-gold)!important;box-shadow:0 0 4px #c4a44a66!important}.quran-player-container .rhap_repeat-button,.quran-player-container .rhap_volume-button{color:var(--color-gold)!important}.quran-speed-controls{border-top:1px solid #ffffff0f;justify-content:center;gap:.4rem;margin-top:.5rem;padding-top:.5rem;display:flex}.quran-speed-btn{font-family:var(--font-arabic);color:#fff6;cursor:pointer;transition:all var(--transition);background:0 0;border:1px solid #c4a44a40;border-radius:12px;padding:.2rem .6rem;font-size:.7rem}.quran-speed-btn:hover{border-color:var(--color-gold);color:var(--color-gold)}.quran-speed-btn.active{background:var(--color-gold);color:var(--color-dark);border-color:var(--color-gold)}.quran-player-unavailable-box{color:var(--color-text-muted);border-radius:var(--radius);background:linear-gradient(145deg,#1e1a14 0%,#2d2820 100%);justify-content:center;align-items:center;gap:.75rem;padding:1.5rem;font-size:.85rem;display:flex}.quran-text-container{margin-top:1.5rem}.quran-surah{margin-bottom:3rem}.quran-surah-header{text-align:center;border-radius:var(--radius);box-shadow:var(--shadow-sm);background:linear-gradient(145deg,#1e1a14 0%,#2d2820 100%);margin-bottom:1.75rem;padding:1.25rem}.quran-surah-name{font-family:var(--font-display);color:var(--color-gold);font-size:1.8rem}.quran-surah-name-en{color:#ffffff4d;margin-top:.1rem;font-size:.75rem}.quran-ayahs{font-family:var(--font-display);text-align:justify;color:var(--color-text);padding:0 .25rem;font-size:1.4rem;line-height:3}.quran-ayah,.quran-ayah-text{display:inline}.quran-ayah-number{color:var(--color-gold);font-size:.8rem;font-family:var(--font-arabic);margin:0 .2rem;display:inline}.explore-header{text-align:center;margin-bottom:1rem}.explore-title{font-family:var(--font-display);color:var(--color-accent);font-size:2rem}.explore-subtitle{color:var(--color-text-muted);font-size:.85rem}.explore-filters{flex-wrap:wrap;justify-content:center;gap:.4rem;margin-bottom:.75rem;display:flex}.explore-filter-btn{font-family:var(--font-arabic);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-light);cursor:pointer;transition:all var(--transition);border-radius:20px;padding:.35rem .85rem;font-size:.8rem}.explore-filter-btn:hover{border-color:var(--color-gold)}.explore-filter-btn.active{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}.explore-legend{color:var(--color-text-muted);flex-wrap:wrap;justify-content:center;gap:.6rem;margin-bottom:.5rem;font-size:.65rem;display:flex}.explore-legend-item{align-items:center;gap:.2rem;display:flex}.explore-legend-dot{border-radius:50%;width:7px;height:7px}.explore-graph-container{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-bg);box-shadow:var(--shadow-sm);overflow:hidden}.explore-detail{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-sm);margin-top:1rem;padding:1.25rem;animation:.25s slideDown}.explore-detail-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.explore-detail-type{color:var(--color-text-muted);background:var(--color-bg-alt);border-radius:10px;padding:.15rem .6rem;font-size:.7rem}.explore-detail-close{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;font-size:1.2rem}.explore-detail-name{font-family:var(--font-display);color:var(--color-accent);font-size:1.25rem}.explore-detail-en{color:var(--color-text-muted);font-size:.8rem;font-style:italic}.explore-detail-connections{color:var(--color-gold);margin-top:.3rem;font-size:.75rem}.explore-detail-navigate{font-family:var(--font-arabic);background:var(--color-accent);color:#fff;border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition);border:none;margin-top:.75rem;padding:.45rem 1rem;font-size:.85rem}.explore-detail-navigate:hover{background:var(--color-accent-light)}.explore-stats{text-align:center;color:var(--color-text-muted);margin-top:.75rem;font-size:.7rem}@media (width<=768px){html{font-size:16px}.header-nav-desktop{display:none}.header-hamburger{display:flex}.main-content{padding:1.5rem 1rem 2.5rem}.home-title{font-size:3.5rem}.home-description{font-size:.9rem}.chapter-title{font-size:2rem}.section-title{font-size:1.3rem}.chapter-nav{flex-direction:column}.gallery-grid{grid-template-columns:repeat(2,1fr);gap:.4rem}.gallery-lightbox-prev,.gallery-lightbox-next{padding:.5rem .75rem;font-size:1.5rem}.quran-juz-grid{grid-template-columns:repeat(6,1fr)}.quran-ayahs{font-size:1.2rem;line-height:2.8}.quran-surah-name{font-size:1.5rem}.home-quick-links{gap:.4rem}.home-quick-link{padding:.4rem .8rem;font-size:.75rem}}@media (width>=769px){.header-hamburger,.mobile-menu-overlay{display:none}}@media (width<=380px){.home-title{font-size:2.8rem}.quran-juz-grid{grid-template-columns:repeat(5,1fr)}}.tj-progress-bar{z-index:99;background:#0000000d;height:3px;position:fixed;top:56px;left:0;right:0}.tj-progress-fill{background:var(--color-gold);border-radius:0 0 2px 2px;height:100%;transition:width .1s linear}.tj-hero{text-align:center;padding:2rem 0 1.5rem}.tj-ornament{color:var(--color-gold);opacity:.5;font-size:1.5rem}.tj-title{font-family:var(--font-display);color:var(--color-accent);margin:.25rem 0;font-size:2.5rem}.tj-subtitle{color:var(--color-text-muted);font-size:.85rem}.tj-layout{align-items:flex-start;gap:2rem;display:flex;position:relative}.tj-sidebar{flex-shrink:0;width:220px;max-height:calc(100vh - 90px);padding-bottom:2rem;position:sticky;top:72px;overflow-y:auto}.tj-sidebar::-webkit-scrollbar{width:3px}.tj-sidebar::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}.tj-sidebar-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem;padding-right:.5rem;font-size:.7rem}.tj-sidebar-item{width:100%;font-family:var(--font-arabic);color:var(--color-text-light);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition);text-align:right;background:0 0;border:none;align-items:center;gap:.5rem;padding:.5rem;font-size:.8rem;display:flex;position:relative}.tj-sidebar-item:hover{background:var(--color-bg-alt);color:var(--color-text)}.tj-sidebar-item.active{color:var(--color-accent);background:#c4a44a1a;font-weight:700}.tj-sidebar-num{background:var(--color-bg-alt);width:22px;height:22px;color:var(--color-text-muted);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.65rem;display:flex}.tj-sidebar-item.active .tj-sidebar-num{background:var(--color-accent);color:#fff}.tj-sidebar-text{flex:1;line-height:1.4}.tj-sidebar-dot{background:var(--color-gold);border-radius:50%;flex-shrink:0;width:6px;height:6px}.tj-mobile-toggle{background:var(--color-dark);border-radius:var(--radius-sm);width:100%;font-family:var(--font-arabic);color:var(--color-gold);cursor:pointer;box-shadow:var(--shadow-md);border:none;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:1.25rem;padding:.75rem 1rem;font-size:.85rem;display:none}.tj-toggle-arrow{color:var(--color-text-muted);font-size:.6rem;transition:transform .3s}.tj-toggle-arrow.open{transform:rotate(180deg)}.tj-mobile-overlay{z-index:98;background:#00000080;animation:.2s fadeIn;position:fixed;inset:56px 0 0}.tj-mobile-menu{background:var(--color-surface);max-height:70vh;box-shadow:var(--shadow-lg);flex-direction:column;gap:.2rem;padding:.75rem;animation:.25s slideDown;display:flex;overflow-y:auto}.tj-mobile-item{font-family:var(--font-arabic);color:var(--color-text-light);cursor:pointer;border-radius:var(--radius-sm);text-align:right;background:0 0;border:none;align-items:center;gap:.6rem;width:100%;padding:.7rem .75rem;font-size:.9rem;display:flex}.tj-mobile-item.active{color:var(--color-accent);background:#c4a44a1a;font-weight:700}.tj-mobile-num{background:var(--color-bg-alt);width:24px;height:24px;color:var(--color-text-muted);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.7rem;display:flex}.tj-mobile-item.active .tj-mobile-num{background:var(--color-accent);color:#fff}.tj-content{flex:1;min-width:0}.tj-topic-header{border-bottom:1px solid var(--color-border);margin-bottom:2rem;padding-bottom:1.25rem}.tj-topic-badge{color:var(--color-text-muted);background:var(--color-bg-alt);border-radius:10px;padding:.2rem .6rem;font-size:.7rem}.tj-topic-title{font-family:var(--font-display);color:var(--color-accent);margin-top:.5rem;font-size:2rem;line-height:1.4}.tj-section{margin-bottom:2.5rem}.tj-section-title{font-family:var(--font-display);color:var(--color-accent);border-bottom:1px solid var(--color-border);margin-bottom:1rem;padding-bottom:.4rem;font-size:1.3rem}.tj-text{margin-bottom:1.25rem;font-size:.95rem;line-height:2.2}.tj-rule{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-sm);margin-bottom:1rem;padding:1.25rem}.tj-rule-title{color:var(--color-accent);margin-bottom:.5rem;font-size:1rem;font-weight:700}.tj-rule-body{font-size:.93rem;line-height:2.1}.tj-table-wrap{border-radius:var(--radius);border:1px solid var(--color-border);margin-bottom:1.25rem;overflow-x:auto}.tj-table{border-collapse:collapse;direction:rtl;width:100%;font-size:.85rem}.tj-table th{background:var(--color-dark);color:var(--color-gold);text-align:right;white-space:nowrap;padding:.6rem .75rem;font-weight:600}.tj-table td{border-bottom:1px solid var(--color-border);text-align:right;padding:.55rem .75rem;line-height:1.8}.tj-table tr:last-child td{border-bottom:none}.tj-table tr:hover td{background:#c4a44a0a}.tj-mnemonic{border-right:3px solid var(--color-gold);border-radius:0 var(--radius) var(--radius) 0;font-family:var(--font-display);background:linear-gradient(135deg,#c4a44a14 0%,#c4a44a05 100%);align-items:flex-start;gap:.75rem;margin-bottom:1.25rem;padding:1rem 1.25rem;font-size:1.05rem;line-height:2;display:flex}.tj-mnemonic-star{color:var(--color-gold);flex-shrink:0;margin-top:.3rem;font-size:1.2rem}.tj-examples{flex-wrap:wrap;gap:.4rem;margin-bottom:1.25rem;display:flex}.tj-example-tag{font-family:var(--font-display);background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text);border-radius:20px;padding:.3rem .75rem;font-size:.9rem;line-height:1.6}.tj-warning{border-radius:0 var(--radius) var(--radius) 0;background:#b43c1e0f;border-right:3px solid #b43c1e;align-items:flex-start;gap:.75rem;margin-bottom:1.25rem;padding:1rem 1.25rem;font-size:.9rem;line-height:2;display:flex}.tj-warning-icon{color:#fff;background:#b43c1e;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;margin-top:.3rem;font-size:.7rem;font-weight:700;display:flex}.tj-nav{border-top:1px solid var(--color-border);justify-content:space-between;gap:.75rem;margin-top:3rem;padding-top:1.5rem;display:flex}.tj-nav-btn{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-family:var(--font-arabic);color:var(--color-text);cursor:pointer;transition:all var(--transition);box-shadow:var(--shadow-sm);text-align:right;flex-direction:column;gap:.15rem;padding:.75rem 1rem;font-size:.9rem;display:flex}.tj-nav-btn:hover{border-color:var(--color-gold);color:var(--color-accent);box-shadow:var(--shadow-md);transform:translateY(-2px)}.tj-nav-label{color:var(--color-text-muted);font-size:.7rem}@media (width<=768px){.tj-sidebar{display:none!important}.tj-mobile-toggle{display:flex}.tj-layout{flex-direction:column;gap:0}.tj-content{width:100%;max-width:100%}.tj-hero{padding:1.5rem 0 1rem}.tj-title{font-size:1.8rem}.tj-subtitle{padding:0 .5rem;font-size:.78rem}.tj-ornament{font-size:1.2rem}.tj-topic-header{margin-bottom:1.5rem;padding-bottom:1rem}.tj-topic-title{font-size:1.4rem}.tj-topic-badge{font-size:.65rem}.tj-section{margin-bottom:2rem}.tj-section-title{font-size:1.1rem}.tj-text{margin-bottom:1rem;font-size:.9rem;line-height:2.1}.tj-rule{margin-bottom:.85rem;padding:1rem}.tj-rule-title{font-size:.93rem}.tj-rule-body{font-size:.88rem;line-height:2}.tj-table{font-size:.78rem}.tj-table th{padding:.45rem .5rem;font-size:.75rem}.tj-table td{padding:.4rem .5rem;line-height:1.7}.tj-table-wrap{margin-bottom:1rem}.tj-mnemonic{gap:.5rem;margin-bottom:1rem;padding:.85rem 1rem;font-size:.93rem;line-height:2}.tj-mnemonic-star{margin-top:.2rem;font-size:1rem}.tj-examples{gap:.3rem;margin-bottom:1rem}.tj-example-tag{padding:.25rem .6rem;font-size:.8rem}.tj-warning{gap:.5rem;margin-bottom:1rem;padding:.85rem 1rem;font-size:.85rem}.tj-warning-icon{width:20px;height:20px;font-size:.65rem}.tj-nav{flex-direction:column;margin-top:2rem;padding-top:1rem}.tj-nav-btn{padding:.65rem .85rem;font-size:.85rem}.tj-mode-toggle{margin-top:1rem}.tj-mode-btn{padding:.45rem 1.1rem;font-size:.8rem}}@media (width<=380px){.tj-title{font-size:1.5rem}.tj-topic-title{font-size:1.25rem}.tj-table{font-size:.72rem}.tj-table th,.tj-table td{padding:.35rem .4rem}}.tj-mode-toggle{justify-content:center;gap:.5rem;margin-top:1.25rem;display:flex}.tj-mode-btn{font-family:var(--font-arabic);border:2px solid var(--color-border);background:var(--color-surface);color:var(--color-text-light);cursor:pointer;transition:all var(--transition);border-radius:24px;align-items:center;gap:.4rem;padding:.55rem 1.5rem;font-size:.9rem;display:inline-flex}.tj-mode-btn:hover{border-color:var(--color-gold)}.tj-mode-btn.active{background:var(--color-dark);color:var(--color-gold);border-color:var(--color-dark);box-shadow:var(--shadow-md)}.tjl-progress-bar{background:var(--color-bg-alt);border-radius:4px;height:8px;margin-bottom:.35rem;overflow:hidden}.tjl-progress-fill{background:linear-gradient(90deg, var(--color-gold), var(--color-accent));border-radius:4px;height:100%;transition:width .5s}.tjl-progress-text{color:var(--color-text-muted);text-align:center;margin-bottom:1.5rem;font-size:.75rem}.tjl-topics{-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:.4rem;margin-bottom:1rem;padding-bottom:.75rem;display:flex;overflow-x:auto}.tjl-topics::-webkit-scrollbar{display:none}.tjl-topic-btn{border:2px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);cursor:pointer;min-width:80px;font-family:var(--font-arabic);color:var(--color-text-light);transition:all var(--transition);flex-direction:column;flex-shrink:0;align-items:center;gap:.3rem;padding:.6rem .75rem;font-size:.7rem;display:flex}.tjl-topic-btn.active{border-color:var(--color-gold);color:var(--color-accent);background:#c4a44a14}.tjl-topic-btn.done{background:#2d7d460f;border-color:#2d7d46}.tjl-topic-btn.started{border-color:var(--color-accent-light)}.tjl-topic-icon{font-size:1.5rem}.tjl-topic-name{text-align:center;line-height:1.3}.tjl-lesson-dots{justify-content:center;gap:.5rem;margin-bottom:1.25rem;display:flex}.tjl-dot{background:var(--color-border);cursor:pointer;width:10px;height:10px;transition:all var(--transition);border-radius:50%}.tjl-dot.active{background:var(--color-gold);transform:scale(1.3);box-shadow:0 0 0 3px #c4a44a33}.tjl-dot.done{background:#2d7d46}.tjl-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-md);text-align:center;padding:2rem 1.5rem;animation:.3s cardIn}.tjl-card-badge{color:var(--color-text-muted);background:var(--color-bg-alt);border-radius:10px;margin-bottom:.5rem;padding:.2rem .6rem;font-size:.7rem;display:inline-block}.tjl-card-title{font-family:var(--font-display);color:var(--color-accent);margin-bottom:1.5rem;font-size:1.6rem}.tjl-teach{text-align:right;margin-bottom:2rem}.tjl-teach-line{border-bottom:1px solid var(--color-bg-alt);align-items:flex-start;gap:.75rem;padding:.75rem 0;font-size:.95rem;line-height:2;display:flex}.tjl-teach-line:last-child{border-bottom:none}.tjl-teach-bullet{background:var(--color-gold);border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:.7rem}.tjl-quiz-progress{color:var(--color-text-muted);margin-bottom:.5rem;font-size:.75rem}.tjl-quiz-bar{background:var(--color-bg-alt);border-radius:2px;height:4px;margin-bottom:1.5rem;overflow:hidden}.tjl-quiz-bar-fill{background:var(--color-gold);border-radius:2px;height:100%;transition:width .3s}.tjl-quiz-question{font-family:var(--font-display);color:var(--color-text);margin-bottom:1.5rem;font-size:1.2rem;line-height:1.8}.tjl-options{text-align:right;flex-direction:column;gap:.5rem;margin-bottom:1.5rem;display:flex}.tjl-option{font-family:var(--font-arabic);border:2px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);cursor:pointer;text-align:right;padding:.85rem 1.25rem;font-size:.95rem;transition:all .2s}.tjl-option:hover:not(.correct):not(.wrong){border-color:var(--color-gold);background:#c4a44a0d}.tjl-option.selected{border-color:var(--color-gold);background:#c4a44a1a}.tjl-option.correct{color:#2d7d46;background:#2d7d461a;border-color:#2d7d46;font-weight:700}.tjl-option.wrong{color:#b43c1e;background:#b43c1e0f;border-color:#b43c1e;text-decoration:line-through}.tjl-result-icon{margin-bottom:.75rem;font-size:3.5rem}.tjl-result-title{font-family:var(--font-display);color:var(--color-accent);margin-bottom:.5rem;font-size:1.8rem}.tjl-result-score{color:var(--color-text-light);margin-bottom:1.5rem;font-size:1rem}.tjl-result-actions{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.tjl-btn-primary{font-family:var(--font-arabic);background:var(--color-accent);color:#fff;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);box-shadow:var(--shadow-sm);border:none;padding:.75rem 2rem;font-size:1rem}.tjl-btn-primary:hover{background:var(--color-accent-light);box-shadow:var(--shadow-md);transform:translateY(-1px)}.tjl-btn-secondary{font-family:var(--font-arabic);background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);padding:.75rem 2rem;font-size:1rem}.tjl-btn-secondary:hover{border-color:var(--color-gold)}:root{--color-bg:#faf8f4;--color-bg-alt:#f2ede5;--color-surface:#fff;--color-text:#1e1a14;--color-text-light:#7a6f62;--color-text-muted:#a89e90;--color-accent:#8b6914;--color-accent-light:#c4a44a;--color-border:#e2dbd0;--color-gold:#c4a44a;--color-dark:#1e1a14;--font-arabic:"Noto Naskh Arabic", "Amiri", serif;--font-display:"Amiri", serif;--max-width:720px;--radius:16px;--radius-sm:10px;--shadow-sm:0 1px 3px #0000000a, 0 1px 2px #00000008;--shadow-md:0 4px 16px #0000000f, 0 2px 6px #0000000a;--shadow-lg:0 12px 40px #0000001a, 0 4px 12px #0000000d;--transition:.3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-tap-highlight-color:transparent;font-size:17px}body{font-family:var(--font-arabic);background:var(--color-bg);color:var(--color-text);text-align:right;-webkit-font-smoothing:antialiased;direction:rtl;line-height:2;overflow-x:hidden}a{color:var(--color-accent);transition:color var(--transition);text-decoration:none}a:hover{color:var(--color-accent-light)}::selection{background:var(--color-gold);color:#fff}img{max-width:100%}