.wrapper{margin:0 auto;max-width:1170px;width:100%}
.dark-btn a,.transparent-btn a,.yellow-btn a{display:block;padding:var(--space-px-15) 0;border-radius:var(--radius-md);text-align:center;font-weight:var(--font-weight-bold);font-size:var(--font-size-base);line-height:var(--line-height-normal)}
.dark-btn a,.yellow-btn a{min-width:220px;box-shadow:0 10px 20px rgba(0,0,0,.2),var(--box-shadow-inset-yellow);color:var(--text-color-accent)}
.dark-btn a:hover,.transparent-btn a:hover,.yellow-btn a:hover{background:transparent}
.yellow-btn a:hover{background-color:var(--bg-color-accent);color:var(--text-color-dark-primary)}
.breadcrumb-bar{width:100%;background-color:var(--color-true-white)}
.breadcrumb-container{padding:var(--gap-m) 0}
.breadcrumb{display:flex;flex-wrap:wrap;padding:0;margin:7px 0 0 0;list-style:none}
.breadcrumb-bar+.main-box{padding-top:0}
.breadcrumb-item{display:flex;align-items:center;font-size:var(--font-size-s)}
.breadcrumb-item a{color:var(--link-color-default);text-decoration:none}
.breadcrumb-item a:hover{color:var(--link-color-hover-brown);text-decoration:underline}
.breadcrumb-item+.breadcrumb-item::before{content:'\f054';font-family:'Font Awesome 5 Free';font-weight:900;margin:0 var(--gap-s);color:var(--text-color-secondary);font-size:0.7em}
.breadcrumb-item.active{color:var(--text-color-secondary)}
.main-box{padding-top:var(--space-px-75);padding-bottom:var(--space-px-75);width:100%}
.main-box h2{margin:0 0 var(--space-px-25);font-size:var(--font-size-5xl);line-height:var(--line-height-tight);color:var(--text-color-dark-primary);font-weight:var(--font-weight-bold)}
.main-box h3{margin:0 0 var(--space-px-16);line-height:var(--line-height-normal);font-size:var(--font-size-m);color:var(--text-color-dark-primary);font-weight:var(--font-weight-bold)}
.blog-outer,.plans{text-align:center}
.sub-title{display:block;margin:var(--space-px-25) 0 0;color:var(--text-color-secondary);font-size:var(--font-size-m);line-height:var(--line-height-relaxed);font-weight:var(--font-weight-normal)}
.rating-star{margin:0 0 var(--space-px-65);display:inline-block;vertical-align:top;font-size:var(--font-size-s)}
.rating-star p{margin:0}
.rating-star p span{font-weight:var(--font-weight-normal)}
.star-cont{margin:var(--space-px-20) 0;height:var(--space-px-25)}
.star{display:inline-block;width:var(--space-px-25);height:var(--space-px-25);background-image:url(/assets/images/stars.png);transition:all .25s;-webkit-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1)}
.star:hover{cursor:pointer;-webkit-transform:scale(1.3,1.3);-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}
.star.star-0{background-position:0 0}
.star.star-1{margin-right:var(--space-px-5);background-position:0 var(--space-px-50)}
.star.star-2{margin-right:var(--space-px-5);background-position:0 var(--space-px-25)}
.layout-grid-2col,.layout-grid-3col,.layout-grid-4col{display:flex;flex-wrap:wrap;gap:var(--gap-xl);list-style:none;padding:0;margin:0}
.layout-grid-2col,.layout-grid-3col>*,.layout-grid-4col>*{flex-grow:1}
.layout-grid-2col>*{flex-basis:calc((100% - var(--gap-xxl)) / 2)}
.layout-grid-3col>*{flex-basis:calc((100% - 2 * var(--gap-xl)) / 3)}
.layout-grid-4col>*{flex-basis:calc((100% - 3 * var(--gap-xl)) / 4)}
.plan-features{border:1px solid var(--border-color-default);box-shadow:var(--box-shadow-default);border-radius:var(--radius-md);min-width:250px;padding:var(--space-px-40) 0 0}
.plan-features__icon img{max-width:64px;height:64px;display:block}
.plan-features:hover{box-shadow:var(--box-shadow-hover)}
.plan-features:hover h3{color:var(--text-color-dark-primary)}
.plan-features:hover .plan-features-inner{background:var(--bg-color-dark)}
.plan-features:hover .plan-features-inner .dark-btn a{background-color:var(--bg-color-accent);box-shadow:var(--box-shadow-inset-yellow);color:var(--text-color-dark-primary)}
.plan-features:hover .plan-features-inner .price,.plan-features:hover .plan-features-inner .price-cycle{color:var(--text-color-on-dark)}
.plan-features:hover .plan-features-inner .price .price-discount,.plan-features:hover .plan-features-inner .price-saveoff{color:var(--text-color-accent)}
.plan-features h3,.plan-features .price span,.plan-features li span,.plan-features p span{font-weight:var(--font-weight-bold)}
.plan-features .price,.plan-features li,.plan-features p{font-size:var(--font-size-s)}
.plan-features .price span,.plan-features .price span.price-discount{font-size:var(--font-size-xl)}
.plan-features .price span span{font-size:var(--font-size-base)}
.plan-features .price span span span{font-size:var(--font-size-xs);display:block;font-style:italic;font-weight:var(--font-weight-normal);margin:var(--space-px-5);color:var(--text-color-secondary)}
.plan-features:hover .price span span span{color:var(--text-color-on-dark-alt)}
.plan-features .price .price-base{text-decoration:line-through;font-size:var(--font-size-base);color:var(--text-color-secondary);display:block;margin:var(--space-px-5)}
.plan-features .price .price-discount,.plan-features .price .price-saveoff{color:var(--text-color-brown)}
.plan-features .price-cycle,.price-saveoff,.price-discount{display:block;margin:var(--space-px-5) 0}
.plan-features li{margin:var(--space-px-12) 0 0}
.plan-features-inner{width:100%;margin:var(--space-px-34) 0 0;padding:var(--space-px-25) 0 var(--space-px-40);border-top:1px solid var(--border-color-default);border-radius:0 0 var(--radius-md) var(--radius-md)}
.monthly-price,.rating-star img{display:inline-block;vertical-align:top}
.monthly-price{position:relative;margin:var(--space-px-15) 0;min-width:235px;border:1px solid var(--border-color-default);border-radius:var(--radius-sm);text-align:center;background:var(--bg-color-surface-light);cursor:pointer;max-width:100%}
.monthly-price .fas{float:right;margin:var(--space-px-10) var(--space-px-10) 0 0}
.monthly-price ul{position:absolute;top:100%;margin-top:2px;z-index:10;box-shadow:0 0 4px var(--border-color-default);border-radius:var(--radius-sm);left:0;background:var(--bg-color-surface-light);width:100%;padding:var(--space-px-5) var(--space-px-10);cursor:pointer;visibility:hidden;opacity:0;transform:translateY(-10px);transition:opacity .3s ease,transform .3s ease,visibility .3s ease;pointer-events:none}
.monthly-price ul.show-menu{visibility:visible;opacity:1;transform:translateY(0);pointer-events:auto}
.monthly-price li{padding:var(--space-px-5) var(--space-px-10);border-top:1px solid var(--border-color-default);cursor:pointer;margin:0}
.monthly-price li:first-child{border:none}
.dark-btn a:hover,.transparent-btn a{color:var(--text-color-dark-primary)}
.transparent-btn a,.transparent-btn a:hover{box-shadow:var(--box-shadow-inset-default)}
.plan-features .dark-btn{display:inline-block;vertical-align:top}
.plan-features .dark-btn a{min-width:200px}
.dark-btn a,.transparent-btn a:hover{background-color:var(--bg-color-dark);box-shadow:var(--box-shadow-inset-dark);color:var(--text-color-accent)}
.why-us{text-align:center;background-color:var(--bg-color-surface-light-alt)}
.why-us .sub-title{margin:0 0 var(--space-px-65)}
.why-us .plan-features li,.why-us .plan-features p{padding:0 var(--space-px-50) var(--space-px-50);text-align:center}
.feature-item{box-sizing:border-box;display:flex;flex-direction:column;border:1px solid var(--border-color-default);border-radius:var(--radius-md);background-color:var(--bg-color-surface-light);box-shadow:var(--box-shadow-default);padding:var(--space-px-25);text-align:center;transition:box-shadow .3s ease-in-out,transform .3s ease-in-out}
.feature-item:hover,.news-item:hover{box-shadow:var(--box-shadow-hover)}
.feature-item__icon{margin-bottom:var(--space-px-20);margin-left:auto;margin-right:auto}
.feature-item__description{flex-grow:1;color:var(--text-color-secondary);font-size:var(--font-size-s);line-height:var(--line-height-normal);margin:0}
.feature-item__description p,.news-item__excerpt p{margin:0}
.feature-item__footer{margin-top:auto;padding-top:var(--space-px-20)}
.c-icon-circle{width:100px;height:100px;display:flex;align-items:center;justify-content:center;background-color:var(--bg-color-dark);border-radius:var(--radius-full);transition:background-color .3s ease}
.c-icon-circle img{max-width:64px;height:64px;display:block}
.c-icon-circle .icon-hover{display:none}
.c-icon-circle .icon-default{display:block}
.feature-item:hover .c-icon-circle .icon-default,.plan-features:hover .c-icon-circle .icon-default{display:none}
.feature-item:hover .c-icon-circle .icon-hover,.plan-features:hover .c-icon-circle .icon-hover{display:block}
.plan-features__icon{margin:0 auto var(--space-px-20)}
.addons-box{text-align:center}
.addons-box h2{margin:0 0 var(--space-px-25);color:var(--text-color-dark-primary)}
.addons-box .sub-title{margin:0 0 var(--space-px-65)}
.addons{min-width:250px;padding:var(--space-px-40);border-radius:var(--radius-lg);overflow:hidden;position:relative;border:1px solid var(--border-color-default);box-shadow:var(--box-shadow-default)}
.addons:hover{box-shadow:var(--box-shadow-hover)}
.addons figure{margin:0 0 var(--space-px-12)}
.addons h3{margin:0}
.addons-specs{position:absolute;left:0;top:0;width:100%;height:100%;transform:translateX(-110%);background:var(--bg-color-dark);border-radius:var(--radius-md);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--gap-m);transition:transform .4s cubic-bezier(.25,1,.5,1)}
.addons .addons-specs.active{transform:translateX(0);font-size:var(--font-size-s);font-weight:var(--font-weight-normal);color:var(--text-color-on-dark);gap:0;padding:0 var(--space-em-050)}
.addons-specs h3{color:var(--text-color-on-dark);margin:0;font-size:var(--font-size-l);font-weight:var(--font-weight-bold)}
.addons-specs ul{list-style:none;padding:0;margin:0;text-align:left}
.addons-specs ul li{margin-bottom:0;line-height:var(--line-height-relaxed);padding:0}
.addons-specs li span{font-weight:var(--font-weight-light);color:var(--text-color-accent)}
.os-box{text-align:center;background-color:var(--bg-color-surface-light-alt)}
.os-box .sub-title{margin:0 0 var(--space-px-65)}
.os{min-width:200px;padding:var(--space-px-50) 0;border:1px solid var(--border-color-default);box-shadow:var(--box-shadow-default);border-radius:var(--radius-md)}
.os:hover{box-shadow:var(--box-shadow-hover)}
.os h3{margin:var(--space-px-15) 0 0}
.faq{text-align:center}
.faq .sub-title{margin:0 0 var(--space-px-65)}
.faq-columns{display:flex;flex-wrap:wrap;justify-content:space-between;width:100%}
.faq-columns>.accordion-box{flex-basis:49%;flex-grow:0;flex-shrink:1}
.accordion-box{text-align:left}
.accordion-box .card{margin:0 0 var(--space-px-12);border:1px solid var(--border-color-default);box-shadow:none;transition:none;border-radius:var(--radius-md);overflow:hidden}
.accordion-box .card h3{margin:0;font-weight:var(--font-weight-normal)}
.accordion-box .card .card-header{background:var(--color-gray-0);padding:0;border-radius:0;position:relative;z-index:2}
.accordion-box .card button,.accordion-box .card button.collapsed{width:100%;text-align:left;font-size:var(--font-size-m);line-height:var(--line-height-tight);transition:color .3s ease;background:transparent;border:none;cursor:pointer;padding:var(--space-px-20);padding-left:var(--space-px-50);color:var(--color-gray-800);position:relative}
.accordion-box .card button:hover{color:var(--color-brown-700)}
.accordion-box .card button:not(.collapsed){color:var(--color-brown-700)}
.accordion-box .card button::after{font-family:'Font Awesome 5 Free';font-weight:900;content:'\f067';position:absolute;left:var(--space-px-20);top:50%;transform:translateY(-50%);transition:color .3s ease}
.accordion-box .card button:not(.collapsed)::after{content:'\f068'}
.accordion-box .card:hover button::after,.accordion-box .card button:not(.collapsed)::after{color:var(--color-brown-700)}
.accordion-box .card .card-body{padding:0;background-color:var(--color-gray-0);margin:0;overflow:hidden}
.accordion-box .card .card-body p a{font-weight:var(--font-weight-bold);color:var(--text-color-brown)}
.accordion-box .card .card-body p a:hover{text-decoration:underline}
.accordion-box .collapse{display:grid;grid-template-rows:0fr;transition:grid-template-rows .4s ease-in-out}
.accordion-box .collapse.show{grid-template-rows:1fr}
.faq-content{padding:0 var(--space-px-20) var(--space-px-20) var(--space-px-50);color:var(--text-color-dark-primary)}
.faq-content p{margin-top:0;margin-bottom:var(--space-em-100)}
.faq-content h4{margin-top:var(--space-em-150);margin-bottom:var(--gap-l)}
.faq-content ul.styled-list{margin-top:0;margin-bottom:var(--space-em-100)}
.faq-content > *:last-child{margin-bottom:0}
.faq-content img{max-width:100%;height:auto}
ul.styled-list{list-style-type:none;padding-left:0;margin-top:var(--gap-m);margin-bottom:var(--gap-l);font-family:var(--font-primary,Inter,sans-serif)}
ul.styled-list li{position:relative;padding-left:35px;margin-bottom:var(--gap-l,15px);line-height:var(--line-height-relaxed);color:var(--text-color-default)}
ul.styled-list li::before{content:'';display:inline-flex;align-items:center;justify-content:center;font-family:"Font Awesome 5 Free";font-weight:900;font-size:.8em;width:22px;height:22px;position:absolute;left:0;top:3px}
ul.styled-list li a{color:var(--link-color-default);text-decoration:none}
ul.styled-list li a:hover{color:var(--link-color-hover-brown);text-decoration:underline}
ul.list-options li::before,ul.list-features li::before,ul.list-features-hot li::before,ul.list-features-dark li::before,ul.list-notes li::before,ul.list-warning li::before,ul.list-warning-dark li::before,ul.list-danger li::before{border-radius:50%}
ul.list-options-square li::before,ul.list-options-neutral li::before,ul.list-options-dark li::before,ul.list-promo li::before,ul.list-security li::before,ul.list-terms li::before,ul.list-specs li::before,ul.list-config li::before,ul.list-guide li::before{border-radius:var(--radius-sm,3px)}
ul.list-options li::before{content:"\f00c";background-color:#28a745;color:var(--color-true-white)}
ul.list-options-square li::before{content:"\f00c";background-color:#28a745;color:var(--color-true-white)}
ul.list-features li::before{content:"\f005";background-color:var(--text-color-accent);color:var(--text-color-dark-primary)}
ul.list-features-hot li::before{content:"\f005";background-color:var(--color-red-500);color:var(--color-true-white)}
ul.list-promo li::before{content:"\f06b";background-color:var(--color-red-500);color:var(--color-true-white)}
ul.list-warning li::before{content:"\f071";background-color:var(--text-color-accent);color:var(--text-color-dark-primary)}
ul.list-danger li::before{content:"\f05e";background-color:var(--color-red-500);color:var(--color-true-white)}
ul.list-notes li::before{content:"\f05a";background-color:var(--bg-color-surface-light-alt);color:var(--text-color-default)}
ul.list-options-neutral li::before{content:"\f14a";background-color:var(--bg-color-surface-light-alt);color:var(--text-color-default)}
ul.list-terms li::before{content:"\f02d";background-color:var(--bg-color-surface-light-alt);color:var(--text-color-default)}
ul.list-guide li::before{content:"\f0a4";background-color:var(--bg-color-surface-light-alt);color:var(--text-color-default)}
ul.list-specs li::before{content:"\f101";background-color:var(--bg-color-surface-light-alt);color:var(--text-color-default)}
ul.list-config li::before{content:"\f085";background-color:var(--bg-color-surface-light-alt);color:var(--text-color-default)}
ul.list-security li::before{content:"\f3ed";background-color:#0d6efd;color:var(--color-true-white)}
ul.list-features-dark li::before{content:"\f005";background-color:var(--text-color-dark-primary);color:var(--text-color-accent)}
ul.list-warning-dark li::before{content:"\f071";background-color:var(--text-color-dark-primary);color:var(--text-color-accent)}
ul.list-options-dark li::before{content:"\f00c";background-color:var(--text-color-dark-primary);color:var(--color-true-white)}
ul.styled-list li.link-item::before{content:"\f0c1";background-color:var(--text-color-accent);color:var(--text-color-dark-primary);border-radius:var(--radius-sm,3px)}
.expired-warning a,.text-link{color:var(--text-color-brown);font-weight:var(--font-weight-bold)}
.expired-warning a:hover,.text-link:hover{text-decoration:underline}
.mybox{display:inline-block;padding:var(--space-em-050) var(--space-em-100);max-width:100%;border:1px solid var(--border-color-default);border-radius:var(--radius-md);background-color:var(--bg-color-surface-light);box-shadow:var(--box-shadow-default);text-align:left;font-size:var(--font-size-s);margin:var(--gap-l) 0}
.small-italic{font-size:var(--font-size-s);color:var(--text-color-secondary);font-style:italic}
.partners{padding:var(--space-px-34) 0;background:var(--bg-color-surface-light)}
.blog-outer li{padding:0 var(--space-px-20);text-align:left}
.news-grid{gap:20px}
.news-item{position:relative;box-sizing:border-box;display:flex;flex-direction:column;border:1px solid var(--border-color-default);border-radius:var(--radius-md);background-color:var(--bg-color-surface-light);box-shadow:var(--box-shadow-default);overflow:hidden;transition:box-shadow .3s ease-in-out,transform .3s ease-in-out}
.news-item__tag{background-color:var(--bg-color-accent);color:var(--text-color-default);padding:var(--space-px-5) 0;border-radius:var(--radius-lg);align-self:center;font-weight:var(--font-weight-bold);font-size:var(--font-size-m);margin-top:var(--space-px-25);width:200px}
.news-item__image{margin:0;line-height:0}
.news-item__image img{display:block;width:100%;margin-top:var(--space-px-15);padding-top:var(--space-px-15)}
.news-item__content{padding:var(--space-px-20);display:flex;flex-direction:column;flex-grow:1}
.news-item__meta{margin-bottom:var(--space-px-15);font-size:var(--font-size-s);display:flex;justify-content:center;align-items:center;order:-1}
.news-item__date{display:inline-block;color:var(--text-color-secondary);border:1px solid var(--border-color-default);border-radius:var(--radius-md);padding:var(--space-px-5) var(--space-px-15);line-height:var(--line-height-normal)}
.news-item__title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}
.news-item__title a{color:inherit}
.news-item__title a:hover{text-decoration:underline}
.news-item__excerpt{flex-grow:1;color:var(--text-color-secondary);font-size:var(--font-size-s);line-height:var(--line-height-normal);margin:0 0 var(--space-px-20);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;text-align:center}
.news-item__button{margin-top:auto;display:inline-block;padding:var(--space-px-15) var(--space-px-30);border-radius:var(--radius-md);text-align:center;font-weight:var(--font-weight-bold);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--text-color-dark-primary);box-shadow:var(--box-shadow-inset-default);transition:background-color .3s,color .3s;align-self:center}
.news-item__button:hover{background-color:var(--bg-color-dark);box-shadow:var(--box-shadow-inset-dark);color:var(--text-color-accent)}
.page-layout-with-sidebar{display:flex;flex-wrap:wrap;gap:40px}
.main-content{flex:1;min-width:65%}
.sidebar{flex-basis:300px;flex-grow:1}
.news-meta{display:flex;align-items:baseline;justify-content:flex-start;gap:var(--gap-xl);padding-left:0;list-style:none;margin-top:0;margin-bottom:var(--space-em-150);font-size:0.9em;font-style:italic;color:var(--text-color-secondary)}
.news-meta li{padding:0}
.news-meta .fas,.news-meta a{font-style:normal}
.news-meta-item{display:inline-flex;align-items:baseline;gap:var(--gap-xs)}
.news-box{padding:var(--space-px-20);width:100%;border-radius:var(--radius-md);border:1px solid var(--border-color-default);box-shadow:var(--box-shadow-default);text-align:left}
.news-box span{display:inline-block}
.news-box img{max-width:100%;height:auto}
.news-box .layout-grid-2col{margin-bottom:var(--space-px-25)}
.news-box h2{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--text-color-dark-primary);margin-top:2.2em;margin-bottom:0.8em;line-height:var(--line-height-tight)}
.news-box h3{font-size:var(--font-size-l);font-weight:var(--font-weight-bold);color:var(--text-color-dark-primary);margin-top:2.2em;margin-bottom:0.8em;line-height:var(--line-height-tight)}
.news-box h2:first-child,.news-box h3:first-child{margin-top:1em}
.news-box h4{font-size:var(--font-size-m);font-weight:var(--font-weight-semibold);color:var(--text-color-dark-primary);margin-top:1.8em;margin-bottom:0.8em;line-height:var(--line-height-tight)}
.news-box h5{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--text-color-dark-primary);margin-top:1.8em;margin-bottom:0.8em;line-height:var(--line-height-tight)}
.news-box h5~.styled-list,.news-box h5~p{margin-left:20px}
.article-toc{border:1px solid var(--border-color-default);background-color:var(--bg-color-surface-light);border-radius:var(--radius-md);margin:var(--gap-l) 0;padding:var(--gap-l);transition:all 0.3s ease}
.article-toc__header{display:flex;justify-content:space-between;align-items:center;cursor:pointer;position:relative;padding-bottom:var(--gap-l);margin-bottom:0}
.article-toc__header::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:1px;background-color:var(--border-color-default);transition:opacity 0.4s ease-in-out;opacity:1}
.article-toc__header strong{font-size:var(--font-size-m);color:var(--text-color-dark-primary);display:flex;align-items:center;gap:var(--gap-s)}
.article-toc__header .fas{color:var(--text-color-brown)}
.article-toc__toggle{background:transparent;border:none;cursor:pointer;padding:5px;color:var(--text-color-secondary);font-size:var(--font-size-l);font-family:'Font Awesome 5 Free';font-weight:900;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.article-toc__toggle::after{content:'\f068'}
.article-toc.is-collapsed .article-toc__toggle::after{content:'\f067'}
.article-toc__list{list-style-type:none;padding-left:0;margin:var(--gap-l) 0 0;max-height:4000px;overflow:hidden;transition:max-height 0.4s ease-in-out,visibility 0.4s ease-in-out,opacity 0.4s ease-in-out;visibility:visible;opacity:1}
.article-toc.is-collapsed .article-toc__list{max-height:0;margin:0;padding:0;border-width:0;visibility:hidden;opacity:0}
.article-toc.is-collapsed .article-toc__header{padding-bottom:0;transition:padding-bottom 0.4s ease-in-out}
.article-toc.is-collapsed .article-toc__header::after{opacity:0}
.article-tags{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:20px;padding:20px 0 0 0;border-top:1px solid var(--border-color-default);border-bottom:none}
.tags-label{font-weight:var(--font-weight-medium);color:var(--text-color-dark-primary);display:flex;align-items:center;gap:8px}
.tags-list{display:flex;flex-wrap:wrap;gap:8px}
.tag-link{font-size:0.9em;background-color:var(--bg-color-surface-light-alt);color:var(--text-color-secondary);padding:4px 10px;border-radius:var(--radius-sm);border:1px solid var(--border-color-default);text-decoration:none;transition:all 0.2s ease}
.tag-link:hover{background-color:var(--bg-color-dark);color:var(--text-color-accent);border-color:var(--border-color-dark)}
.news-actions{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:20px;margin-top:20px;padding-top:20px;border-top:1px solid var(--border-color-default)}
.news-share-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px}
.news-share-actions .news-share-label{display:flex;align-items:center;gap:var(--gap-xs);font-weight:var(--font-weight-medium)}
.news-share-actions .news-share-button{display:inline-flex;align-items:center;vertical-align:middle}
.news-share-actions .news-twitter-share iframe{vertical-align:middle!important}
.news-share-actions .news-facebook-share .fb-share-button,.news-share-actions .news-twitter-share .twitter-share-button{display:flex!important;align-items:center!important}
.news-share-actions .news-facebook-share span,.news-share-actions .news-twitter-share iframe{max-height:var(--space-px-20)}
.news-rating-section{display:flex;align-items:center;gap:var(--gap-s);border-top:1px solid var(--border-color-default);padding:var(--space-em-050) 0}
.news-rating-section .news-section-title-icon{white-space:nowrap;margin-right:var(--space-px-5)}
.news-rating-section .rating-star{display:flex;align-items:center;flex-wrap:wrap;gap:var(--gap-xs);margin:0}
.news-rating-section .rating-star p{font-size:var(--font-size-s);margin:0;text-align:left}
.news-related{margin-top:0}
.news-related-posts-title{display:flex;align-items:center;gap:var(--gap-s);text-align:left;border-top:1px solid var(--border-color-default);border-bottom:1px solid var(--border-color-default);padding:var(--space-em-050) 0}
.news-related-posts-title .news-section-title-icon{white-space:nowrap;margin-right:var(--space-px-5)}
.news-related-posts-title span{margin-right:var(--space-px-5)}
.news-related-posts-list{padding-left:0;list-style:none;margin-top:var(--space-px-10)}
.news-related-posts-list li span{font-size:var(--font-size-s);color:var(--text-color-secondary);margin:var(--space-px-5);font-style:italic}
.search-form-kb{position:relative;margin:30px auto 40px;max-width:600px}
.search-form-kb input[type="text"]{width:100%;padding:12px 50px 12px 20px;border:1px solid var(--border-color-default);border-radius:5px;font-size:1rem;line-height:1.5;transition:all 0.2s ease-in-out}
.search-form-kb input[type="text"]:focus{outline:none;border-color:#bcbcbc;transform:translateY(-1px);box-shadow:var(--box-shadow-hover)}
.search-form-kb button{position:absolute;right:5px;top:50%;transform:translateY(-50%);background:none;border:none;padding:5px;cursor:pointer;color:var(--text-color-secondary);display:flex;align-items:center;justify-content:center}
.search-form-kb button:hover{color:var(--primary-color)}
.search-form-kb svg{width:30px;height:30px;fill:currentColor}
.kb-grid-item{display:flex;flex-direction:column;padding:20px;border:1px solid var(--border-color-default);border-radius:var(--radius-lg);background-color:var(--color-true-white);text-decoration:none;color:inherit;transition:transform 0.2s ease-in-out,box-shadow 0.2s ease-in-out}
.kb-grid-item:hover{transform:translateY(-5px);box-shadow:var(--box-shadow-hover)}
.kb-grid-item__content{display:flex;flex-direction:column;width:100%}
.kb-grid-item__header{display:flex;align-items:baseline;justify-content:center}
.kb-grid-item__icon{font-size:1.2rem;color:var(--text-color-secondary);margin-right:12px}
.kb-grid-item__title{margin:0;font-size:1.25rem;color:var(--text-color-dark-primary);display:flex;align-items:baseline;flex-wrap:wrap}
.kb-grid-item__title-count{font-size:0.9rem;font-weight:var(--font-weight-normal);color:var(--link-color-hover-brown);margin-left:8px;white-space:nowrap}
.kb-grid-item__description{margin:10px 0 0 0;font-size:0.95rem;color:var(--text-color-secondary);line-height:1.6}
.latest-articles-section{margin-top:65px}
.latest-articles-header{font-size:1.5rem!important;border-bottom:1px solid var(--border-color-default);margin-bottom:20px}
.sidebar-widget{margin-bottom:40px;border:1px solid var(--border-color-default);border-radius:var(--radius-lg);padding:20px;background-color:var(--bg-color-surface-light)}
.sidebar-widget__title{display:flex;align-items:center;gap:var(--gap-s);font-size:1.2rem;font-weight:var(--font-weight-medium);color:var(--text-color-dark-primary);margin:0 0 var(--gap-l) 0;padding-bottom:var(--gap-l);border-bottom:1px solid var(--border-color-default)}
.sidebar-widget__title .fas{color:var(--text-color-secondary)}
.sidebar-menu,.sidebar-article-list,.sidebar-submenu{list-style:none;padding:0;margin:0}
.sidebar-menu > li{padding:0}
.sidebar-menu > li:last-child{border-bottom:none}
.sidebar-menu li a{display:flex;align-items:center;padding:5px;color:var(--text-color-default);text-decoration:none;border-radius:var(--radius-md);transition:background-color .2s;font-weight:var(--font-weight-medium)}
.sidebar-menu li a:hover{color:var(--link-color-hover-brown)}
.sidebar-menu li a .fas{margin-right:12px;color:var(--text-color-secondary);font-size:1.1em;width:20px;text-align:center}
.sidebar-menu li a span{flex-grow:1}
.sidebar-menu__count{font-size:0.8em;color:var(--text-color-secondary);margin-left:auto;padding-left:10px}
.sidebar-menu li:has(a > .promo-count-badge){display:flex;align-items:center;flex-wrap:nowrap}
.sidebar-menu li:has(a > .promo-count-badge) > a:first-child{flex-grow:0}
.sidebar-menu li a:has(.promo-count-badge){padding:0!important;margin-left:8px;flex-shrink:0}
.sidebar-menu li .promo-count-badge{display:inline-block!important;vertical-align:middle}
.sidebar-submenu{padding-top:5px;padding-bottom:10px}
.sidebar-submenu li a{font-weight:var(--font-weight-normal);font-size:0.95em;padding:0}
.sidebar-submenu li a .fas{font-size:0.7em;margin-right:10px;color:var(--text-color-secondary);opacity:0.8}
.sidebar-article-list li{padding-bottom:10px;margin-bottom:10px;border-bottom:1px dotted var(--border-color-default)}
.sidebar-article-list li:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}
.sidebar-article-list li a{display:block;text-decoration:none;color:var(--text-color-default);margin-bottom:4px}
.sidebar-article-list li a:hover{color:var(--link-color-hover-brown)}
.sidebar-article-list li a .fas{margin-right:8px;width:16px;text-align:center}
.sidebar-article-date{display:block;font-size:0.8em;color:var(--text-color-secondary);padding-left:2px}
.article-title-link{font-size:1.1em;font-weight:var(--font-weight-medium);color:var(--text-color-dark-primary);text-decoration:none}
.article-title-link:hover{color:var(--link-color-hover-brown);text-decoration:underline}
.article-excerpt{font-size:0.95em;color:var(--text-color-secondary);margin:5px 0 8px 0;padding:0;line-height:1.6}
.article-meta-info{display:flex;align-items:center;flex-wrap:wrap;gap:45px;font-size:0.85em;font-style:italic;color:var(--text-color-secondary)}
.article-meta-info span{display:flex;align-items:center;gap:5px}
.article-meta-info a{color:var(--text-color-secondary);text-decoration:underline;text-decoration-color:var(--border-color-default)}
.article-meta-info a:hover{color:var(--link-color-hover-brown)}
.latest-articles-section .styled-list.list-guide li{position:relative;padding-left:35px;padding-top:0;padding-bottom:20px}
.latest-articles-section .styled-list.list-guide li::before{content:'\f0a4';font-family:"Font Awesome 5 Free";font-weight:900;display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;position:absolute;left:0;border-radius:3px;background-color:var(--bg-color-surface-light-alt);color:var(--text-color-default)}
.group:after{display:table;clear:both;content:''}
h3.section-title{margin:var(--space-em-100) 0!important}
.img-container-center{text-align:center;margin-bottom:var(--space-em-100)}
.img-post{display:block;margin:0 auto var(--space-px-15) auto;border:var(--space-px-7) solid var(--bg-color-surface-light);box-shadow:rgba(0,0,0,.5) 0 15px 10px -10px,rgba(0,0,0,.3) 0 1px 4px;border-radius:var(--space-px-7)}
.img-service{display:block;margin:0 auto var(--space-px-15) auto}
.img-post,.img-service{max-width:100%;height:auto}
.youtube{position:relative;float:none;clear:both;padding-top:var(--space-px-25);padding-bottom:56.25%;width:100%;height:0}
.youtube iframe{position:absolute;top:0;left:0;width:100%;height:100%}
.video-responsive-wrapper{position:relative;overflow:hidden;width:100%;padding-top:56.25%;margin-bottom:var(--space-em-150);background-color:var(--bg-color-dark);border-radius:var(--radius-md)}
.video-responsive-wrapper iframe{position:absolute;top:0;left:0;bottom:0;right:0;width:100%;height:100%;border:none}
.mylink{border-radius:var(--radius-md);font-weight:var(--font-weight-normal);border:1px solid var(--border-color-default);background-color:var(--bg-color-surface-light);color:var(--text-color-dark-primary);padding:0 var(--space-px-5)}
.mylink:hover,.mylink:active{border:1px solid var(--border-color-dark);background-color:var(--bg-color-dark);color:var(--text-color-accent)}
.normal-italic{font-style:italic;color:var(--text-color-secondary)}
.bold-italic{font-style:italic;font-weight:var(--font-weight-semibold);color:var(--text-color-default)}
.code{font-family:ui-monospace,SFMono-Regular,Consolas,'Liberation Mono',Menlo,monospace;font-size:var(--font-size-s);background-color:var(--bg-color-surface-light-alt);color:var(--text-color-dark-primary);padding:var(--space-em-025) var(--space-em-050);border-radius:var(--radius-sm);border:1px solid var(--border-color-default)}
.code-dark-bg{display:block;font-family:ui-monospace,SFMono-Regular,Consolas,'Liberation Mono',Menlo,monospace;font-size:.9em;background-color:var(--bg-color-dark);color:var(--text-color-on-dark);padding:var(--space-em-100) var(--space-em-125);border-radius:var(--radius-md);overflow-x:auto;white-space:pre-wrap;margin:var(--space-px-15) 0;border:1px solid var(--border-color-dark-alt);box-shadow:0 3px 6px rgba(224,224,224,.3)}
.screen-text{display:block;font-family:ui-monospace,SFMono-Regular,Consolas,'Liberation Mono',Menlo,monospace;font-size:.9em;background-color:var(--bg-color-surface-light-alt);color:var(--text-color-dark-primary);padding:var(--space-em-075) var(--space-em-100);border:1px dashed var(--border-color-strong);border-radius:var(--radius-sm);margin:var(--space-px-15) 0;white-space:pre-wrap;overflow-x:auto}
.bold-gray-bg{font-weight:var(--font-weight-bold);color:var(--text-color-dark-primary);background-color:var(--bg-color-muted);padding:.1em var(--space-em-025);border-radius:var(--radius-sm)}
.bold-light-bg{font-size:.9em;font-weight:var(--font-weight-semibold);color:var(--text-color-dark-primary);background-color:var(--bg-color-surface-light-alt);padding:var(--space-px-4) var(--space-px-5);border-radius:var(--radius-sm);border:1px solid var(--border-color-default)}
.map-iframe{width:100%;height:445px;border:1px solid var(--border-color-default);border-radius:var(--radius-md);box-shadow:var(--box-shadow-default)}
.badge{display:inline-block;padding:var(--space-em-025) .4em;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);line-height:var(--line-height-single);text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:var(--radius-sm);transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}
.badge-danger{color:var(--text-color-on-dark);background-color:var(--color-red-500)}
.expired-warning{background-color:var(--color-gray-50);border:1px solid var(--color-yellow-500);border-left-width:5px;padding:var(--gap-l) var(--gap-xl);margin-bottom:var(--gap-xl);border-radius:var(--radius-md);color:var(--text-color-default);font-family:var(--font-primary);font-size:var(--font-size-base);line-height:var(--line-height-relaxed)}
.expired-warning h4{color:var(--color-brown-700);margin-top:0;margin-bottom:var(--gap-m);font-size:var(--font-size-l);font-weight:var(--font-weight-semibold)}
.expired-warning p{margin-bottom:var(--gap-s);line-height:var(--line-height-normal)}
.expired-warning p:last-child{margin-bottom:0}
.expired-warning strong{font-weight:var(--font-weight-bold);color:var(--text-color-dark-primary)}
.styled-table{width:100%;margin:25px 0;border-collapse:collapse;font-size:14px;font-family:var(--font-primary,Inter,sans-serif);box-shadow:var(--box-shadow-default,0 3px 6px rgba(0,0,0,0.08));border-radius:var(--radius-md,5px);overflow:hidden}
.styled-table thead tr{background-color:var(--bg-color-dark);color:var(--color-true-white,#ffffff);text-align:left;font-weight:var(--font-weight-bold,700)}
.styled-table th,.styled-table td{padding:15px 20px;vertical-align:middle}
.styled-table tbody tr{border-bottom:1px solid var(--border-color-default,#E0E0E0)}
.styled-table tbody tr:nth-of-type(even){background-color:var(--bg-color-surface-light,#FAFAFA)}
.styled-table tbody tr:last-of-type{border-bottom:none}
.styled-table tbody tr:hover{background-color:var(--color-gray-200)}
.styled-table td strong{color:var(--text-color-brown,#8B4513)}
.styled-table td img{vertical-align:middle;margin-right:5px}
.styled-table.comparison-table thead tr{background-color:var(--color-gray-800)}
.styled-table.comparison-table td:first-child{font-weight:var(--font-weight-semibold);background-color:var(--bg-color-surface-light-alt);color:var(--text-color-dark-primary)}
.styled-table.comparison-table th:first-child{background-color:var(--color-gray-800);color:var(--color-true-white)}
.news-box2{width:100%;text-align:left}
.news .sub-title2,.news h3{text-align:left}
.news .news-box,.accordion-box{text-align:left}
.summary-box{display:flex;flex-direction:column;align-items:center;width:100%}
.summary-box__header{display:flex;flex-direction:row;align-items:baseline;justify-content:center;gap:var(--gap-s)}
.summary-box__header .fas{font-size:var(--font-size-l);color:var(--text-color-default)}
.summary-box__title{margin:0;font-size:var(--font-size-l);font-weight:var(--font-weight-medium)}
.summary-box__title a{color:var(--text-color-dark-primary);font-weight:var(--font-weight-bold)}
.summary-box__title a:hover{color:var(--text-color-brown);text-decoration:underline}
.summary-box__description{margin:var(--space-px-15) 0 0;font-size:var(--font-size-s);color:var(--text-color-secondary)}
.pagination{display:flex;flex-wrap:wrap;gap:var(--space-em-050);margin:var(--space-px-50) 0;align-items:baseline;justify-content:center;width:100%}
.pagelink{display:inline-block;padding:var(--space-em-050) var(--space-em-100);color:var(--text-color-dark-primary);background-color:var(--bg-color-surface-light);border:1px solid var(--border-color-default);border-radius:var(--radius-md);transition:background-color .2s,border-color .2s,color .2s}
.pagelink:hover,.pagelink--active{background-color:var(--bg-color-dark-alt);color:var(--text-color-accent);border:1px solid var(--border-color-dark)}
.article-list-2-columns{list-style:none;padding-left:0;margin-top:var(--gap-l);column-count:2;column-gap:40px}
ul.styled-list.article-list-2-columns li{-webkit-column-break-inside:avoid;page-break-inside:avoid;break-inside:avoid}
.article-time{font-size:0.8em;font-style:italic;color:var(--text-color-secondary);margin-left:8px;white-space:nowrap}
.no-articles-notice{text-align:center;padding:20px;color:var(--text-color-secondary)}
.news-share-label,.news-section-title-icon{font-weight:var(--font-weight-medium);color:var(--text-color-dark-primary)}
.tag-groups-container{column-count:2;column-gap:30px}
.tag-group{break-inside:avoid-column;margin-bottom:25px}
.tag-group-title{font-size:1.25em;margin-bottom:15px;border-bottom:1px solid var(--border-color-default);padding-bottom:10px;color:var(--text-color-dark-primary)}
.tag-group-list{display:flex;flex-direction:column;gap:8px}
.tag-group-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;text-decoration:none;border-radius:var(--radius-md);background-color:var(--bg-color-surface-light);border:1px solid var(--border-color-default);transition:all 0.2s ease}
.tag-group-item:hover{background-color:var(--bg-color-dark);color:var(--text-color-accent);border-color:var(--border-color-dark)}
.tag-group-item-name{color:var(--text-color-default)}
.tag-group-item:hover .tag-group-item-name{color:var(--text-color-accent)}
.tag-group-item-count{font-size:0.8em;color:var(--text-color-on-dark);background-color:var(--bg-color-dark-alt);padding:2px 8px;border-radius:var(--radius-md);border:1px solid var(--border-color-dark)}
.tag-group-item:hover .tag-group-item-count{background-color:var(--bg-color-accent);color:var(--text-color-dark-primary);border-color:var(--bg-color-accent)}
.tutorials-category-list .layout-grid-2col{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.tutorials-category-list .styled-list.list-guide{list-style:none;padding-left:0}
.tutorials-category-list .styled-list.list-guide li{padding:20px 0;border-bottom:1px solid var(--border-color-default)}
.tutorials-category-list .styled-list.list-guide li:first-child{padding-top:0}
.tutorials-category-list .styled-list.list-guide li:last-child{border-bottom:none}