.blog-hero{padding:var(--space-20) 0 var(--space-20);text-align:center}.blog-hero h1{font-size:var(--text-4xl);font-weight:700;letter-spacing:var(--tracking-tight);margin-bottom:var(--space-3)}.blog-hero p{font-size:var(--text-lg);color:var(--text-secondary);margin:0 auto var(--space-8)}.blog-search{max-width:var(--container-hero-lead);margin:0 auto;position:relative}.blog-search .material-symbols-outlined{position:absolute;left:var(--space-4);top:50%;transform:translateY(-50%);font-size:var(--icon-xl);color:var(--text-tertiary);pointer-events:none}.blog-search-input{width:100%;padding:var(--space-4) var(--space-4) var(--space-4) 48px;font-size:var(--text-base);color:var(--text-primary);background:var(--bg-base);border:2px solid var(--border-medium);border-radius:var(--radius-lg);transition:border-color var(--transition-base),box-shadow var(--transition-base);font-family:var(--font-sans)}.blog-search-input:focus{outline:0;border-color:var(--accent);box-shadow:var(--focus-ring)}.blog-filter-bar{display:flex;gap:var(--space-2);flex-wrap:wrap;justify-content:center;margin-bottom:var(--space-10)}.blog-filter-btn{padding:var(--space-2) var(--space-5);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:500;background:transparent;border:1px solid var(--border-light);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-base);font-family:var(--font-sans);white-space:nowrap;text-decoration:none;display:inline-flex;align-items:center;gap:var(--space-2)}.blog-filter-btn:hover{background:var(--bg-surface);border-color:var(--border-medium);color:var(--text-primary)}.blog-filter-btn.active{background:var(--accent);color:var(--accent-fg);border-color:var(--accent)}.blog-filter-btn-count{font-size:var(--text-xs);opacity:.8}.blog-posts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-8)}.blog-card{display:flex;flex-direction:column;background:var(--bg-base);border:1px solid var(--border-light);border-radius:var(--radius-lg);overflow:hidden;text-decoration:none;color:inherit;transition:all var(--transition-base)}.blog-card:hover{border-color:var(--border-medium);box-shadow:var(--shadow-md);transform:translateY(-2px)}.blog-card-image{aspect-ratio:16 / 9;background:var(--bg-surface);overflow:hidden;border-bottom:1px solid var(--border-light)}.blog-card-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.blog-card:hover .blog-card-image img{transform:scale(1.03)}.blog-card-content{padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-3);flex:1}.blog-card-category{display:inline-flex;align-items:center;padding:2px var(--space-3);background:var(--wp-blue-bg);color:var(--wp-blue);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:var(--tracking-wide);width:fit-content}.blog-card-title{font-size:var(--text-lg);font-weight:600;color:var(--text-primary);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);margin:0}.blog-card-excerpt{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-normal);margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;flex:1}.blog-card-meta{display:flex;align-items:center;gap:var(--space-4);padding-top:var(--space-3);border-top:1px solid var(--border-light);font-size:var(--text-xs);color:var(--text-tertiary);font-family:var(--font-mono)}.blog-card-meta span{display:inline-flex;align-items:center;gap:var(--space-1)}.blog-card-meta .material-symbols-outlined{font-size:var(--icon-sm)}.blog-pagination{display:flex;align-items:center;justify-content:center;gap:var(--space-4);margin-top:var(--space-12);flex-wrap:wrap}.blog-pagination-list{display:flex;align-items:center;gap:var(--space-2);list-style:none;margin:0;padding:0}.blog-pagination a,.blog-pagination button{display:inline-flex;align-items:center;gap:var(--space-1);min-width:var(--size-10);height:var(--size-10);padding:0 var(--space-4);border-radius:var(--radius-md);border:1px solid var(--border-light);background:var(--bg-base);color:var(--text-secondary);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:all var(--transition-base);justify-content:center;text-decoration:none}.blog-pagination a:hover,.blog-pagination button:hover:not(:disabled){background:var(--bg-surface);border-color:var(--border-medium);color:var(--text-primary)}.blog-pagination .current{background:var(--accent);border-color:var(--accent);color:var(--accent-fg);cursor:default}.blog-pagination .material-symbols-outlined{font-size:var(--icon-lg)}.blog-progress{position:fixed;top:0;left:0;height:3px;width:0;background:var(--gradient-border,var(--accent));z-index:var(--z-overlay);transition:width var(--duration-instant) linear}.blog-single-hero{padding:var(--space-16) 0 var(--space-16)}.blog-single-hero-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:var(--space-12);align-items:center}.blog-single-hero-text{max-width:var(--container-prose)}.blog-hero-categories{display:flex;gap:var(--space-2);flex-wrap:wrap;margin-bottom:var(--space-4)}.blog-category-badge{display:inline-flex;align-items:center;padding:4px var(--space-3);background:var(--wp-blue-bg);color:var(--wp-blue);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:var(--tracking-wide);text-decoration:none;transition:background var(--transition-base)}.blog-category-badge:hover{background:var(--wp-blue);color:#fff}.blog-single-hero h1{font-size:var(--text-4xl);font-weight:700;color:var(--text-primary);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight);margin:0 0 var(--space-5)}.blog-single-hero-excerpt{font-size:var(--text-lg);color:var(--text-secondary);line-height:var(--leading-relaxed);margin:0 0 var(--space-6)}.blog-hero-meta{display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap;padding-top:var(--space-5);border-top:1px solid var(--border-light)}.blog-hero-author{display:flex;align-items:center;gap:var(--space-3);flex-basis:100%;padding-top:var(--space-4);border-top:1px solid var(--border-light)}.blog-hero-author-avatar{width:var(--size-10);height:var(--size-10);border-radius:50%;background:var(--bg-surface);border:1px solid var(--border-light);object-fit:cover}.blog-hero-author-name{display:flex;flex-direction:column;line-height:var(--leading-snug)}.blog-hero-author-label{font-size:var(--text-xs);color:var(--text-tertiary);font-family:var(--font-mono)}.blog-hero-author-name strong,.blog-hero-author-name a{font-size:var(--text-sm);font-weight:600;color:var(--text-primary);text-decoration:none}.blog-hero-meta-item{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);color:var(--text-tertiary);font-family:var(--font-mono)}.blog-hero-meta-item .material-symbols-outlined{font-size:var(--icon-sm)}.blog-single-hero-image{aspect-ratio:4 / 3;border-radius:var(--radius-xl,var(--radius-lg));overflow:hidden;border:1px solid var(--border-light);background:var(--bg-surface);box-shadow:var(--shadow-lg);cursor:zoom-in}.blog-single-hero-image img{width:100%;height:100%;object-fit:cover}.blog-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:var(--space-12);align-items:start}.blog-layout .blog-article{max-width:var(--container-md);min-width:0}.blog-toc-wrap{position:sticky;top:var(--space-20)}.blog-toc{padding:var(--space-5) var(--space-5);background:var(--bg-base);border:1px solid var(--border-light);border-radius:var(--radius-lg);max-height:calc(100vh - var(--space-24));overflow-y:auto}.blog-toc-header{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:var(--tracking-wide);padding-bottom:var(--space-3);margin-bottom:var(--space-3);border-bottom:1px solid var(--border-light)}.blog-toc-header .material-symbols-outlined{font-size:var(--icon-md)}.blog-toc-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-1)}.blog-toc-list li{margin:0}.blog-toc-list a{display:block;padding:var(--space-2) var(--space-3);border-left:2px solid transparent;margin-left:-2px;font-size:var(--text-sm);color:var(--text-tertiary);text-decoration:none;line-height:var(--leading-normal);transition:all var(--transition-base)}.blog-toc-list a:hover{color:var(--text-primary);border-left-color:var(--border-medium)}.blog-toc-list a.active{color:var(--accent);border-left-color:var(--accent);font-weight:500}.blog-article{font-size:var(--text-base);color:var(--text-secondary);line-height:var(--leading-relaxed);scroll-behavior:smooth}.blog-article>p{margin-bottom:var(--space-5);line-height:var(--leading-loose)}.blog-article>p:first-of-type{font-size:var(--text-lg);color:var(--text-primary)}.blog-article h2{font-size:var(--text-2xl);font-weight:700;color:var(--text-primary);margin-top:var(--space-12);margin-bottom:var(--space-4);letter-spacing:var(--tracking-tight)}.blog-article h3{font-size:var(--text-xl);font-weight:600;color:var(--text-primary);margin-top:var(--space-8);margin-bottom:var(--space-3)}.blog-article a{color:var(--text-primary);text-decoration:underline dotted;text-decoration-color:var(--text-primary);text-underline-offset:3px;text-decoration-thickness:1px;transition:color var(--transition-base),text-decoration-color var(--transition-base)}.blog-article a:hover{color:var(--success);text-decoration-color:var(--success)}.blog-article .blog-author-box a,.blog-article .blog-post-nav a,.blog-article .blog-tags a,.blog-article .blog-share a,.blog-article .blog-author-social a{text-decoration:none}.blog-article a.btn{text-decoration:none}.blog-article a.btn-primary{color:var(--accent-fg)}.blog-article a.btn-primary:hover{color:var(--accent-fg)}.blog-article a.btn-outline{color:var(--text-primary)}.blog-article a.btn-outline:hover{color:var(--text-primary)}.blog-article ul,.blog-article ol{padding-left:var(--space-6);margin-bottom:var(--space-5)}.blog-article>ul{list-style:disc}.blog-article>ol{list-style:decimal}.blog-article li{font-size:var(--text-base);color:var(--text-secondary);line-height:var(--leading-loose);margin-bottom:var(--space-2)}.blog-article li::marker{color:var(--text-tertiary)}.blog-article blockquote{margin:var(--space-8) 0;padding:var(--space-5) var(--space-6);border-left:4px solid var(--accent);background:var(--bg-base);border-radius:0 var(--radius-lg) var(--radius-lg) 0}.blog-article blockquote p{font-size:var(--text-lg);font-style:italic;color:var(--text-primary);margin:0}.blog-article img{max-width:100%;border-radius:var(--radius-lg);border:1px solid var(--border-light);margin:var(--space-6) 0}.blog-article figure{margin:var(--space-8) 0}.blog-article figcaption{font-size:var(--text-sm);color:var(--text-tertiary);text-align:center;font-style:italic;margin-top:var(--space-2)}.blog-article pre{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:var(--space-4);overflow-x:auto;font-family:var(--font-mono);font-size:var(--text-sm);margin:var(--space-6) 0}.blog-article code{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-sm);padding:1px 6px;font-family:var(--font-mono);font-size:.9em;color:var(--text-primary)}.blog-article pre code{background:transparent;border:0;padding:0}.blog-tags{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;padding-top:var(--space-8);margin-top:var(--space-8);border-top:1px solid var(--border-light)}.blog-tags-label{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);color:var(--text-tertiary);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.blog-tags-label .material-symbols-outlined{font-size:var(--icon-sm)}.blog-tag{display:inline-flex;align-items:center;padding:4px var(--space-3);background:var(--bg-base);border:1px solid var(--border-light);border-radius:var(--radius-full);font-size:var(--text-xs);color:var(--text-secondary);text-decoration:none;transition:all var(--transition-base)}.blog-tag:hover{background:var(--bg-surface);border-color:var(--border-medium);color:var(--text-primary)}.blog-share{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-6) 0;margin-top:var(--space-4);border-top:1px solid var(--border-light);border-bottom:1px solid var(--border-light);flex-wrap:wrap}.blog-share-label{font-size:var(--text-sm);font-weight:600;color:var(--text-primary)}.blog-share-buttons{display:flex;gap:var(--space-2)}.blog-share-btn{width:var(--size-10);height:var(--size-10);display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-md);border:1px solid var(--border-light);background:var(--bg-base);color:var(--text-secondary);text-decoration:none;transition:all var(--transition-base);cursor:pointer}.blog-share-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--bg-surface);transform:translateY(-1px)}.blog-share-btn svg{width:var(--size-4);height:var(--size-4);fill:currentColor}.blog-share-btn .material-symbols-outlined{font-size:var(--icon-lg)}.blog-author-box{display:grid;grid-template-columns:auto 1fr;gap:var(--space-6);padding:var(--space-8);background:var(--bg-base);border:1px solid var(--border-light);border-radius:var(--radius-lg);margin-top:var(--space-10)}.blog-author-avatar,.blog-article .blog-author-avatar{width:var(--space-24);height:var(--space-24);border-radius:50%;border:1px solid var(--border-light);background:var(--bg-surface);object-fit:cover;margin:0;max-width:var(--space-24)}.blog-author-header{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-1);margin-bottom:var(--space-2)}.blog-author-label{font-size:var(--text-xs);color:var(--text-tertiary);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.blog-author-name{font-size:var(--text-lg);font-weight:700;color:var(--text-primary);text-decoration:none}.blog-author-bio{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-relaxed);margin:0 0 var(--space-4)}.blog-author-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap}.blog-author-posts{font-size:var(--text-xs);color:var(--text-tertiary);font-family:var(--font-mono);text-decoration:none;display:inline-flex;align-items:center;gap:var(--space-1)}.blog-author-posts:hover{color:var(--text-primary)}.blog-author-social{display:flex;gap:var(--space-2)}.blog-author-social a{width:var(--space-8);height:var(--space-8);display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-md);background:var(--bg-surface);color:var(--text-secondary);transition:all var(--transition-base)}.blog-author-social a:hover{background:var(--accent);color:var(--accent-fg)}.blog-author-social svg{width:var(--size-4);height:var(--size-4);fill:currentColor}.blog-related-header{text-align:center;margin-bottom:var(--space-10)}.blog-related-header h2{font-size:var(--text-3xl);font-weight:700;letter-spacing:var(--tracking-tight);margin-bottom:var(--space-2)}.blog-related-header p{color:var(--text-secondary);font-size:var(--text-base)}.blog-related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}.blog-related-grid .blog-card-category{background:var(--success-bg);color:var(--success)}.blog-article .blog-tldr{margin:var(--space-8) 0;padding:var(--space-5) var(--space-6);background:var(--bg-base);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.blog-article .blog-tldr-label{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:var(--tracking-wide);font-family:var(--font-mono);margin-bottom:var(--space-2)}.blog-article .blog-tldr-label .material-symbols-outlined{font-size:var(--icon-md);color:var(--success)}.blog-article .blog-tldr p{margin:0;font-size:var(--text-base);color:var(--text-primary);line-height:var(--leading-relaxed)}.blog-article .blog-takeaways{margin:var(--space-8) 0;padding:var(--space-6) var(--space-8);background:linear-gradient(135deg,var(--success-bg) 0,var(--bg-base) 100%);border:1px solid var(--success-border);border-radius:var(--radius-lg)}.blog-article .blog-takeaways-title{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);font-weight:700;color:var(--success);text-transform:uppercase;letter-spacing:var(--tracking-wider);margin:0 0 var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--success-border)}.blog-article .blog-takeaways-title .material-symbols-outlined{font-size:var(--icon-lg)}.blog-article .blog-takeaways-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-3)}.blog-article .blog-takeaways-list li{display:flex;align-items:flex-start;gap:var(--space-3);font-size:var(--text-base);color:var(--text-primary);line-height:var(--leading-normal);margin:0}.blog-article .blog-takeaways-list li::marker{content:none}.blog-article .blog-takeaways-list .material-symbols-outlined{font-size:var(--icon-xl);color:var(--success);flex-shrink:0;margin-top:1px}.blog-article .blog-callout{display:flex;gap:var(--space-4);margin:var(--space-8) 0;padding:var(--space-5) var(--space-6);border-radius:var(--radius-lg);border:1px solid var(--border-light);background:var(--bg-base)}.blog-article .blog-callout-icon{flex-shrink:0;font-size:var(--icon-2xl)}.blog-article .blog-callout-body{flex:1;min-width:0}.blog-article .blog-callout-title{display:block;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-1);font-size:var(--text-base)}.blog-article .blog-callout p{margin:0;font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-normal)}.blog-article .blog-callout-info{background:var(--info-bg,var(--wp-blue-bg));border-color:var(--info-border,var(--wp-blue-border))}.blog-article .blog-callout-info .blog-callout-icon{color:var(--info,var(--wp-blue))}.blog-article .blog-callout-tip{background:var(--success-bg);border-color:var(--success-border)}.blog-article .blog-callout-tip .blog-callout-icon{color:var(--success)}.blog-article .blog-callout-warning{background:var(--warning-bg);border-color:var(--warning-border)}.blog-article .blog-callout-warning .blog-callout-icon{color:var(--warning)}.blog-article .blog-callout-danger{background:var(--danger-bg);border-color:var(--danger-border)}.blog-article .blog-callout-danger .blog-callout-icon{color:var(--danger)}.blog-article .blog-proscons{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5);margin:var(--space-8) 0}.blog-article .blog-proscons-col{padding:var(--space-6);background:var(--bg-base);border:1px solid var(--border-light);border-radius:var(--radius-lg)}.blog-article .blog-proscons-pros{border-color:var(--success-border)}.blog-article .blog-proscons-cons{border-color:var(--danger-border)}.blog-article .blog-proscons-title{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:var(--tracking-wider);margin:0 0 var(--space-4)}.blog-article .blog-proscons-pros .blog-proscons-title{color:var(--success)}.blog-article .blog-proscons-cons .blog-proscons-title{color:var(--danger)}.blog-article .blog-proscons-title .material-symbols-outlined{font-size:var(--icon-lg)}.blog-article .blog-proscons-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-2)}.blog-article .blog-proscons-list li{display:flex;align-items:flex-start;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-normal);margin:0}.blog-article .blog-proscons-list li::marker{content:none}.blog-article .blog-proscons-list .material-symbols-outlined{font-size:var(--icon-md);flex-shrink:0;margin-top:2px}.blog-article .blog-proscons-pros .blog-proscons-list .material-symbols-outlined{color:var(--success)}.blog-article .blog-proscons-cons .blog-proscons-list .material-symbols-outlined{color:var(--danger)}.blog-article .blog-comparison-wrap{margin:var(--space-8) 0;border:1px solid var(--border-light);border-radius:var(--radius-lg);overflow:hidden;overflow-x:auto}.blog-article .blog-comparison{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.blog-article .blog-comparison thead{background:var(--bg-surface)}.blog-article .blog-comparison th{text-align:left;padding:var(--space-3) var(--space-4);font-weight:600;color:var(--text-primary);border-bottom:1px solid var(--border-light)}.blog-article .blog-comparison td{padding:var(--space-3) var(--space-4);color:var(--text-secondary);border-bottom:1px solid var(--border-light);vertical-align:middle}.blog-article .blog-comparison tbody tr:last-child td{border-bottom:0}.blog-article .blog-comparison td.blog-comparison-yes,.blog-article .blog-comparison td.blog-comparison-no{text-align:center;width:var(--space-20)}.blog-article .blog-comparison-yes .material-symbols-outlined{color:var(--success);font-size:var(--icon-xl)}.blog-article .blog-comparison-no .material-symbols-outlined{color:var(--danger);font-size:var(--icon-xl)}.blog-article .blog-glossary{margin:var(--space-8) 0;padding:0;border-top:1px solid var(--border-light)}.blog-article .blog-glossary dt{font-size:var(--text-base);font-weight:700;color:var(--text-primary);padding-top:var(--space-4);margin-bottom:var(--space-1);display:flex;align-items:center;gap:var(--space-2)}.blog-article .blog-glossary dt::before{content:'';width:6px;height:6px;background:var(--success);border-radius:50%;flex-shrink:0}.blog-article .blog-glossary dd{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-relaxed);margin:0 0 var(--space-4) var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--border-light)}.blog-article .blog-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-4);margin:var(--space-8) 0}.blog-article .blog-stat{padding:var(--space-5) var(--space-6);background:var(--bg-base);border:1px solid var(--border-light);border-radius:var(--radius-lg);text-align:center}.blog-article .blog-stat-value{display:block;font-size:var(--text-3xl);font-weight:700;color:var(--success);letter-spacing:var(--tracking-tight);line-height:var(--leading-none);margin-bottom:var(--space-2)}.blog-article .blog-stat-label{display:block;font-size:var(--text-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:var(--tracking-wide);font-family:var(--font-mono)}.blog-article .blog-pricing{margin:var(--space-10) 0}.blog-article .blog-pricing-header{text-align:center;margin-bottom:var(--space-6)}.blog-article .blog-pricing-title{font-size:var(--text-2xl);font-weight:700;color:var(--text-primary);margin:0 0 var(--space-1);letter-spacing:var(--tracking-tight)}.blog-article .blog-pricing-desc{font-size:var(--text-sm);color:var(--text-secondary);margin:0}.blog-article .blog-pricing-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5)}.blog-article .blog-pricing-grid .pricing-card{padding:var(--space-6)}.blog-article .blog-pricing-grid .plan-name{font-size:var(--text-lg)}.blog-article .blog-pricing-grid .price-amount{font-size:var(--text-3xl)}.blog-article .blog-pricing-grid .blog-pricing-card-full{grid-column:1 / -1}@media(max-width:768px){.blog-article .blog-pricing-grid{grid-template-columns:1fr}}.blog-article .faq-list{margin:var(--space-8) 0}.blog-article .faq-answer-inner{color:var(--text-secondary)}.blog-article .video-embed{margin:var(--space-8) auto var(--space-3);cursor:default}.blog-article .video-embed-caption{margin-bottom:var(--space-8)}.blog-article .blog-gallery{margin:var(--space-8) 0}.blog-article .blog-gallery .gallery-main{aspect-ratio:16 / 9;width:100%;background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-lg);overflow:hidden;margin-bottom:var(--space-3);cursor:zoom-in}.blog-article .blog-gallery .gallery-thumbs{display:flex;gap:var(--space-2)}.blog-article .blog-gallery .gallery-thumb{flex:1;min-width:0;aspect-ratio:16 / 9;background:var(--bg-surface);border:2px solid var(--border-light);border-radius:var(--radius-sm);overflow:hidden;cursor:pointer;transition:border-color var(--transition-base)}.blog-article .blog-gallery .gallery-thumb:hover,.blog-article .blog-gallery .gallery-thumb.active{border-color:var(--accent)}.blog-article .blog-gallery .gallery-main img,.blog-article .blog-gallery .gallery-thumb img{width:100%;height:100%;max-width:100%;margin:0;border:0;border-radius:0;object-fit:cover;display:block}@media(max-width:768px){.blog-article .blog-proscons{grid-template-columns:1fr}.blog-article .blog-product-card{grid-template-columns:1fr}.blog-article .blog-product-card-image{max-width:200px}}.blog-post-nav{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);margin-top:var(--space-10);padding-top:var(--space-8);border-top:1px solid var(--border-light)}.blog-post-nav-link{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-5) var(--space-6);border:1px solid var(--border-light);border-radius:var(--radius-lg);background:var(--bg-base);text-decoration:none;transition:all var(--transition-base)}.blog-post-nav-link:hover{border-color:var(--border-medium);background:var(--bg-surface);transform:translateY(-1px)}.blog-post-nav-next{text-align:right;align-items:flex-end}.blog-post-nav-label{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);color:var(--text-tertiary);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.blog-post-nav-title{font-size:var(--text-sm);font-weight:600;color:var(--text-primary)}@media(max-width:1024px){.blog-posts-grid,.blog-related-grid{grid-template-columns:repeat(2,1fr)}.blog-single-hero-grid{grid-template-columns:1fr;gap:var(--space-8)}.blog-layout{grid-template-columns:1fr;gap:var(--space-8)}.blog-layout .blog-article{max-width:none}.blog-toc-wrap{position:static;order:-1}.blog-toc{max-height:none}}@media(max-width:768px){.blog-hero{padding:var(--space-16) 0}.blog-hero h1{font-size:var(--text-3xl)}.blog-posts-grid,.blog-related-grid{grid-template-columns:1fr}.blog-single-hero h1{font-size:var(--text-3xl)}.blog-author-box{grid-template-columns:1fr;text-align:center;padding:var(--space-6)}.blog-author-avatar{margin:0 auto}.blog-author-header,.blog-author-footer{justify-content:center}.blog-post-nav{grid-template-columns:1fr}.blog-post-nav-next{text-align:left;align-items:flex-start}}