#article-progress-bar{background:linear-gradient(90deg, var(--teal,#00b4d8), #0096b7);z-index:10000;pointer-events:none;border-radius:0 2px 2px 0;width:0%;height:3px;transition:width 80ms linear;position:fixed;top:0;left:0}.article-reading-time{color:#ffffff61;align-items:center;gap:.3rem;font-size:.82rem;display:inline-flex}.article-share{flex-wrap:wrap;align-items:center;gap:.5rem;margin:1.5rem 0 2rem;display:flex}.article-share-label{color:#ffffff47;text-transform:uppercase;letter-spacing:.1em;margin-inline-end:.2rem;font-size:.72rem}.share-btn{color:#ffffff85;cursor:pointer;background:#ffffff08;border:1px solid #ffffff1a;border-radius:20px;align-items:center;gap:.35rem;padding:.35rem .8rem;font-family:inherit;font-size:.78rem;font-weight:600;line-height:1;text-decoration:none;transition:background .2s,border-color .2s,color .2s;display:inline-flex}.share-btn:hover{color:#fff;background:#ffffff14;border-color:#ffffff2e}.share-btn.copied{color:var(--teal,#00b4d8);background:#00b4d81a;border-color:#00b4d852}.article-toc-wrap{margin:0 0 2.5rem}.article-toc{background:#ffffff06;border:1px solid #ffffff14;border-radius:12px;padding:1rem 1.35rem}.article-toc-header{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.article-toc-title{text-transform:uppercase;letter-spacing:.13em;color:#ffffff61;font-size:.7rem;font-weight:700}.article-toc-chevron{color:#ffffff47;flex-shrink:0;width:16px;height:16px;transition:transform .22s}.article-toc.collapsed .article-toc-chevron{transform:rotate(-90deg)}.article-toc-list{border-top:1px solid #ffffff0f;flex-direction:column;gap:.4rem;margin:.85rem 0 0;padding:.85rem 0 0;list-style:none;display:flex}.article-toc.collapsed .article-toc-list{display:none}.article-toc-list a{color:#ffffff7a;padding:.12rem 0;font-size:.86rem;line-height:1.45;text-decoration:none;transition:color .18s;display:block}.article-toc-list a:hover,.article-toc-list a.toc-active{color:var(--teal,#00b4d8)}.article-toc-list a.toc-active{font-weight:600}.article-toc-list li.toc-h3 a{opacity:.82;padding-inline-start:1.1rem;font-size:.81rem}[dir=rtl] .article-toc-list li.toc-h3 a{padding-inline:0 1.1rem}.article-author{background:#ffffff06;border:1px solid #ffffff12;border-radius:12px;align-items:flex-start;gap:1rem;margin:2.5rem 0 0;padding:1.35rem;display:flex}.article-author-avatar{width:46px;height:46px;color:var(--teal,#00b4d8);letter-spacing:-.02em;background:#00b4d81a;border:1px solid #00b4d838;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.85rem;font-weight:800;display:flex}.article-author-info{flex:1;min-width:0}.article-author-name{color:#fff;margin-bottom:.15rem;font-size:.9rem;font-weight:700}.article-author-role{color:#ffffff59;margin-bottom:.55rem;font-size:.76rem}.article-author-bio{color:#ffffff85;margin:0;font-size:.83rem;line-height:1.65}.article-related{margin:2rem 0 0}.article-related-title{text-transform:uppercase;letter-spacing:.13em;color:#ffffff52;border-bottom:1px solid #ffffff0f;margin-bottom:1rem;padding-bottom:.7rem;font-size:.68rem;font-weight:700}.article-related-grid{grid-template-columns:repeat(auto-fill,minmax(185px,1fr));gap:.8rem;display:grid}.article-related-card{background:#ffffff06;border:1px solid #ffffff12;border-radius:10px;padding:.95rem 1.05rem;text-decoration:none;transition:background .2s,border-color .2s,transform .2s;display:block}.article-related-card:hover{background:#ffffff0d;border-color:#00b4d833;transform:translateY(-2px)}.related-card-cat{text-transform:uppercase;letter-spacing:.08em;color:var(--teal,#00b4d8);margin-bottom:.3rem;font-size:.66rem;font-weight:700}.related-card-title{color:#ffffffbf;font-size:.85rem;font-weight:600;line-height:1.4}[dir=rtl] .article-faq{border-left:none;border-right:3px solid var(--teal,#00b4d8);border-radius:8px 0 0 8px}[data-lang=ar] .article-share-label,[data-lang=ar] .share-btn,[data-lang=ar] .article-toc-title,[data-lang=ar] .article-toc-list a,[data-lang=ar] .article-author-name,[data-lang=ar] .article-author-role,[data-lang=ar] .article-author-bio,[data-lang=ar] .article-related-title,[data-lang=ar] .related-card-cat,[data-lang=ar] .related-card-title,[data-lang=ar] .article-reading-time{font-family:var(--font-ar,"Cairo", sans-serif)}