.blog-header{padding-top:calc(72px + var(--cm-space-12));padding-bottom:var(--cm-space-8);background:var(--cm-bg-dark);color:var(--cm-text-light)}.blog-filters{display:flex;flex-wrap:wrap;gap:var(--cm-space-2);margin-top:var(--cm-space-6)}.blog-filter{display:inline-flex;align-items:center;gap:var(--cm-space-2);padding:var(--cm-space-2) var(--cm-space-4);border-radius:var(--cm-radius-full);font-size:var(--cm-text-sm);font-weight:500;color:var(--cm-text-light-secondary);background:rgba(255, 255, 255, 0.06);border:1px solid rgba(255, 255, 255, 0.1);transition:all var(--cm-transition)}.blog-filter:hover{color:var(--cm-text-light);background:rgba(255, 255, 255, 0.12);border-color:rgba(255, 255, 255, 0.2)}.blog-filter--active{color:#fff;background:var(--cm-cyan);border-color:var(--cm-cyan)}.blog-filter--active:hover{color:#fff;background:var(--cm-cyan-light)}.blog-filter__count{font-size:var(--cm-text-xs);opacity:0.7}.blog-content{display:grid;grid-template-columns:1fr 300px;gap:var(--cm-space-10);align-items:start}.sidebar-widget--cta{background:var(--cm-bg-dark);color:var(--cm-text-light);text-align:center}body.light-mode .sidebar-widget--cta{background:var(--cm-bg-light-card);border-color:var(--cm-border-light);color:var(--cm-text-dark)}.sidebar-categories a{display:flex;justify-content:space-between;align-items:center;padding:var(--cm-space-2) 0;color:var(--cm-text-light-secondary);font-size:var(--cm-text-sm);transition:color var(--cm-transition)}.sidebar-categories a:hover{color:var(--cm-cyan)}.sidebar-categories__count{background:var(--cm-bg-dark-secondary);padding:2px 8px;border-radius:var(--cm-radius-full);font-size:var(--cm-text-xs)}body.light-mode .sidebar-categories a{color:var(--cm-text-dark-secondary)}body.light-mode .sidebar-categories__count{background:var(--cm-bg-light-secondary)}@media (max-width:1024px){.blog-content{grid-template-columns:1fr}.blog-sidebar{position:static}}.blog-featured-section{padding-bottom:0}.blog-featured-heading{font-size:var(--cm-text-2xl);font-weight:800;margin-bottom:var(--cm-space-6)}.blog-section-heading{font-size:var(--cm-text-xl);font-weight:700;margin-bottom:var(--cm-space-6)}.blog-featured{display:grid;grid-template-columns:1.6fr 1fr;gap:var(--cm-space-6);align-items:stretch}.featured-card{background:var(--cm-bg-dark-card);border:1px solid var(--cm-border-dark);border-radius:var(--cm-radius-xl);overflow:hidden;box-shadow:var(--cm-shadow);transition:all var(--cm-transition);display:flex;flex-direction:column}.featured-card:hover{transform:translateY(-4px);box-shadow:var(--cm-shadow-lg)}.featured-card__color-bar{width:100%;height:8px}.featured-card--hero .featured-card__color-bar{height:10px}.featured-card--hero .featured-card__image{width:100%;height:240px;object-fit:cover}.featured-card--hero .featured-card__body{padding:var(--cm-space-8);flex:1;display:flex;flex-direction:column}.featured-card__title{font-size:var(--cm-text-2xl);line-height:1.3;margin-bottom:var(--cm-space-3)}.featured-card__title a{color:var(--cm-text-light)}.featured-card__title a:hover{color:var(--cm-cyan)}.featured-card__title--sm{font-size:var(--cm-text-lg);line-height:1.4}.featured-card__excerpt{color:var(--cm-text-light-secondary);font-size:var(--cm-text-base);flex:1;margin-bottom:var(--cm-space-4);line-height:1.6}.featured-card__excerpt--sm{color:var(--cm-text-light-secondary);font-size:var(--cm-text-sm);flex:1;margin-bottom:var(--cm-space-3);line-height:1.5}body.light-mode .featured-card__title a{color:var(--cm-text-dark)}body.light-mode .featured-card__excerpt,body.light-mode .featured-card__excerpt--sm{color:var(--cm-text-dark-secondary)}.featured-card__side{display:flex;flex-direction:column;gap:var(--cm-space-6)}.featured-card--small{flex:1}.featured-card__small-inner{display:flex;flex-direction:column;height:100%}.featured-card__side-bar{width:100%;height:6px}.featured-card--small .featured-card__body{padding:var(--cm-space-6);flex:1;display:flex;flex-direction:column}body.light-mode .featured-card{background:#ffffff;border:1px solid #e2e8f0}@media (max-width:768px){.blog-featured{grid-template-columns:1fr}.featured-card__title{font-size:var(--cm-text-xl)}}.article-card__color-bar{width:100%;height:6px;position:relative}.article-card__color-icon{display:none}.article-header{padding-top:calc(72px + var(--cm-space-12));padding-bottom:var(--cm-space-8);background:var(--cm-bg-dark);color:var(--cm-text-light)}.article-header__meta{display:flex;align-items:center;gap:var(--cm-space-4);font-size:var(--cm-text-sm);color:var(--cm-text-light-secondary);margin-top:var(--cm-space-4)}.article-header__updated{font-size:var(--cm-text-xs);color:var(--cm-text-light-muted);letter-spacing:0.01em}.article-body{max-width:var(--cm-container-narrow);margin:0 auto;padding:var(--cm-space-12) var(--cm-space-6);color:var(--cm-text-light)}.article-body h2{margin-top:var(--cm-space-10);padding-top:var(--cm-space-6);border-top:1px solid var(--cm-border-dark);color:var(--cm-text-light);scroll-margin-top:90px}.article-body h3{margin-top:var(--cm-space-8);color:var(--cm-text-light);scroll-margin-top:90px}.article-body p{color:var(--cm-text-light-secondary)}.article-body strong{color:var(--cm-text-light)}.article-body a{color:var(--cm-cyan)}.article-body a.btn--primary{color:#fff}.article-body a.btn--secondary{color:var(--cm-text-light)}body.light-mode .article-body a.btn--secondary{color:var(--cm-text-dark)}.article-body .author-box__name a{color:var(--cm-text-light)}.article-body .author-box__name a:hover{color:var(--cm-cyan)}body.light-mode .article-body .author-box__name a{color:var(--cm-text-dark)}.article-body .author-box__links a{color:var(--cm-text-light-secondary)}body.light-mode .article-body .author-box__links a{color:var(--cm-text-dark-secondary)}.article-body ul,.article-body ol{padding-left:var(--cm-space-6);margin-bottom:var(--cm-space-6)}.article-body ul{list-style:disc}.article-body ol{list-style:decimal}.article-body li{margin-bottom:var(--cm-space-2);color:var(--cm-text-light-secondary)}.article-body img{border-radius:var(--cm-radius-lg);margin:var(--cm-space-6) 0;box-shadow:var(--cm-shadow)}.article-body .article-diagram{margin:var(--cm-space-8) 0;padding:var(--cm-space-5);background:#fff;border-radius:var(--cm-radius-lg);border:1px solid rgba(255,255,255,.08);box-shadow:0 4px 20px rgba(0,0,0,.25);filter:brightness(.96);transition:filter .2s ease}.article-body .article-diagram:hover{filter:brightness(1)}.article-body .article-diagram img{display:block;width:100%;height:auto;margin:0;border-radius:0;box-shadow:none}.article-body .article-diagram figcaption{margin-top:var(--cm-space-3);font-size:var(--cm-text-sm);color:#6b7280;text-align:center;font-style:italic}body.light-mode .article-body .article-diagram{background:#fff;border:1px solid var(--cm-border-light);box-shadow:0 2px 12px rgba(0,0,0,.06);filter:none}body.light-mode .article-body .article-diagram figcaption{color:var(--cm-text-dark-secondary)}.diagram-lightbox{position:fixed;inset:0;z-index:9999;background:rgba(0,0,0,.88);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:40px 24px;opacity:0;transition:opacity .2s ease;cursor:zoom-out}.diagram-lightbox.is-open{opacity:1}.diagram-lightbox[hidden]{display:none}.diagram-lightbox__img{max-width:100%;max-height:100%;width:auto;height:auto;background:#fff;border-radius:var(--cm-radius);box-shadow:0 20px 60px rgba(0,0,0,.5);transform:scale(.96);transition:transform .2s ease;cursor:default}.diagram-lightbox.is-open .diagram-lightbox__img{transform:scale(1)}.diagram-lightbox__close{position:absolute;top:16px;right:16px;width:44px;height:44px;border:none;background:rgba(255,255,255,.1);color:#fff;font-size:28px;line-height:1;border-radius:50%;cursor:pointer;transition:background .15s ease;display:flex;align-items:center;justify-content:center}.diagram-lightbox__close:hover{background:rgba(255,255,255,.2)}.article-body pre{background:var(--cm-bg-dark-secondary);border:1px solid var(--cm-border-dark);border-radius:var(--cm-radius);padding:var(--cm-space-4) var(--cm-space-5);overflow-x:auto;margin-bottom:var(--cm-space-6)}.code-copy-wrap{position:relative;margin-bottom:0}.code-copy-btn{position:absolute;top:8px;right:8px;font-size:.7rem;font-weight:600;color:#58a6ff;background:rgba(56,139,253,.12);border:1px solid rgba(56,139,253,.25);padding:5px 12px;border-radius:6px;cursor:pointer;display:inline-flex;align-items:center;gap:5px;opacity:.55;transition:opacity .2s,background .2s,color .2s,border-color .2s}.code-copy-wrap:hover .code-copy-btn,.code-copy-btn:hover,.code-copy-btn:focus-visible,.code-copy-btn.copied{opacity:1}.code-copy-btn:hover{background:rgba(56,139,253,.2);border-color:rgba(56,139,253,.4);color:#79c0ff}.code-copy-btn.copied{color:#3fb950;border-color:rgba(63,185,80,.3);background:rgba(63,185,80,.12)}.code-copy-btn svg{width:13px;height:13px}body.light-mode .code-copy-btn{color:#0969da;background:rgba(9,105,218,.08);border-color:rgba(9,105,218,.2)}.article-body code{color:var(--cm-cyan-light)}.article-body pre code{color:var(--cm-text-light-secondary)}.article-body table{width:100%;border-collapse:collapse;margin-bottom:var(--cm-space-6)}.article-body th,.article-body td{padding:var(--cm-space-3) var(--cm-space-4);border:1px solid var(--cm-border-dark);text-align:left;color:var(--cm-text-light-secondary)}.article-body th{background:var(--cm-bg-dark-secondary);font-weight:600;color:var(--cm-text-light)}body.light-mode .article-body{color:var(--cm-text-dark)}body.light-mode .article-body h2{border-top-color:var(--cm-border-light);color:var(--cm-text-dark)}body.light-mode .article-body h3{color:var(--cm-text-dark)}body.light-mode .article-body p{color:var(--cm-text-dark-secondary)}body.light-mode .article-body strong{color:var(--cm-text-dark)}body.light-mode .article-body li{color:var(--cm-text-dark-secondary)}body.light-mode .article-body pre{background:#f1f5f9;border-color:var(--cm-border-light)}body.light-mode .article-body code{color:#0891b2}body.light-mode .article-body pre code{color:var(--cm-text-dark-secondary)}body.light-mode .article-body th,body.light-mode .article-body td{border-color:var(--cm-border-light);color:var(--cm-text-dark-secondary)}body.light-mode .article-body th{background:var(--cm-bg-light-secondary);color:var(--cm-text-dark)}.article-body .tldr-box{background:linear-gradient(135deg, rgba(10, 184, 234, 0.08) 0%, rgba(11, 206, 228, 0.04) 100%);border:1px solid rgba(10, 184, 234, 0.25);border-left:4px solid var(--cm-cyan);border-radius:var(--cm-radius);padding:var(--cm-space-5) var(--cm-space-6);margin-bottom:var(--cm-space-8)}.article-body .tldr-box>strong:first-child{color:var(--cm-cyan);display:block;margin-bottom:var(--cm-space-2);font-size:var(--cm-text-lg)}.article-body .tldr-box ul{margin-bottom:0}.article-body .info-box{background:rgba(99, 102, 241, 0.08);border:1px solid rgba(99, 102, 241, 0.25);border-left:4px solid #6366f1;border-radius:var(--cm-radius);padding:var(--cm-space-4) var(--cm-space-5);margin:var(--cm-space-6) 0}.article-body .info-box strong:first-child{color:#818cf8}.article-body .warning-box{background:rgba(245, 158, 11, 0.08);border:1px solid rgba(245, 158, 11, 0.25);border-left:4px solid var(--cm-warning);border-radius:var(--cm-radius);padding:var(--cm-space-4) var(--cm-space-5);margin:var(--cm-space-6) 0}.article-body .warning-box strong:first-child{color:var(--cm-warning)}.article-body .tip-box{background:rgba(16, 185, 129, 0.08);border:1px solid rgba(16, 185, 129, 0.25);border-left:4px solid var(--cm-success);border-radius:var(--cm-radius);padding:var(--cm-space-4) var(--cm-space-5);margin:var(--cm-space-6) 0}.article-body .tip-box strong:first-child{color:var(--cm-success)}.method-tabs{margin:var(--cm-space-6) 0;border:1px solid var(--cm-border-dark);border-radius:var(--cm-radius-lg);overflow:hidden}.method-tabs__header{display:flex;border-bottom:1px solid var(--cm-border-dark);background:var(--cm-bg-dark-secondary)}.method-tab{flex:1;padding:var(--cm-space-3) var(--cm-space-4);background:none;border:none;color:var(--cm-text-light-secondary);font-size:var(--cm-text-sm);font-weight:500;cursor:pointer;transition:all var(--cm-transition);position:relative;font-family:var(--cm-font-sans)}.method-tab:hover{color:var(--cm-text-light);background:rgba(255, 255, 255, 0.03)}.method-tab--active{color:var(--cm-cyan);background:var(--cm-bg-dark-card)}.method-tab--active::after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--cm-cyan)}.method-panel{display:none;padding:var(--cm-space-6)}.method-panel--active{display:block}.method-panel p:last-child,.method-panel pre:last-child,.method-panel ol:last-child,.method-panel ul:last-child{margin-bottom:0}.article-body .screenshot-placeholder{display:none}.method-panel .screenshot-placeholder{background:var(--cm-bg-dark-secondary);border:2px dashed var(--cm-border-dark);border-radius:var(--cm-radius);padding:var(--cm-space-8) var(--cm-space-4);text-align:center;color:var(--cm-text-light-secondary);font-size:var(--cm-text-sm);margin:var(--cm-space-4) 0}body.light-mode .method-tabs{border-color:var(--cm-border-light)}body.light-mode .method-tabs__header{background:var(--cm-bg-light);border-bottom-color:var(--cm-border-light)}body.light-mode .method-tab{color:var(--cm-text-dark-secondary)}body.light-mode .method-tab:hover{color:var(--cm-text-dark);background:rgba(0, 0, 0, 0.03)}body.light-mode .method-tab--active{color:var(--cm-cyan);background:#fff}body.light-mode .method-panel{background:#fff}body.light-mode .method-panel .screenshot-placeholder{background:var(--cm-bg-light);border-color:var(--cm-border-light)}.article-body .faq-section{margin-top:var(--cm-space-10);padding-top:var(--cm-space-6);border-top:1px solid var(--cm-border-light)}.article-body .faq-section > h2{margin-top:0;padding-top:0;border-top:none;margin-bottom:var(--cm-space-6)}.article-body .faq-item{background:rgba(10, 184, 234, 0.04);border:1px solid rgba(10, 184, 234, 0.12);border-radius:var(--cm-radius);margin-bottom:var(--cm-space-3);overflow:hidden;transition:border-color 0.2s, box-shadow 0.2s}.article-body .faq-item:hover{border-color:rgba(10, 184, 234, 0.3)}.article-body .faq-item:last-child{margin-bottom:0}.article-body .faq-item h3{margin:0;padding:var(--cm-space-4) var(--cm-space-5);font-size:var(--cm-text-base);color:var(--cm-cyan);font-weight:600;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:var(--cm-space-3);user-select:none;transition:background 0.15s}.article-body .faq-item h3:hover{background:rgba(10, 184, 234, 0.06)}.article-body .faq-item h3::after{content:'+';font-size:1.4rem;font-weight:300;color:var(--cm-cyan);flex-shrink:0;transition:transform 0.3s ease;line-height:1}.article-body .faq-item.faq-open h3::after{transform:rotate(45deg)}.article-body .faq-item.faq-open{border-color:rgba(10, 184, 234, 0.3);box-shadow:0 2px 12px rgba(10, 184, 234, 0.08)}.article-body .faq-answer{max-height:0;overflow:hidden;transition:max-height 0.35s ease, padding 0.25s ease;padding:0 var(--cm-space-5)}.article-body .faq-item.faq-open .faq-answer{max-height:500px;padding:0 var(--cm-space-5) var(--cm-space-5)}.article-body .faq-answer p{margin:0;color:var(--cm-text-light-secondary);line-height:1.7}.article-body .faq-answer p a{color:var(--cm-cyan)}body.light-mode .article-body .tldr-box{background:linear-gradient(135deg, rgba(10, 184, 234, 0.06) 0%, rgba(11, 206, 228, 0.03) 100%)}body.light-mode .article-body .info-box{background:rgba(99, 102, 241, 0.06)}body.light-mode .article-body .warning-box{background:rgba(245, 158, 11, 0.06)}body.light-mode .article-body .tip-box{background:rgba(16, 185, 129, 0.06)}body.light-mode .article-body .faq-item{background:rgba(10, 184, 234, 0.03);border-color:rgba(10, 184, 234, 0.1)}body.light-mode .article-body .faq-item:hover,body.light-mode .article-body .faq-item.faq-open{border-color:rgba(10, 184, 234, 0.25)}body.light-mode .article-body .faq-item h3:hover{background:rgba(10, 184, 234, 0.04)}body.light-mode .article-body .faq-item.faq-open{box-shadow:0 2px 12px rgba(10, 184, 234, 0.06)}body.light-mode .article-body .faq-answer p{color:var(--cm-text-dark-secondary)}.lesson-compare .article-body th,.article-body .lesson-compare th{background:rgba(10, 184, 234, 0.12);color:#fff;border:none;border-bottom:2px solid var(--cm-cyan)}.lesson-compare .article-body td,.article-body .lesson-compare td{border:none;border-bottom:1px solid rgba(255, 255, 255, 0.05)}.article-cta{background:var(--cm-bg-dark-secondary);border-radius:var(--cm-radius-xl);padding:var(--cm-space-8);margin:var(--cm-space-10) 0;border:2px solid var(--cm-border-dark);text-align:center}.article-cta h3{margin-bottom:var(--cm-space-3);color:var(--cm-text-light)}.article-cta p{color:var(--cm-text-light-secondary);margin-bottom:var(--cm-space-6)}body.light-mode .article-cta{background:var(--cm-bg-light);border-color:var(--cm-border-light)}body.light-mode .article-cta h3{color:var(--cm-text-dark)}body.light-mode .article-cta p{color:var(--cm-text-dark-secondary)}.author-box{display:flex;gap:var(--cm-space-4);align-items:center;margin-top:var(--cm-space-8);padding:16px 24px;background:var(--cm-bg-dark-card);border:1px solid var(--cm-border-dark);border-radius:var(--cm-radius-lg)}.author-box__info{min-width:0}.author-box__name{margin-bottom:4px}.author-box__bio{margin-bottom:8px}.author-box>picture,.author-box__avatar-wrap{display:block;width:72px;height:72px;flex:0 0 72px;border-radius:50%;overflow:hidden;border:2px solid var(--cm-cyan);background:var(--cm-bg-dark-secondary)}.author-box__avatar,.article-body .author-box__avatar{width:72px;height:72px;min-width:72px;border-radius:50%;object-fit:cover;flex-shrink:0;border:2px solid var(--cm-cyan);display:block;margin:0;box-shadow:none}.author-box>picture .author-box__avatar,.article-body .author-box>picture .author-box__avatar{width:100%;height:100%;min-width:0;border:none;border-radius:0}.author-box__name{font-size:var(--cm-text-lg);margin-bottom:var(--cm-space-2);color:var(--cm-text-light)}.author-box__name a{color:var(--cm-text-light);text-decoration:none;transition:color var(--cm-transition)}.author-box__name a:hover{color:var(--cm-cyan)}.author-box__bio{font-size:var(--cm-text-sm);color:var(--cm-text-light-secondary);line-height:1.6;margin-bottom:var(--cm-space-3)}.author-box__links{display:flex;gap:var(--cm-space-3)}.author-box__links a{color:var(--cm-text-light-secondary);transition:color var(--cm-transition);display:flex}.author-box__links a:hover{color:var(--cm-cyan)}body.light-mode .author-box{background:var(--cm-bg-light);border-color:var(--cm-border-light)}body.light-mode .author-box__label{color:var(--cm-text-dark-secondary)}body.light-mode .author-box__name,body.light-mode .author-box__name a{color:var(--cm-text-dark)}body.light-mode .author-box__bio{color:var(--cm-text-dark-secondary)}body.light-mode .author-box__links a{color:var(--cm-text-dark-secondary)}body.light-mode .author-box__links a:hover{color:var(--cm-cyan)}@media (max-width:480px){.author-box{flex-direction:column;align-items:center;text-align:center}.author-box__links{justify-content:center}}.related-articles{background:var(--cm-bg-dark-secondary);padding:var(--cm-space-12) 0}body.light-mode .related-articles{background:var(--cm-bg-light)}.lesson-checklist{list-style:none;padding:0;margin:var(--cm-space-6) 0}.lesson-checklist li{display:flex;align-items:flex-start;gap:var(--cm-space-3);padding:var(--cm-space-2) 0;font-size:var(--cm-text-sm);cursor:pointer;user-select:none;color:var(--cm-text-light-secondary)}body.light-mode .lesson-checklist li{color:var(--cm-text-dark-secondary)}.lesson-checklist li::before{content:'';width:20px;height:20px;flex-shrink:0;border:2px solid rgba(255, 255, 255, 0.12);border-radius:4px;margin-top:2px;transition:all 0.2s}body.light-mode .lesson-checklist li::before{border-color:var(--cm-border-light)}.lesson-checklist li.checked::before{background:#34d399;border-color:#34d399;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='white'%3E%3Cpath d='M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z'/%3E%3C/svg%3E");background-size:14px;background-repeat:no-repeat;background-position:center}.lesson-checklist li.checked{text-decoration:line-through;opacity:0.5}.article-newsletter{margin-top:var(--cm-space-8);padding:20px 24px;background:linear-gradient(135deg,rgba(10,184,234,0.07) 0%,rgba(11,206,228,0.02) 100%);border:1px solid rgba(10,184,234,0.18);border-radius:var(--cm-radius-lg);display:grid;grid-template-columns:1fr auto;align-items:center;gap:24px}.article-newsletter__text{display:flex;align-items:center;gap:14px;min-width:0}.article-newsletter__icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;background:var(--cm-gradient);color:#fff;flex-shrink:0}.article-newsletter__title{font-size:1rem;font-weight:700;color:var(--cm-text-light);margin:0 0 2px;line-height:1.3}.article-newsletter__desc{color:var(--cm-text-light-secondary);font-size:.82rem;line-height:1.4;margin:0}.article-newsletter .newsletter-form{margin:0;flex-shrink:0}.article-newsletter .newsletter-inline{margin:0;gap:8px}.article-newsletter .form-input{padding:9px 14px;border:1px solid rgba(255,255,255,0.12);border-radius:8px;background:rgba(255,255,255,0.05);color:var(--cm-text-light);font-size:.88rem;width:220px;outline:none;transition:border-color .2s}.article-newsletter .form-input:focus{border-color:var(--cm-cyan)}.article-newsletter .form-input::placeholder{color:rgba(255,255,255,0.4)}.article-newsletter .btn{padding:9px 18px;font-size:.88rem;border-radius:8px;white-space:nowrap}.newsletter-consent{display:flex;align-items:flex-start;gap:8px;font-size:.7rem;color:var(--cm-text-light-secondary);line-height:1.4;text-align:left;margin:8px 0 0;max-width:360px}.newsletter-consent input[type="checkbox"]{flex-shrink:0;margin-top:1px;accent-color:var(--cm-cyan);width:12px;height:12px}.newsletter-consent a{color:var(--cm-cyan);text-decoration:none}.newsletter-consent a:hover{text-decoration:underline}body.light-mode .article-newsletter{background:#fff;border-color:rgba(10,184,234,0.25)}body.light-mode .article-newsletter__title{color:var(--cm-text-dark)}body.light-mode .article-newsletter__desc{color:var(--cm-text-dark-secondary)}body.light-mode .article-newsletter .form-input{background:#f8fafc;border-color:#e2e8f0;color:var(--cm-text-dark)}body.light-mode .article-newsletter .form-input::placeholder{color:#94a3b8}body.light-mode .newsletter-consent{color:var(--cm-text-dark-secondary)}@media(max-width:768px){.article-newsletter{grid-template-columns:1fr;gap:16px;padding:18px 20px}.article-newsletter .form-input{width:100%}.newsletter-consent{max-width:none}}
html{scroll-behavior:smooth}
.certs-compare{position:relative;margin:var(--cm-space-8) 0}.certs-compare h3{margin-top:var(--cm-space-8) !important;margin-bottom:var(--cm-space-3) !important;color:var(--cm-text-light)}.certs-compare h3:first-child{margin-top:0 !important}.certs-compare__table{width:100%;border-collapse:separate;border-spacing:0;margin:0 0 var(--cm-space-4) !important;border:1px solid var(--cm-border-dark);border-radius:var(--cm-radius-lg);overflow:hidden;background:var(--cm-bg-dark-card);box-shadow:0 1px 0 rgba(255,255,255,0.02) inset,0 4px 20px rgba(0,0,0,0.15)}.certs-compare__table th,.certs-compare__table td{padding:16px 18px;text-align:left;border-bottom:1px solid var(--cm-border-dark);font-size:.9rem;vertical-align:middle;line-height:1.5;white-space:nowrap}.certs-compare__table td:first-child,.certs-compare__table th:first-child{min-width:280px;padding-left:22px;white-space:normal}.certs-compare__table td:last-child,.certs-compare__table th:last-child{padding-right:22px}.certs-compare__table th{background:rgba(255,255,255,0.025);color:var(--cm-text-light-secondary);font-weight:600;font-size:.72rem;text-transform:uppercase;letter-spacing:.09em;padding-top:14px;padding-bottom:14px;border-bottom:1px solid rgba(10,184,234,0.15)}.certs-compare__table tbody td{color:var(--cm-text-light-secondary);font-variant-numeric:tabular-nums}.certs-compare__table tbody td:first-child{color:var(--cm-text-light);font-weight:500}.certs-compare__table tbody tr:last-child td{border-bottom:none}.certs-compare__table tbody tr{transition:background .2s ease}.certs-compare__table tbody tr[data-tldr]:hover{background:rgba(10,184,234,0.05)}.certs-compare__table tbody tr.is-clickable{cursor:pointer}.certs-compare__table tbody tr.is-clickable:hover{background:rgba(10,184,234,0.08)}.certs-compare__table tbody tr.is-clickable td:first-child{font-weight:600;color:var(--cm-text-light)}.certs-compare__table tbody tr.is-clickable:hover td:first-child{color:var(--cm-cyan)}.certs-compare__table tbody tr.is-clickable td:first-child::after{content:" \2197";color:var(--cm-cyan);opacity:0;transition:opacity .2s ease;font-weight:400}.certs-compare__table tbody tr.is-clickable:hover td:first-child::after{opacity:1}.certs-compare__preview{position:sticky;bottom:var(--cm-space-4);margin-top:var(--cm-space-4);min-height:64px;display:flex;align-items:center;gap:var(--cm-space-4);background:rgba(10,14,23,0.92);border:1px solid rgba(10,184,234,0.2);border-radius:var(--cm-radius-lg);padding:12px 20px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:opacity .25s ease,transform .25s ease,border-color .2s;opacity:0;transform:translateY(6px);pointer-events:none;z-index:10}.certs-compare__preview.is-visible{opacity:1;transform:translateY(0);pointer-events:auto}.certs-compare__preview.is-clickable{cursor:pointer}.certs-compare__preview.is-clickable:hover{border-color:rgba(10,184,234,0.5)}.certs-compare__preview-badge{width:48px;height:48px;object-fit:contain;flex-shrink:0}.certs-compare__preview-name{font-weight:700;font-size:.9rem;color:var(--cm-cyan);white-space:nowrap;flex-shrink:0}.certs-compare__preview-sep{width:1px;height:22px;background:rgba(10,184,234,0.25);flex-shrink:0}.certs-compare__preview-desc{font-size:.85rem;color:var(--cm-text-light-secondary);line-height:1.4;flex:1;min-width:0}.certs-compare__preview-more{font-size:.82rem;font-weight:600;color:var(--cm-cyan);white-space:nowrap;flex-shrink:0}body.light-mode .certs-compare__table{background:linear-gradient(180deg,#fff 0%,#fafbfc 100%);border-color:#e2e8f0;box-shadow:0 1px 0 rgba(255,255,255,0.8) inset,0 2px 8px rgba(15,23,42,0.04),0 8px 24px rgba(15,23,42,0.06)}body.light-mode .certs-compare__table th,body.light-mode .certs-compare__table td{border-bottom-color:#eef2f7;color:var(--cm-text-dark-secondary)}body.light-mode .certs-compare__table th{background:linear-gradient(180deg,#f8fafc 0%,#f1f5f9 100%);color:#475569;border-bottom-color:rgba(10,184,234,0.18)}body.light-mode .certs-compare__table tbody td:first-child{color:#0f172a}body.light-mode .certs-compare__table tbody tr[data-tldr]:hover{background:rgba(10,184,234,0.06)}body.light-mode .certs-compare__table tbody tr.is-clickable:hover{background:rgba(10,184,234,0.09)}body.light-mode .certs-compare__table tbody tr.is-clickable td:first-child{color:#0f172a}body.light-mode .certs-compare__preview{background:rgba(255,255,255,0.96);border-color:rgba(10,184,234,0.25)}body.light-mode .certs-compare__preview-desc{color:var(--cm-text-dark-secondary)}@media(max-width:640px){.certs-compare__table th,.certs-compare__table td{padding:10px 10px;font-size:.8rem}.certs-compare__preview{flex-direction:column;align-items:flex-start;text-align:left;gap:6px;padding:12px 16px}.certs-compare__preview-sep{display:none}}