.main-article{background-color:rgb(var(--color-background));padding:3rem 0;line-height:1.6;font-size:18px;color:rgb(var(--color-foreground),.7)}.main-article hr{margin:2rem 0}.main-article ul{list-style:none}.article-featured-image{width:100%;margin:auto auto 3rem;border-radius:8px;overflow:hidden;box-shadow:0 4px 12px #0000001a}.article-featured-image img{height:auto;display:block;object-fit:cover;width:100%;object-position:top}.article-header{margin-bottom:1.5rem}.article-title{font-size:52px;margin:0 0 1rem;line-height:1.2;font-weight:700;font-family:Tajawal,sans-serif!important;color:rgb(var(--color-foreground))}.rtl .article-title{text-align:right}.article-tags{display:flex;flex-wrap:no-wrap;overflow-x:auto;direction:rtl;gap:.5rem;padding-bottom:1rem;margin-bottom:1rem;font-family:Tajawal,sans-serif!important}.article-tags .tag{background-color:rgba(var(--color-button));color:#fff;padding:.25rem .75rem;border-radius:2rem;white-space:nowrap;flex-shrink:0;font-size:12px}.article-meta{display:none;align-items:center;gap:1.5rem;margin-bottom:2rem;font-family:Tajawal,sans-serif!important;letter-spacing:0;font-size:18px;color:rgba(var(--color-foreground),.7)}.rtl .article-meta{direction:rtl}.article-meta .article-author{display:flex;gap:5px;letter-spacing:0}.article-meta .article-author span:first-child{color:rgb(var(--color-foreground));font-weight:500}.article-meta .article-author span:last-child{color:rgb(var(--color-button));font-weight:500}.article-content{font-size:18px;max-width:1000px;margin:0 auto;letter-spacing:0;font-family:Tajawal,sans-serif!important}.article-content img{max-width:100%;height:auto;margin:2rem 0;border-radius:4px}.article-content h2,.article-content h3,.article-content h4{margin:2.5rem 0 1.5rem;letter-spacing:0;line-height:1.3;font-family:Tajawal,sans-serif!important}.article-content h2{font-size:1.8rem;font-weight:700}.article-content h3{font-size:24px;font-weight:700}.article-content h4{font-size:1.3rem}.article-content blockquote{border-left:3px solid rgb(var(--color-foreground));padding-left:1.5rem;margin:2rem 0;font-family:Tajawal,sans-serif!important;font-style:italic;color:rgba(var(--color-foreground),.8)}.article-content a{color:rgb(var(--color-foreground));text-decoration:none;font-weight:700;text-decoration:underline}.rtl .article-content{text-align:right}.rtl .article-content blockquote{border-left:none;border-right:3px solid rgb(var(--color-foreground));padding-left:0;padding-right:1.5rem}.toc-dropdown-container{position:relative;margin-bottom:2rem;width:100%;font-family:Tajawal,sans-serif!important;max-width:100%}.toc-dropdown-button{width:100%;padding:12px 16px;font-size:16px;border:1px solid rgba(var(--color-foreground),.5);border-radius:4px;background-color:rgb(var(--color-button-text));color:rgb(var(--color-foreground));cursor:pointer;text-align:left;display:flex;justify-content:space-between;align-items:center;position:relative}.rtl .toc-dropdown-button{text-align:right;direction:rtl;padding-right:40px;padding-left:16px}.toc-dropdown-content{max-height:0;overflow:hidden;width:100%;background-color:rgb(var(--color-button-text));border:1px solid rgba(var(--color-foreground),.1);border-top:none;border-radius:0 0 4px 4px;transition:max-height .3s ease;position:relative;z-index:10}.toc-dropdown-content ul{list-style:none;padding:0;margin:0}.toc-item{padding:8px 16px;transition:background-color .2s ease;text-align:left;font-size:20px}.rtl .toc-item{text-align:right;direction:rtl}.toc-item:hover{background-color:rgba(var(--color-button),.1)}.toc-item a{display:block;color:rgb(var(--color-foreground));text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.toc-number{display:inline-block;min-width:30px;font-weight:700}.toc-h2{padding-left:15px;font-weight:700}.toc-h3{padding-left:30px;font-weight:400}.toc-h4{padding-left:45px;font-weight:400}.list_index{appearance:none;-webkit-appearance:none;-moz-appearance:none;width:100%;padding:12px 16px;font-size:16px;border:1px solid rgba(var(--color-foreground),.5);border-radius:4px;background-color:rgb(var(--color-button-text));color:rgb(var(--color-button));cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #0000000d}@keyframes highlight{0%{background-color:rgba(var(--color-button),.3)}to{background-color:transparent}}.list_index h2{font-size:1.1rem}.list_index h3{font-size:.875rem;color:rgb(var(--color-button),.4)}.list_index option{padding:8px 16px;white-space:normal}.list_index:hover{border-color:rgba(var(--color-button),.8);background:rgba(var(--color-button-text),.5)}.list_index:focus{outline:none;border-color:rgb(var(--color-button),.5);box-shadow:0 0 0 2px rgba(var(--color-button),.2)}.dropdown-arrow{position:absolute;right:16px;top:50%;transform:translateY(-50%);display:block;transform:rotate(0);pointer-events:none;color:rgba(var(--color-button),.7);transition:transform .3s ease}.dropdown-arrow path{fill:none}.toc-dropdown-button.active+.toc-dropdown-content{max-height:1000px;padding:10px 0}.toc-dropdown-button.active .dropdown-arrow{transform:translateY(-50%) rotate(180deg)}.article-content{max-width:1000px;margin:0 auto}.highlight{animation:highlight 2s ease}.rtl .toc-dropdown-button{text-align:right}.rtl .toc-h2{padding-left:0;padding-right:15px}.rtl .toc-h3{padding-left:0;padding-right:30px}.rtl .toc-h4{padding-left:0;padding-right:45px}.article-content h2{margin:2rem 0 1rem;font-size:1.8rem;font-weight:700}.article-content a{color:rgb(var(--color-button))}.article-content h3{margin:2rem 0 1rem;font-size:1.4rem;font-weight:700;color:rgb(var(--color-foreground),.9)}.rtl .list_index{text-align:right;direction:rtl;padding-right:40px;padding-left:16px}.rtl .dropdown-arrow{right:auto;left:16px}.rtl .article-content h2,.rtl .article-content h3{margin-left:0;direction:rtl}.rtl .article-content h2:before,.rtl .article-content h3:before{margin-right:0;margin-left:.5rem;direction:rtl}.rtl option{direction:rtl;text-align:right}@media(max-width:1000px){.list_index{font-size:16px;padding:10px 14px}.article-content h2{font-size:1.4rem}.toc-number{width:20px}.article-content h3{font-size:1.2rem}.toc-item{font-size:12px}}@media(max-width:999px){.main-article{padding:2rem 0}.article-tags .tag{padding:.3rem .6rem;font-size:12px}.main-article .page-width--2{padding:0}.article-title{font-size:20px;padding:0 1.5rem;letter-spacing:0}.article-featured-image{margin-bottom:2rem;padding:0 1.5rem}.toc-dropdown-container{padding:0 1.5rem}.article-content,.article-content h2,.article-content h3{font-size:1rem}.article-meta{font-size:1rem;padding:0 1.5rem}.article-content{padding:0 1.5rem}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/article.css.map */