.seerah-body{background:var(--bg)}.tl-list{flex:1;padding:12px 14px 28px;overflow-y:auto}.tl-item{text-align:left;gap:14px;width:100%;padding:4px 0;display:flex;position:relative}.tl-rail{flex-direction:column;flex:none;align-items:center;width:30px;display:flex}.tl-dot{border:2.5px solid var(--border-strong);background:var(--surface);z-index:2;border-radius:50%;width:14px;height:14px;margin-top:14px;transition:border-color .2s,background .2s}.tl-line{background:var(--border);flex:1;width:2px;margin:4px 0}.tl-item:last-child .tl-line{display:none}.tl-item.active .tl-dot{border-color:var(--primary);background:var(--primary);box-shadow:0 0 0 4px var(--primary-soft)}.tl-body{border-radius:12px;flex:1;min-width:0;padding:10px 12px;transition:background .15s}.tl-item:hover .tl-body{background:var(--surface-2)}.tl-item.active .tl-body{background:var(--primary-soft)}[data-theme=dark] .tl-item.active .tl-body{background:#11352763}.tl-era{font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;color:var(--accent);font-size:11px;font-weight:700;display:block}.tl-title{font-family:var(--font-display);color:var(--ink);margin-top:3px;font-size:14.5px;font-weight:600;line-height:1.3;display:block}.tl-body.rtl{text-align:right;direction:rtl}.tl-body.rtl .tl-title{font-family:var(--font-arabic);font-size:16px}.ch-hero{border-radius:var(--radius-lg);background:linear-gradient(150deg, var(--emerald-800), var(--emerald-700) 60%, var(--emerald-600));color:#eafff4;box-shadow:var(--shadow-lg);margin:28px 28px 0;position:relative;overflow:hidden}.ch-hero .star-pattern{opacity:.5}.ch-hero-inner{z-index:2;padding:40px 130px 40px 44px;position:relative}.ch-hero .step{font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;color:var(--gold-400);align-items:center;gap:8px;font-size:12px;font-weight:700;display:inline-flex}.ch-hero .era{font-family:var(--font-display);color:#eafff4bf;margin-top:14px;font-size:13px;font-weight:600}.ch-hero h1{color:#fff;margin-top:6px;font-size:clamp(28px,4vw,40px);line-height:1.2}.ch-hero .ar-title{font-family:var(--font-arabic);color:var(--gold-300,#6cc6a0);margin-top:10px;font-size:26px;line-height:1.5}.ch-hero .ic{opacity:.85;width:84px;height:84px;color:var(--gold-400);position:absolute;top:50%;right:30px;transform:translateY(-50%)}.ch-hero .ic svg{width:100%;height:100%}.ch-hero.rtl .ch-hero-inner{text-align:right;padding:40px 44px 40px 130px}.ch-hero.rtl h1{font-family:var(--font-arabic);line-height:1.6}.ch-hero.rtl .ar-title{font-family:var(--font-display);font-size:16px}.ch-hero.rtl .step{flex-direction:row-reverse}.ch-hero.rtl .ic{left:30px;right:auto}.article{width:100%;max-width:760px;margin:0 auto;padding:36px 28px 40px}.article p{color:var(--ink-2);text-wrap:pretty;margin-bottom:22px;font-size:18.5px;line-height:1.85}.article p em{color:var(--primary);font-style:italic;font-weight:600}[data-theme=dark] .article p em{color:var(--emerald-300)}.article .ar-inline{font-family:var(--font-arabic);color:var(--ink);direction:rtl;unicode-bidi:isolate;font-size:1.15em;font-weight:700}.article.rtl{direction:rtl}.article.rtl p{font-family:var(--font-arabic);text-align:right;color:var(--ink);font-size:23px;line-height:2.15}.article.rtl p em{color:var(--primary);font-style:normal}.article .drop:first-letter{font-family:var(--font-display);float:left;color:var(--primary);margin:6px 14px 0 0;font-size:3.4em;font-weight:800;line-height:.8}.article.rtl .drop:first-letter{float:none;color:inherit;margin:0;font-size:1em}.refs{width:100%;max-width:760px;margin:4px auto 0;padding:0 28px}.refs-inner{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);padding:22px 26px}.refs-h{font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;color:var(--accent);align-items:center;gap:9px;margin-bottom:14px;font-size:12.5px;font-weight:700;display:flex}.refs-h svg{width:16px;height:16px}.refs ul{flex-direction:column;gap:9px;display:flex}.refs li{color:var(--muted);padding-left:18px;font-size:14.5px;line-height:1.55;position:relative}.refs li:before{content:"";background:var(--accent);border-radius:50%;width:6px;height:6px;position:absolute;top:9px;left:0}.refs li em{color:var(--ink-2);font-style:italic}.refs.rtl .refs-inner{direction:rtl}.refs.rtl .refs-h{flex-direction:row-reverse}.refs.rtl ul{direction:ltr}.refs.rtl li{padding-left:18px;padding-right:0}.refs.rtl li:before{left:0;right:auto}.ch-foot{justify-content:space-between;gap:14px;width:100%;max-width:760px;margin:0 auto;padding:8px 28px 90px;display:flex}.ch-foot button{border:1px solid var(--border);background:var(--surface);text-align:left;border-radius:16px;flex:1;padding:18px 22px;transition:border-color .2s,transform .2s,box-shadow .2s}.ch-foot button:hover{border-color:var(--primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.ch-foot button.next{text-align:right}.ch-foot button[disabled]{opacity:.35;pointer-events:none}.ch-foot .fl-lab{font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:11px;font-weight:600}.ch-foot .fl-name{font-family:var(--font-display);color:var(--ink);margin-top:4px;font-size:15px;font-weight:700;line-height:1.25}@media (max-width:560px){.ch-hero{margin:18px 16px 0}.ch-hero-inner,.ch-hero.rtl .ch-hero-inner{padding:28px 22px}.ch-hero .ic{display:none}.article{padding:28px 18px 30px}.article p{font-size:17px}.ch-foot{padding:6px 16px 80px}}