.rogs-hero-section{width:100%;max-width:var(--rogs-container-max);display:flex;flex-direction:column;gap:var(--rogs-spacing-md)}.blog-article-content{width:100%;max-width:var(--rogs-container-max);margin:0 auto;padding:0;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.modify-article-asap{width:15%;cursor:pointer;text-align:center;text-decoration:none;padding:8px;background-color:var(--coalert);color:var(--rogs-color-white);border-radius:var(--rogs-radius);font-size:var(--rogs-font-size-sm);font-weight:var(--rogs-font-weight-medium);transition:all 0.2s ease}.modify-article-asap:hover{opacity:0.9;transform:translateY(-1px)}.blog-article{width:100%;max-width:var(--rogs-container-max);display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}.table-of-contents-mobile{display:none}.breadcrumb-container{width:100%;max-width:var(--rogs-container-max);display:flex;align-items:center;gap:var(--rogs-spacing-lg)}.breadcrumb{width:100%;padding:var(--rogs-spacing-sm) var(--rogs-spacing-md);display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:wrap;gap:var(--rogs-spacing-xs);background-color:var(--rogs-color-white);border:1px solid var(--rogs-color-border);border-radius:var(--rogs-radius)}.breadcrumb-item{font-size:var(--rogs-font-size-xs);list-style-type:none;white-space:nowrap;color:var(--rogs-color-text-light)}.breadcrumb-item a{text-decoration:none;color:var(--rogs-color-primary);transition:color 0.2s ease}.breadcrumb-item a:hover{color:var(--rogs-color-primary-hover)}.breadcrumb-item.active{color:var(--rogs-color-text);font-weight:var(--rogs-font-weight-medium)}.breadcrumb-item:not(:last-child)::after{content:'>';margin:0 var(--rogs-spacing-sm);color:var(--rogs-color-text-lighter)}.breadcrumb-item a,.breadcrumb-item.active{max-width:200px;overflow:hidden;text-overflow:ellipsis;display:inline-block;vertical-align:middle}.rogs-breadcrumbs{display:flex;align-items:center;gap:var(--rogs-spacing-xs);font-size:var(--rogs-font-size-sm);color:var(--rogs-color-text-light);margin-bottom:var(--rogs-spacing-md);padding:var(--rogs-spacing-xs) 0}.rogs-breadcrumbs__item{text-decoration:none;color:var(--rogs-color-text-light);transition:color 0.2s ease;display:flex;align-items:center}.rogs-breadcrumbs__item:hover{color:var(--rogs-color-primary)}.rogs-breadcrumbs__item:not(:last-child)::after{content:'>';margin:0 var(--rogs-spacing-xs);color:var(--rogs-color-text-lighter);font-size:0.8em}.rogs-breadcrumbs__item:last-child{color:var(--rogs-color-text);font-weight:var(--rogs-font-weight-medium);pointer-events:none}.article-layout{display:grid;grid-template-columns:400px 1fr;width:100%;max-width:var(--rogs-container-max);gap:var(--rogs-spacing-lg);margin-top:var(--rogs-spacing-md)}.rtl .article-layout{direction:ltr}.rtl .article-main{flex:0 0 70%;min-width:0;direction:rtl}.ltr .article-main{flex:0 0 70%;min-width:0;direction:ltr}.article-header{background:var(--rogs-color-surface);border:1px solid var(--rogs-color-border);border-radius:var(--rogs-radius-lg);padding:var(--rogs-spacing-xl);margin-bottom:var(--rogs-spacing-lg);box-shadow:0 6px 20px rgba(0,0,0,0.3)}.article-meta-row{display:flex;flex-direction:row;align-items:center;gap:var(--rogs-spacing-lg);flex-wrap:wrap;padding:var(--rogs-spacing-md);background:#191e2b;border-radius:var(--rogs-radius);margin-bottom:var(--rogs-spacing-lg);border:1px solid var(--rogs-color-border)}.meta-item{display:flex;align-items:center;gap:var(--rogs-spacing-xs);font-size:var(--rogs-font-size-sm);color:var(--rogs-color-text-light);white-space:nowrap}.meta-item svg{flex-shrink:0;color:var(--rogs-brand-lime)}.meta-item time,.meta-item span{font-weight:var(--rogs-font-weight-medium)}.meta-rating{color:var(--rogs-brand-lime)}.meta-rating svg{color:var(--rogs-brand-lime);fill:var(--rogs-brand-lime)}.meta-author span{color:#ffffff;font-weight:var(--rogs-font-weight-bold)}.article-excerpt{margin:var(--rogs-spacing-md) 0 0 0;text-align:justify;font-size:var(--rogs-font-size-md);color:var(--rogs-color-text-light);line-height:1.8}.article-meta-header-wrapper{width:100%;display:flex;flex-direction:row;align-items:stretch;gap:var(--rogs-spacing-md);flex-wrap:wrap;margin-bottom:var(--rogs-spacing-lg)}.article-meta-header-wrapper .sidebar-section{flex:1 1 240px;margin:0}.article-meta{padding:0;display:contents;font-size:var(--rogs-font-size-sm);color:var(--rogs-color-text-light)}.article-meta>.text-muted,.article-meta>.badge,.article-meta>.author-info{background:#191e2b!important;border:1px solid var(--rogs-color-border);border-radius:var(--rogs-radius-lg);padding:var(--rogs-spacing-sm) var(--rogs-spacing-md);color:var(--rogs-color-text);flex:1 1;display:flex;align-items:center;justify-content:center;gap:var(--rogs-spacing-sm)}.article-meta .category-a{color:var(--rogs-brand-secondary)!important;text-decoration:none}.article-meta>.text-muted time{color:#ffffff;font-weight:var(--rogs-font-weight-medium)}.featured-image{width:100%;display:flex;border-radius:var(--rogs-radius-lg);overflow:hidden;margin-top:var(--rogs-spacing-lg);border:1px solid var(--rogs-color-border);box-shadow:0 8px 30px rgba(0,0,0,0.4)}.featured-image img{width:100%;height:auto;object-fit:cover}.rtl .article-title-excerpt-container{display:flex;flex-direction:column;justify-content:space-between;flex:5;padding:0 var(--rogs-spacing-md) 0 0;align-self:stretch;border-right:none}.ltr .article-title-excerpt-container{display:flex;flex-direction:column;justify-content:space-between;flex:3;padding:0 0 0 var(--rogs-spacing-md);align-self:stretch;border-left:none}.article-title{padding:0;margin:0 0 var(--rogs-spacing-md) 0;color:#ffffff;font-weight:var(--rogs-font-weight-extrabold);line-height:1.3}.category-a{text-decoration:none;transition:opacity 0.2s ease}.category-a:hover{opacity:0.9}.article-content figure{margin:var(--rogs-spacing-md) 0}.article-content figure img{margin:var(--rogs-spacing-md) 0;width:75%;border-radius:var(--rogs-radius);height:auto;box-shadow:var(--rogs-shadow)}.article-main ul{padding:0 var(--rogs-spacing-xl) 0 0}.ltr .article-main ul{padding:0 0 0 var(--rogs-spacing-xl)}.rogs-sidebar{height:fit-content;display:flex;flex-direction:column;gap:var(--rogs-spacing-md)}.article-sidebar{height:fit-content}.rogs-sidebar::-webkit-scrollbar,.article-sidebar::-webkit-scrollbar{width:4px}.rogs-sidebar::-webkit-scrollbar-track,.article-sidebar::-webkit-scrollbar-track{background:#191e2b;border-radius:var(--rogs-radius-sm)}.rogs-sidebar::-webkit-scrollbar-thumb,.article-sidebar::-webkit-scrollbar-thumb{background:var(--rogs-brand-lime);border-radius:var(--rogs-radius-sm);transition:background 0.2s ease}.rogs-sidebar::-webkit-scrollbar-thumb:hover,.article-sidebar::-webkit-scrollbar-thumb:hover{background:#ffffff}.rogs-sidebar,.article-sidebar{scrollbar-width:none}.author-info{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:var(--rogs-spacing-sm);flex:1;align-self:stretch}.author-details{font-size:var(--rogs-font-size-sm);display:flex;align-items:center;gap:var(--rogs-spacing-xs)}@media (max-width:1200px){.article-layout{grid-template-columns:320px 1fr;gap:var(--rogs-spacing-md)}}@media (max-width:992px){.article-layout{grid-template-columns:280px 1fr;gap:var(--rogs-spacing-md)}.article-content figure img{width:85%}}@media (max-width:768px){.breadcrumb-container{flex-direction:column}.table-of-contents{width:100%;display:none}.table-of-contents-mobile{display:block}.article-layout{display:flex;flex-direction:column;gap:var(--rogs-spacing-md)}.article-main,.article-sidebar{flex:1 1 auto}.rogs-sidebar,.article-sidebar{order:1}.comments-section{padding:var(--rogs-spacing-lg)}.comments-header{flex-direction:column;gap:var(--rogs-spacing-md);align-items:stretch}.article-content table th,.article-content table td{font-size:var(--rogs-font-size-xs);padding:var(--rogs-spacing-xs) var(--rogs-spacing-sm)}.form-row{flex-direction:column;gap:0}.comment.reply{margin-right:var(--rogs-spacing-md)}.comment-header{flex-direction:column;align-items:flex-start;gap:var(--rogs-spacing-sm)}.comment-meta{flex-direction:column;align-items:flex-start;gap:var(--rogs-spacing-sm)}.form-actions{flex-direction:column}.modal-content{width:95%;max-height:calc(100vh - 40px)}.modal-body{padding:var(--rogs-spacing-md)}.social-share{display:none}.social-share-responsive{display:block;width:100%;padding:var(--rogs-spacing-sm) var(--rogs-spacing-md)}.social-icon-holder{justify-content:space-evenly}.sidebar-section{margin:0 0 var(--rogs-spacing-sm) 0;padding:var(--rogs-spacing-md)}.article-content figure img{width:90%}}@media (max-width:480px){.article-layout{gap:var(--rogs-spacing-sm)}.comments-section{padding:var(--rogs-spacing-sm)}.comment{padding:var(--rogs-spacing-md)}.reply-form-container{padding:var(--rogs-spacing-md)}.modal-content{width:98%;max-height:calc(100vh - 20px);border-radius:var(--rogs-radius-md-plus)}.modal-header{padding:var(--rogs-spacing-md);border-radius:var(--rogs-radius-md-plus) var(--rogs-radius-md-plus) 0 0}.modal-body{padding:var(--rogs-spacing-lg)}}.sidebar-section{background-color:var(--rogs-color-surface);border:1px solid var(--rogs-color-border);border-radius:var(--rogs-radius-lg);padding:var(--rogs-spacing-lg);margin-bottom:var(--rogs-spacing-md);transition:all 0.2s ease;box-shadow:0 4px 16px rgba(0,0,0,0.25)}.sidebar-section>h6,.sidebar-section>strong{display:block;width:100%;color:#ffffff!important;margin:0 0 var(--rogs-spacing-md) 0;font-weight:var(--rogs-font-weight-bold);font-size:var(--rogs-font-size-md);border-bottom:2px solid var(--rogs-brand-lime);padding-bottom:8px}.social-share .social-icon-holder{display:flex;align-items:center;justify-content:flex-start;gap:12px;margin-top:8px;flex-wrap:wrap}.article-social-share{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;background:#191e2b;border:1px solid var(--rogs-color-border);border-radius:var(--rogs-radius);color:var(--rogs-color-text-light);text-decoration:none;transition:all 0.2s ease}.article-social-share:hover{background:#222838;border-color:var(--rogs-brand-lime);color:var(--rogs-brand-lime);transform:translateY(-2px)}.article-social-share svg{width:18px;height:18px;fill:currentColor;flex-shrink:0}.table{width:100%;margin:0;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.table-of-contents ul{list-style:none;padding-left:0;display:flex;flex-direction:column;gap:var(--rogs-spacing-sm);margin-top:25px}.rtl .table-of-contents li{direction:rtl}.ltr .table-of-contents li{direction:ltr}.table-of-contents a{color:var(--rogs-color-text);text-decoration:none;padding:var(--rogs-spacing-sm) var(--rogs-spacing-md);font-size:var(--rogs-font-size-sm);transition:all 0.2s ease;display:block;border-radius:var(--rogs-radius);background:#191e2b;border:1px solid var(--rogs-color-border)}.table-of-contents a:hover{color:var(--rogs-brand-lime);border-color:var(--rogs-brand-lime);background:#222838;transform:translateX(-4px)}.article-content{width:100%;background:var(--rogs-color-surface);border:1px solid var(--rogs-color-border);border-radius:var(--rogs-radius-lg);margin:var(--rogs-spacing-lg) 0;padding:var(--rogs-spacing-xl);font-size:var(--rogs-font-size-md);line-height:1.85;color:var(--rogs-color-text);display:block;box-shadow:0 6px 20px rgba(0,0,0,0.3)}.article-content h1,.article-content h2,.article-content h3,.article-content h4,.article-content h5,.article-content h6{color:#ffffff;font-weight:var(--rogs-font-weight-extrabold);line-height:1.3;margin-top:var(--rogs-spacing-lg);margin-bottom:var(--rogs-spacing-md)}.article-content h2{font-size:1.75rem;border-bottom:1px solid var(--rogs-color-border);padding-bottom:var(--rogs-spacing-xs)}.article-content h3{font-size:1.5rem}.article-content p{font-size:var(--rogs-font-size-sm);margin:var(--rogs-spacing-md) 0;text-align:justify;line-height:1.85}.article-content blockquote{padding:var(--rogs-spacing-md) var(--rogs-spacing-lg);margin:var(--rogs-spacing-lg) 0;background-color:#191e2b;border-right:4px solid var(--rogs-brand-lime);border-radius:var(--rogs-radius-sm);font-style:italic;color:var(--rogs-color-text);font-size:1.1rem}.article-content .image,.article-content figure{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:var(--rogs-spacing-lg) 0}.article-content img,.article-content figure img{max-width:100%;width:auto;height:auto;border-radius:var(--rogs-radius-md);box-shadow:0 6px 20px rgba(0,0,0,0.4);transition:transform 0.3s ease}.article-content img:hover,.article-content figure img:hover{transform:scale(1.01)}.author-avatar img{width:40px;height:40px;border-radius:var(--rogs-radius-round);border:2px solid var(--rogs-color-border)}.article-content table{width:100%;border-collapse:separate;border-spacing:0;margin:var(--rogs-spacing-lg) 0;border:1px solid var(--rogs-color-border);border-radius:var(--rogs-radius-md);overflow:hidden;box-shadow:0 4px 16px rgba(0,0,0,0.2)}.article-content table th,.article-content table td{font-size:var(--rogs-font-size-sm);padding:var(--rogs-spacing-md);border-bottom:1px solid var(--rogs-color-border);text-align:right}.article-content table th{background-color:#191e2b;color:#ffffff;font-weight:var(--rogs-font-weight-bold);border-bottom:2px solid var(--rogs-color-border)}.article-content table tr:last-child td{border-bottom:none}.article-content table tr:nth-child(even){background-color:rgba(255,255,255,0.02)}.article-content table th a{color:#ffffff;text-decoration:none}.article-content table td a{color:var(--rogs-brand-lime);text-decoration:none;font-weight:var(--rogs-font-weight-medium)}.article-content table td a:hover{text-decoration:underline}.custom-faq-section{width:100%;margin:var(--rogs-spacing-2xl) 0;border:1px solid var(--rogs-color-border);background:var(--rogs-color-surface);border-radius:var(--rogs-radius-lg);box-shadow:0 6px 20px rgba(0,0,0,0.3);padding:var(--rogs-spacing-lg)}.faq-title{margin:0 0 var(--rogs-spacing-lg) 0;color:#ffffff;font-size:var(--rogs-font-size-xl);font-weight:var(--rogs-font-weight-extrabold);text-align:right;border-bottom:2px solid var(--rogs-brand-lime);padding-bottom:var(--rogs-spacing-sm)}.custom-faq-item{border:1px solid var(--rogs-color-border);border-radius:var(--rogs-radius);margin-bottom:var(--rogs-spacing-md);transition:all 0.3s ease;overflow:hidden;background:#191e2b}.custom-faq-item:last-child{margin-bottom:0}.custom-faq-item:hover{box-shadow:var(--rogs-shadow-sm);border-color:var(--rogs-brand-secondary)}.custom-faq-question{list-style:none;cursor:pointer;outline:none;padding:var(--rogs-spacing-md) var(--rogs-spacing-lg);display:flex;justify-content:space-between;align-items:center;transition:all 0.3s ease;user-select:none;border-right:4px solid var(--rogs-brand-lime);background:#191e2b}.custom-faq-question::-webkit-details-marker{display:none}.custom-faq-question:hover{background:#222838}.faq-question-text{font-weight:var(--rogs-font-weight-bold);color:#ffffff;font-size:var(--rogs-font-size-md);flex:1;margin-right:var(--rogs-spacing-md);margin:0}.custom-faq-answer{padding:var(--rogs-spacing-lg);background:var(--rogs-color-surface);border-top:1px solid var(--rogs-color-border)}.faq-answer-content{color:var(--rogs-color-text);line-height:1.7;font-size:var(--rogs-font-size-sm)}.faq-answer-content p{margin-bottom:var(--rogs-spacing-md)}.faq-answer-content p:last-child{margin-bottom:0}.faq-container,.faq-section,.faq-item,.faq-question,.faq-answer-article{display:none}tbody{background-color:transparent}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.article-footer{width:100%;background-color:var(--rogs-color-surface);border:1px solid var(--rogs-color-border);border-radius:var(--rogs-radius-lg);padding:var(--rogs-spacing-lg);margin:var(--rogs-spacing-2xl) 0 0 0;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;box-shadow:0 6px 20px rgba(0,0,0,0.3)}.related-sidebar{width:100%;display:flex;flex-direction:row;justify-content:flex-start;align-items:center}.related-sidebar-responsive{width:100%;display:none;flex-direction:row;justify-content:flex-start;align-items:center}.related-blog-image img{width:100%;height:auto;border-radius:var(--rogs-radius)}.article-tags{width:100%;margin:var(--rogs-spacing-md) 0;padding:0;text-align:right;color:var(--rogs-color-text);font-size:var(--rogs-font-size-md)}.each-tag-article{color:var(--rogs-color-text);font-size:var(--rogs-font-size-xs);border-radius:var(--rogs-radius);padding:var(--rogs-spacing-6) var(--rogs-spacing-md);background-color:#191e2b;border:1px solid var(--rogs-color-border);display:inline-block}.article-tag-wrapper{width:100%;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:var(--rogs-spacing-sm);flex-wrap:wrap;margin-top:var(--rogs-spacing-sm)}.footer-stats-author-section{width:100%;padding-bottom:var(--rogs-spacing-lg);margin-bottom:var(--rogs-spacing-lg);border-bottom:1px solid var(--rogs-color-border)}.article-footer-section{background:#191e2b;border-radius:var(--rogs-radius-lg);margin:var(--rogs-spacing-md) 0;padding:var(--rogs-spacing-lg);height:100%;border:1px solid var(--rogs-color-border);transition:transform 0.2s ease,box-shadow 0.2s ease}.article-footer-section:hover{transform:translateY(-2px);box-shadow:var(--rogs-shadow);border-color:var(--rogs-brand-secondary)}.article-footer-section h6,.article-footer-section strong{color:#ffffff!important;margin-bottom:var(--rogs-spacing-md);font-weight:var(--rogs-font-weight-bold);border-bottom:2px solid var(--rogs-brand-lime);padding-bottom:var(--rogs-spacing-sm);font-size:var(--rogs-font-size-md)}.stats-grid{display:flex;flex-direction:column;gap:var(--rogs-spacing-sm)}.stat-item{display:flex;justify-content:space-between;align-items:center;font-size:var(--rogs-font-size-sm);padding:var(--rogs-spacing-sm) 0;border-bottom:1px solid var(--rogs-color-border)}.stat-item:last-child{border-bottom:none}.stat-label{font-weight:var(--rogs-font-weight-medium);color:var(--rogs-color-text-light);font-size:var(--rogs-font-size-xs)}.stat-value{font-weight:var(--rogs-font-weight-bold);color:var(--rogs-brand-lime);font-size:var(--rogs-font-size-xs);background:rgba(166,255,0,0.12);padding:var(--rogs-spacing-xs) var(--rogs-spacing-sm);border-radius:var(--rogs-radius);border:1px solid rgba(166,255,0,0.25)}.author-info-footer{display:flex;gap:var(--rogs-spacing-md);align-items:flex-start}.author-avatar-footer{flex-shrink:0}.author-avatar-footer img,.author-avatar-footer div{width:60px;height:60px;border:3px solid var(--rogs-brand-lime);border-radius:var(--rogs-radius-round)}.author-details-footer{flex:1}.author-name{font-weight:var(--rogs-font-weight-bold);font-size:var(--rogs-font-size-sm);color:#ffffff}.author-title{color:var(--rogs-color-text-light);font-size:var(--rogs-font-size-sm);font-weight:var(--rogs-font-weight-medium)}.author-bio{color:var(--rogs-color-text);margin:var(--rogs-spacing-md) 0 0 0;font-size:var(--rogs-font-size-sm);text-align:justify;line-height:1.6}.article-meta-footer{background:#191e2b;border-radius:var(--rogs-radius);padding:var(--rogs-spacing-md);border:1px solid var(--rogs-color-border)}.article-meta-footer strong{color:#ffffff}@media (max-width:768px){.footer-stats-author-section .row{margin:0}.footer-stats-author-section .col-md-6{padding:0;margin-bottom:1rem}.author-info-footer{flex-direction:column;text-align:center;gap:0.75rem}.author-avatar-footer{align-self:center}.stats-grid{gap:0.5rem}.stat-item{padding:0.4rem 0}}@media (max-width:480px){.footer-section-footer-section{padding:1rem}.author-avatar-footer img,.author-avatar-footer div{width:50px;height:50px}}.article-engagement{width:100%;background:var(--rogs-color-surface);border:1px solid var(--rogs-color-border);border-radius:var(--rogs-radius-lg);display:flex;gap:var(--rogs-spacing-lg);flex:1;align-self:stretch;box-shadow:0 4px 16px rgba(0,0,0,0.25)}.article-engagement-row{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:var(--rogs-spacing-lg)}.article-engagement h6{color:#ffffff!important;margin-bottom:var(--rogs-spacing-md);font-weight:var(--rogs-font-weight-bold);border-bottom:2px solid var(--rogs-brand-lime);padding-bottom:var(--rogs-spacing-sm)}.like-container{width:50%;display:flex;align-items:center;justify-content:center;gap:var(--rogs-spacing-md);padding:var(--rogs-spacing-lg);background:#191e2b;border:1px solid var(--rogs-color-border);border-radius:var(--rogs-radius-lg);flex:1}.btn-like{background:transparent;border:1.5px solid var(--rogs-brand-lime);color:var(--rogs-brand-lime);border-radius:50%;cursor:pointer;transition:all 0.3s ease;display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0}.btn-like:hover{background:rgba(166,255,0,0.15);transform:translateY(-2px)}.btn-like.liked{background:var(--rogs-brand-lime);color:var(--rogs-brand-primary)!important}.btn-like.liked .like-icon{fill:currentColor}.btn-like:hover .like-icon{fill:none}.btn-like.liked:hover{background:#ffffff}.like-icon{transition:all 0.3s ease;fill:none;width:20px;height:20px}.like-count{font-weight:var(--rogs-font-weight-bold);color:var(--rogs-brand-lime);font-size:var(--rogs-font-size-sm)}.like-label{color:var(--rogs-color-text-light);font-size:var(--rogs-font-size-xs)}.rating-container{width:50%;display:flex;flex-direction:column;gap:var(--rogs-spacing-sm);align-items:center;justify-content:center;padding:var(--rogs-spacing-lg);background:#191e2b;border:1px solid var(--rogs-color-border);border-radius:var(--rogs-radius-lg);flex:2}.author-information-wrapperr{display:flex;align-items:center;gap:var(--rogs-spacing-sm)}.star-rating{display:flex;gap:var(--rogs-spacing-xs);justify-content:center}.star{cursor:pointer;color:var(--rogs-color-text-light);transition:all 0.2s ease;display:flex;align-items:center;justify-content:center}.star:hover,.star.active{color:var(--rogs-brand-lime)}.star.hover{color:var(--rogs-brand-lime)}.star.active .star-icon,.star.hover .star-icon{fill:var(--rogs-brand-lime);stroke:var(--rogs-brand-lime)}.star-icon{transition:all 0.2s ease;fill:transparent;stroke:currentColor;width:20px;height:20px}.rating-info{display:flex;align-items:center;gap:var(--rogs-spacing-xs);font-size:var(--rogs-font-size-xs);color:var(--rogs-color-text-light);font-weight:var(--rogs-font-weight-medium);margin-top:var(--rogs-spacing-xs)}.average-rating{font-weight:var(--rogs-font-weight-bold);color:#ffffff;font-size:var(--rogs-font-size-xs)}.rating-separator{color:var(--rogs-color-border);font-size:var(--rogs-font-size-xs)}.max-rating{color:var(--rogs-color-text-light);font-size:var(--rogs-font-size-xs)}.rating-count{color:var(--rogs-color-text-light);font-size:var(--rogs-font-size-xs)}.comments-section{margin:10px 0px;width:100%;background:var(--rogs-color-surface);padding:var(--rogs-spacing-lg);border:1px solid var(--rogs-color-border);border-radius:var(--rogs-radius-lg);box-shadow:0 6px 20px rgba(0,0,0,0.3)}.comments-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--rogs-spacing-lg);padding-bottom:var(--rogs-spacing-md);border-bottom:2px solid var(--rogs-color-border)}.comments-title{color:#ffffff;margin:0;font-size:var(--rogs-font-size-lg);font-weight:var(--rogs-font-weight-bold)}.comments-title i{color:var(--rogs-brand-lime);margin-right:var(--rogs-spacing-sm)}.btn-primary{background:var(--rogs-brand-lime);color:var(--rogs-brand-primary)!important;border:1px solid var(--rogs-brand-lime);padding:var(--rogs-spacing-sm) var(--rogs-spacing-lg);border-radius:var(--rogs-radius);cursor:pointer;font-weight:var(--rogs-font-weight-extrabold);font-size:var(--rogs-font-size-sm);transition:all 0.2s ease;display:inline-flex;align-items:center;gap:var(--rogs-spacing-sm);text-decoration:none;box-shadow:0 2px 10px rgba(166,255,0,0.3)}.btn-primary:hover{background:#ffffff;border-color:#ffffff;color:var(--rogs-brand-primary)!important;transform:translateY(-2px);box-shadow:0 4px 16px rgba(255,255,255,0.4)}.btn-secondary{background:#191e2b;color:var(--rogs-color-text);border:1px solid var(--rogs-color-border);padding:var(--rogs-spacing-sm) var(--rogs-spacing-lg);border-radius:var(--rogs-radius);cursor:pointer;font-weight:var(--rogs-font-weight-medium);font-size:var(--rogs-font-size-sm);transition:all 0.2s ease;display:inline-flex;align-items:center;gap:var(--rogs-spacing-sm)}.btn-secondary:hover{background:#222838;border-color:var(--rogs-brand-secondary);color:var(--rogs-brand-secondary);transform:translateY(-1px)}.comment-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;opacity:0;visibility:hidden;backdrop-filter:blur(0px);transition:all 0.35s cubic-bezier(0.4,0,0.2,1)}.comment-modal.show{opacity:1;visibility:visible;backdrop-filter:blur(6px)}.modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0);cursor:pointer;transition:background-color 0.35s cubic-bezier(0.4,0,0.2,1)}.comment-modal.show .modal-overlay{background:rgba(10,13,20,0.85)}.modal-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0.7);background:var(--rogs-color-surface);border-radius:var(--rogs-radius-lg);box-shadow:0 16px 40px rgba(0,0,0,0.6);width:90%;max-width:600px;max-height:90vh;z-index:1050;overflow-y:auto;opacity:0;transition:all 0.35s cubic-bezier(0.4,0,0.2,1);border:1px solid var(--rogs-color-border)}.comment-modal.show .modal-content{transform:translate(-50%,-50%) scale(1);opacity:1}.modal-header{background:#191e2b;color:#ffffff;padding:var(--rogs-spacing-lg);border-bottom:1px solid var(--rogs-color-border);border-radius:var(--rogs-radius-lg) var(--rogs-radius-lg) 0 0;display:flex;justify-content:space-between;align-items:center}.modal-header h4,.modal-header strong{margin:0;font-weight:var(--rogs-font-weight-bold);font-size:var(--rogs-font-size-lg);color:#ffffff!important;border:none!important;padding:0!important}.modal-close{background:none;border:none;color:var(--rogs-color-text-light);font-size:var(--rogs-font-size-2xl);cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:var(--rogs-radius-round);transition:background 0.3s ease}.modal-close:hover{background:#222838;color:#ffffff}.modal-body{padding:var(--rogs-spacing-2xl)}.form-row{display:flex;gap:var(--rogs-spacing-md);margin-bottom:var(--rogs-spacing-md)}.form-group{flex:1;margin-bottom:var(--rogs-spacing-md)}.form-control{width:100%;padding:var(--rogs-spacing-sm) var(--rogs-spacing-md);border:1px solid var(--rogs-color-border);border-radius:var(--rogs-radius);font-size:var(--rogs-font-size-sm);font-family:var(--rogs-font-family);transition:all 0.2s ease;box-sizing:border-box;resize:none;background-color:#191e2b;color:#ffffff}.form-control:focus{outline:none;border-color:var(--rogs-brand-secondary);box-shadow:0 0 0 3px rgba(0,157,245,0.2);background-color:#121620}.form-control::placeholder{color:var(--rogs-color-text-light)}.form-actions{display:flex;gap:var(--rogs-spacing-md);justify-content:flex-end;margin-top:var(--rogs-spacing-lg)}.comments-list{display:flex;flex-direction:column;gap:var(--rogs-spacing-lg)}.comment{background:#191e2b;padding:var(--rogs-spacing-lg);border-radius:var(--rogs-radius);border-right:4px solid var(--rogs-color-border);border:1px solid var(--rogs-color-border);border-right-width:4px;transition:all 0.2s ease;box-shadow:var(--rogs-shadow-sm)}.comment:hover{border-right-color:var(--rogs-brand-lime);transform:translateX(-2px)}.comment.reply{border-right-color:var(--rogs-brand-secondary);margin-right:var(--rogs-spacing-2xl);margin-top:var(--rogs-spacing-md);background:var(--rogs-color-surface)}.comment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--rogs-spacing-md)}.comment-author{color:#ffffff;font-weight:var(--rogs-font-weight-bold);font-size:var(--rogs-font-size-sm);display:flex;align-items:center;gap:var(--rogs-spacing-sm)}.comment-author i{color:var(--rogs-brand-lime);font-size:var(--rogs-font-size-sm)}.comment-content p{color:var(--rogs-color-text);padding:0 var(--rogs-spacing-md);font-size:var(--rogs-font-size-sm);line-height:1.7}.comment-meta{display:flex;align-items:center;gap:var(--rogs-spacing-md)}.comment-date{color:var(--rogs-color-text-light);font-size:var(--rogs-font-size-xs);display:flex;align-items:center;gap:var(--rogs-spacing-xs)}.reply-btn{background:none;border:1px solid var(--rogs-brand-secondary);color:var(--rogs-brand-secondary);padding:var(--rogs-spacing-xs) var(--rogs-spacing-sm);cursor:pointer;font-size:var(--rogs-font-size-xs);font-weight:var(--rogs-font-weight-medium);border-radius:var(--rogs-radius-sm);transition:all 0.2s ease}.reply-btn:hover{background:var(--rogs-brand-secondary);color:#ffffff;transform:translateY(-1px)}.comment-content{color:var(--rogs-color-text);line-height:1.7;font-size:var(--rogs-font-size-sm)}.replies{position:relative;margin-top:var(--rogs-spacing-md)}.replies::before{content:'';position:absolute;right:-2px;top:0;bottom:0;width:2px;background:var(--rogs-color-border)}.reply-form-container{background:#191e2b;border-right:3px solid var(--rogs-brand-lime);border:1px solid var(--rogs-color-border);border-right-width:3px;border-radius:var(--rogs-radius);padding:var(--rogs-spacing-lg);margin-top:var(--rogs-spacing-md);animation:commentslideDown 0.3s ease}.reply-form-container h6{color:#ffffff;margin-bottom:var(--rogs-spacing-md);display:flex;align-items:center;gap:var(--rogs-spacing-sm);font-weight:var(--rogs-font-weight-bold)}.reply-form-container h6 i{color:var(--rogs-brand-lime)}.no-comments{background:#191e2b;border:1px solid var(--rogs-color-border);border-radius:var(--rogs-radius);padding:var(--rogs-spacing-2xl);text-align:center;margin:var(--rogs-spacing-lg) 0}.no-comments-content i{font-size:var(--rogs-font-size-2xl);color:var(--rogs-color-text-light);margin-bottom:var(--rogs-spacing-md)}.no-comments-content strong{color:#ffffff;margin-bottom:var(--rogs-spacing-sm);display:block;font-size:var(--rogs-font-size-md)}.no-comments-content p{color:var(--rogs-color-text-light);margin:0;font-size:var(--rogs-font-size-sm)}.article-content a{margin:0 var(--rogs-spacing-xs);font-size:var(--rogs-font-size-sm);border-bottom:2px solid var(--rogs-brand-lime);color:var(--rogs-brand-lime);transition:all 0.2s ease;text-decoration:none;display:inline-block}.article-content a:hover{border-bottom:2px solid #ffffff;color:#ffffff}.related-posts-carousel{width:100%;overflow:hidden;position:relative;margin-top:var(--rogs-spacing-md);cursor:grab}.related-posts-carousel:active{cursor:grabbing}.related-posts-carousel-title{font-size:var(--rogs-font-size-md);font-weight:var(--rogs-font-weight-bold);color:#ffffff;margin-bottom:var(--rogs-spacing-sm)}.related-posts-container{display:flex;transition:transform 0.3s ease;will-change:transform;gap:var(--rogs-spacing-sm)}.related-posts-container.dragging{transition:none}.related-post-item{flex:0 0 100%;padding:var(--rogs-spacing-sm);box-sizing:border-box;display:flex;flex-direction:column;user-select:none;background:#191e2b;border-radius:var(--rogs-radius);border:1px solid var(--rogs-color-border);transition:all 0.2s ease}.related-post-item:hover{transform:translateY(-2px);border-color:var(--rogs-brand-secondary);box-shadow:0 4px 16px rgba(0,0,0,0.4)}.related-post-item img{width:100%;height:auto;border-radius:var(--rogs-radius);margin-bottom:var(--rogs-spacing-sm);pointer-events:none}.related-post-item strong{display:block;margin-bottom:var(--rogs-spacing-xs);line-height:1.4;pointer-events:none;font-size:var(--rogs-font-size-sm)}.related-post-item a{text-decoration:none;color:#ffffff;font-weight:var(--rogs-font-weight-bold);pointer-events:auto;transition:color 0.2s ease}.related-post-item a:hover{color:var(--rogs-brand-lime)}.related-post-item small{color:var(--rogs-color-text-light);font-size:var(--rogs-font-size-xs);pointer-events:none}@media (max-width:1024px){.article-layout{grid-template-columns:1fr}}@media (max-width:768px){.related-post-item{flex:0 0 50%;padding:var(--rogs-spacing-xs)}.related-posts-carousel-title{display:none}.related-post-item strong{font-size:var(--rogs-font-size-xs)}.related-post-item small{font-size:10px}.related-sidebar{display:none}.related-sidebar-responsive{display:flex}}@media (max-width:900px){.article-meta-header-wrapper{flex-direction:column}.blog-article{width:100%}.article-meta{margin:0;flex-direction:row;justify-content:space-around}.featured-image{margin:0}.rtl .article-title-excerpt-container{border-right:none;border-top:3px solid var(--rogs-color-primary);padding:var(--rogs-spacing-md) 0 0 0}.ltr .article-title-excerpt-container{border-left:none;border-top:3px solid var(--rogs-color-primary);padding:var(--rogs-spacing-md) 0 0 0}.ltr .star-icon{width:18px;height:18px}.article-content figure img{width:80%}.article-header{padding:var(--rogs-spacing-lg)}.article-meta-row{gap:var(--rogs-spacing-md)}.meta-item{font-size:var(--rogs-font-size-xs)}}@media (max-width:500px){.article-header{width:100%;padding:var(--rogs-spacing-md)}.article-content table th,.article-content table td{font-size:var(--rogs-font-size-xs);padding:var(--rogs-spacing-xs)}.article-content table td a{font-size:var(--rogs-font-size-xs)}.table{width:100%;line-break:anywhere}.article-content p{font-size:var(--rogs-font-size-xs)}.article-content a{font-size:var(--rogs-font-size-xs)}.article-content h2{font-size:var(--rogs-font-size-md)}.article-content h3{font-size:var(--rogs-font-size-sm)}.article-content h4,.article-content h5,.article-content h6{font-size:var(--rogs-font-size-sm)}.article-main ul{font-size:var(--rogs-font-size-xs)}.ltr .article-main ul{font-size:var(--rogs-font-size-xs)}.article-excerpt{font-size:var(--rogs-font-size-xs)}.article-meta{font-size:var(--rogs-font-size-xs)}.article-title{font-size:var(--rogs-font-size-md)}.author-information-wrapperr{width:100%;padding:0 var(--rogs-spacing-md) 0 0;flex-direction:row;justify-content:flex-start;gap:var(--rogs-spacing-md)}.average-rating,.rating-separator,.rating-count{font-size:var(--rogs-font-size-xs)}.star-rating{gap:0}.star-icon{width:13px;height:13px}.ltr .star-icon{width:13px;height:13px}.article-content figure img{width:100%}.breadcrumb{padding:var(--rogs-spacing-xs) var(--rogs-spacing-sm)}.sidebar-section{padding:var(--rogs-spacing-sm)}.article-meta-row{gap:var(--rogs-spacing-sm);padding:var(--rogs-spacing-sm)}.meta-item{font-size:10px;gap:4px}.meta-item svg{width:12px;height:12px}}body.modal-open{overflow:hidden}.modal-content.dropdown-style{position:fixed;top:auto;left:auto;transform:none;width:400px;max-width:90vw}@keyframes fadeIn{from{opacity:0}to{opacity:1}}