.blog-main{background-color:#fff;min-height:100vh}#progress-container{position:fixed;top:0;left:0;width:100%;height:3px;background:transparent;z-index:1000;pointer-events:none}#progress-bar{height:100%;width:0%;background:var(--primary);transition:width .1s linear}.article-header{padding:6rem 0 4rem}.back-to-blog{color:var(--primary);font-weight:600;font-size:.9rem;text-decoration:none;display:block;margin-bottom:2rem}.article-meta{display:flex;align-items:center;gap:8px;margin-bottom:1rem;color:var(--text-muted);font-size:.9rem;font-weight:500}.article-category{color:var(--primary);text-transform:uppercase;font-weight:700;letter-spacing:.05em}.article-meta .sep{opacity:.3}.article-title{font-size:3.5rem;line-height:1.1;margin-bottom:2rem;color:var(--text-main);letter-spacing:-.03em}.article-author{display:flex;align-items:center;gap:12px}.author-circle{width:40px;height:40px;background:var(--bg-alt);color:var(--primary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.8rem}.author-details .name{font-weight:700;color:var(--text-main);font-size:.95rem}.author-details .role{font-size:.85rem;color:var(--text-muted)}.featured-image{width:100%;border-radius:var(--radius-xl);aspect-ratio:16/9;object-fit:cover;box-shadow:var(--shadow-lg);margin-bottom:4rem}.article-body{font-size:1.25rem;line-height:1.8;color:#374151}.article-body h2{font-size:2rem;margin-top:3.5rem;margin-bottom:1.25rem;color:var(--text-main)}.article-body h3{font-size:1.5rem;margin-top:2rem;margin-bottom:1rem;color:var(--text-main)}.article-body p{margin-bottom:1.75rem}.related-posts{margin-top:6rem;padding-top:4rem;border-top:1px solid var(--border-light)}.section-label{font-size:1.1rem;text-align:center;margin-bottom:3rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted)}.related-post-card{display:flex;flex-direction:column;gap:1rem;transition:transform .2s}.related-post-card:hover{transform:translateY(-4px)}.related-thumb{aspect-ratio:16/9;overflow:hidden;border-radius:var(--radius-lg);border:1px solid var(--border-light)}.related-thumb img{width:100%;height:100%;object-fit:cover}.related-post-card h4{font-size:1.15rem;margin:0;line-height:1.4;color:var(--text-main)}.link-text{color:var(--primary);font-weight:600;font-size:.9rem}.article-footer{margin-top:6rem;padding-bottom:6rem}.blog-cta{background:var(--bg-alt);padding:4rem 2rem;border-radius:var(--radius-2xl);text-align:center}.blog-cta h3{font-size:1.75rem;margin-bottom:1rem}.blog-cta p{color:var(--text-muted);margin-bottom:2rem;max-width:450px;margin-inline:auto}.cta-actions{display:flex;gap:1rem;justify-content:center}@media(max-width:768px){.article-title{font-size:2.5rem}.article-body{font-size:1.15rem}.comparison-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch;margin-bottom:2rem;border-radius:var(--radius-lg);border:1px solid var(--border-light)}}.comparison-table{width:100%;border-collapse:collapse;margin:2rem 0;font-size:.95rem;background:#fff;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border-light);box-shadow:var(--shadow-sm)}.comparison-table th{background:var(--bg-alt);padding:1rem;text-align:left;font-weight:700;color:var(--text-main);text-transform:uppercase;font-size:.8rem;letter-spacing:.05em;border-bottom:2px solid var(--border-light)}.comparison-table td{padding:1rem;border-bottom:1px solid var(--border-light);vertical-align:middle;color:var(--text-body)}.comparison-table tr:last-child td{border-bottom:none}.comparison-table tr:hover{background-color:#f9fafb}.comparison-table .host-name{font-weight:700;color:var(--primary)}.comparison-table .best-for{font-weight:600;display:inline-flex;align-items:center;justify-content:center;background:#eff6ff;color:#2563eb;padding:.25rem .75rem;border-radius:999px;font-size:.75rem;white-space:nowrap;line-height:1.2;min-width:80px}.comparison-table .price{font-variant-numeric:tabular-nums;font-weight:500}.btn-sm{padding:.5rem 1rem;font-size:.85rem;white-space:nowrap}.tag-pill:hover{background:var(--primary)!important;color:#fff!important;border-color:var(--primary)!important}.article-body img{max-width:100%;height:auto;display:block;border-radius:8px;margin:2rem auto}.article-body table strong{color:var(--primary);font-weight:600}.blog-wrapper{max-width:1280px;margin:0 auto;padding:0 1.5rem}@media(min-width:1024px){.blog-layout{display:grid!important;grid-template-columns:140px minmax(0,1fr) 280px!important;gap:2rem;align-items:stretch}.blog-sidebar,.promo-sidebar{display:block;height:100%;padding-bottom:300px;box-sizing:border-box}.sticky-sidebar,.sticky-promo{position:sticky;top:140px}.bottom-like{display:none}}@media(max-width:1023px){.blog-sidebar{display:none}}.widget-title{font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:1rem}.toc-list{list-style:none;padding:0;margin:0;position:relative}.toc-list li a{display:block;padding:.3rem 0;font-size:.9rem;color:var(--text-muted);text-decoration:none;transition:color .2s;line-height:1.4}.toc-list li a:hover{color:var(--primary)}.toc-list li ul{padding-left:1rem}.like-widget{margin-top:3rem;padding-top:2rem;border-top:1px solid var(--border-light)}