.blog-hero{background:linear-gradient(135deg,var(--site-surface) 0%,var(--site-bg) 100%);padding:3rem 0 2rem;border-bottom:1px solid var(--site-border)}.blog-hero-title{font-size:clamp(2rem,4vw,3rem);font-weight:700;margin-bottom:.5rem}.blog-hero-subtitle{color:var(--site-text-muted);font-size:1.1rem;max-width:600px}.blog-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.blog-section-title{font-size:clamp(1.4rem,2vw,1.75rem);font-weight:700;display:flex;align-items:center;gap:.75rem}.blog-section-title svg{color:var(--site-primary)}.blog-view-all{font-size:.9rem;color:var(--site-primary-light);display:flex;align-items:center;gap:.35rem}.blog-view-all:hover{color:var(--site-primary)}.blog-grid{display:grid;gap:1.5rem}.blog-grid-featured{grid-template-columns:1fr}@media(min-width:768px){.blog-grid-featured{grid-template-columns:1.5fr 1fr}}.blog-grid-2{grid-template-columns:1fr}@media(min-width:768px){.blog-grid-2{grid-template-columns:repeat(2,1fr)}}.blog-grid-3{grid-template-columns:1fr}@media(min-width:600px){.blog-grid-3{grid-template-columns:repeat(2,1fr)}}@media(min-width:900px){.blog-grid-3{grid-template-columns:repeat(3,1fr)}}.blog-grid-4{grid-template-columns:1fr}@media(min-width:600px){.blog-grid-4{grid-template-columns:repeat(2,1fr)}}@media(min-width:1000px){.blog-grid-4{grid-template-columns:repeat(4,1fr)}}.blog-card{background:var(--site-surface);border:1px solid var(--site-border);border-radius:14px;overflow:hidden;transition:all .3s ease;display:flex;flex-direction:column}.blog-card:hover{border-color:var(--site-primary);box-shadow:0 10px 40px var(--site-shadow);transform:translateY(-2px)}.blog-card-image{position:relative;aspect-ratio:16/9;overflow:hidden;background:var(--site-surface-elevated)}.blog-card-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease}.blog-card:hover .blog-card-image img{transform:scale(1.05)}.blog-card-body{padding:1.25rem;flex:1;display:flex;flex-direction:column}.blog-card-meta{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem;flex-wrap:wrap}.blog-card-category{display:inline-block;padding:.25rem .6rem;border-radius:999px;background:#c7770026;color:var(--site-primary-light);border:1px solid rgba(199,119,0,.3);font-weight:600;font-size:.7rem;letter-spacing:.03em;text-transform:uppercase}.blog-card-date{color:var(--site-text-muted);font-size:.8rem;display:flex;align-items:center;gap:.35rem}.blog-card-title{font-size:1.15rem;font-weight:600;margin-bottom:.5rem;line-height:1.4;color:var(--site-text)}.blog-card-title a{color:inherit;text-decoration:none}.blog-card-title a:hover{color:var(--site-primary-light)}.blog-card-excerpt{color:var(--site-text-muted);font-size:.9rem;line-height:1.6;flex:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blog-card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--site-border)}.blog-card-author{display:flex;align-items:center;gap:.5rem}.blog-card-avatar{width:28px;height:28px;border-radius:50%;background:var(--site-primary);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;color:#fff;overflow:hidden}.blog-card-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.blog-card-author-name{font-size:.85rem;color:var(--site-text-muted)}.blog-card-stats{display:flex;align-items:center;gap:.75rem;color:var(--site-text-muted);font-size:.8rem}.blog-card-stat{display:flex;align-items:center;gap:.3rem}.blog-card-featured .blog-card-image{aspect-ratio:16/10}.blog-card-featured .blog-card-title{font-size:1.5rem}.blog-card-featured .blog-card-excerpt{-webkit-line-clamp:4}.blog-card-horizontal{display:grid;grid-template-columns:120px 1fr;gap:1rem;padding:0}.blog-card-horizontal .blog-card-image{aspect-ratio:1;border-radius:14px 0 0 14px}.blog-card-horizontal .blog-card-body{padding:1rem 1rem 1rem 0}.blog-card-horizontal .blog-card-title{font-size:1rem}.blog-card-horizontal .blog-card-excerpt{display:none}.blog-card-horizontal .blog-card-footer{margin-top:auto;padding-top:.75rem}.blog-list-compact{display:flex;flex-direction:column;gap:.75rem}.blog-item-compact{display:grid;grid-template-columns:48px 1fr;gap:1rem;padding:1rem;background:var(--site-surface);border:1px solid var(--site-border);border-radius:12px;transition:all .2s ease}.blog-item-compact:hover{border-color:var(--site-primary)}.blog-item-rank{font-size:1.5rem;font-weight:700;color:var(--site-primary);display:flex;align-items:center;justify-content:center}.blog-item-compact-title{font-size:.95rem;font-weight:600;margin-bottom:.35rem;line-height:1.4}.blog-item-compact-title a{color:var(--site-text);text-decoration:none}.blog-item-compact-title a:hover{color:var(--site-primary-light)}.blog-item-compact-meta{font-size:.8rem;color:var(--site-text-muted);display:flex;align-items:center;gap:.75rem}.blog-categories{display:flex;flex-wrap:wrap;gap:.75rem}.blog-category-tag{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1rem;background:var(--site-surface);border:1px solid var(--site-border);border-radius:999px;color:var(--site-text);font-size:.9rem;font-weight:500;transition:all .2s ease;text-decoration:none}.blog-category-tag:hover{border-color:var(--site-primary);background:var(--site-surface-elevated);color:var(--site-primary-light)}.blog-category-count{background:var(--site-border);padding:.15rem .5rem;border-radius:999px;font-size:.75rem;color:var(--site-text-muted)}.blog-newsletter{background:linear-gradient(135deg,var(--site-surface) 0%,var(--site-surface-elevated) 100%);border:1px solid var(--site-border);border-radius:14px;padding:2rem;text-align:center}.blog-newsletter-title{font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.blog-newsletter-text{color:var(--site-text-muted);margin-bottom:1.5rem}.blog-newsletter-form{display:flex;gap:.75rem;max-width:450px;margin:0 auto;flex-wrap:wrap}.blog-newsletter-input{flex:1;min-width:200px;padding:.75rem 1rem;border-radius:8px;border:1px solid var(--site-border);background:var(--site-bg);color:var(--site-text);font-size:.95rem}.blog-newsletter-input:focus{outline:none;border-color:var(--site-primary)}.blog-pagination{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:2rem}.blog-pagination-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:8px;background:var(--site-surface);border:1px solid var(--site-border);color:var(--site-text);font-weight:500;transition:all .2s ease;text-decoration:none;cursor:pointer}.blog-pagination-btn:hover{border-color:var(--site-primary);color:var(--site-primary-light)}.blog-pagination-btn.active{background:var(--site-primary);border-color:var(--site-primary);color:#fff}.blog-pagination-btn.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.blog-post-layout{display:grid;gap:2.5rem;grid-template-columns:1fr}@media(min-width:1024px){.blog-post-layout{grid-template-columns:1fr 340px}}.blog-post-main{min-width:0}.blog-breadcrumb{display:flex;align-items:center;gap:.5rem;padding:1rem 0;font-size:.9rem;color:var(--site-text-muted);flex-wrap:wrap}.blog-breadcrumb a{color:var(--site-text-muted);text-decoration:none}.blog-breadcrumb a:hover{color:var(--site-primary-light)}.blog-breadcrumb-separator{color:var(--site-border)}.blog-breadcrumb-current{color:var(--site-text)}.blog-post-header{margin-bottom:2rem}.blog-post-meta{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.blog-post-category{display:inline-block;padding:.3rem .75rem;border-radius:999px;background:#c7770026;color:var(--site-primary-light);border:1px solid rgba(199,119,0,.3);font-weight:600;font-size:.75rem;letter-spacing:.03em;text-transform:uppercase;text-decoration:none}.blog-post-date,.blog-post-reading-time{color:var(--site-text-muted);font-size:.9rem;display:flex;align-items:center;gap:.4rem}.blog-post-title{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700;line-height:1.25;margin-bottom:1rem}.blog-post-excerpt{font-size:1.15rem;color:var(--site-text-muted);line-height:1.6}.blog-post-author-box{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--site-surface);border:1px solid var(--site-border);border-radius:12px;margin-top:1.5rem}.blog-post-author-avatar{width:48px;height:48px;border-radius:50%;background:var(--site-primary);display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:600;color:#fff;flex-shrink:0;overflow:hidden}.blog-post-author-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.blog-post-author-info{flex:1}.blog-post-author-name{font-weight:600;margin-bottom:.15rem}.blog-post-author-bio{font-size:.85rem;color:var(--site-text-muted)}.blog-post-featured-image{border-radius:14px;overflow:hidden;margin-bottom:2rem;border:1px solid var(--site-border)}.blog-post-featured-image img{width:100%;aspect-ratio:16/9;-o-object-fit:cover;object-fit:cover}.blog-post-content{font-size:1.05rem;line-height:1.8}.blog-post-content h2{font-size:1.5rem;font-weight:700;margin:2.5rem 0 1rem;padding-bottom:.5rem;border-bottom:1px solid var(--site-border)}.blog-post-content h3{font-size:1.25rem;font-weight:600;margin:2rem 0 .75rem}.blog-post-content h4{font-size:1.1rem;font-weight:600;margin:1.5rem 0 .5rem}.blog-post-content p{margin-bottom:1.25rem}.blog-post-content ul,.blog-post-content ol{margin-bottom:1.25rem;padding-left:1.5rem}.blog-post-content li{margin-bottom:.5rem}.blog-post-content blockquote{margin:1.5rem 0;padding:1rem 1.5rem;border-left:4px solid var(--site-primary);background:var(--site-surface);border-radius:0 12px 12px 0;font-style:italic;color:var(--site-text-muted)}.blog-post-content code{background:var(--site-surface);padding:.2rem .5rem;border-radius:4px;font-size:.9em;font-family:SF Mono,Consolas,Monaco,monospace}.blog-post-content pre{background:var(--site-surface);padding:1rem 1.25rem;border-radius:12px;overflow-x:auto;margin-bottom:1.25rem;border:1px solid var(--site-border)}.blog-post-content pre code{background:none;padding:0}.blog-post-content img{border-radius:12px;margin:1.5rem 0;border:1px solid var(--site-border);max-width:100%;height:auto}.blog-post-content a{text-decoration:underline;text-underline-offset:2px}.blog-post-content table{width:100%;border-collapse:collapse;margin-bottom:1.25rem}.blog-post-content th,.blog-post-content td{padding:.75rem;border:1px solid var(--site-border);text-align:left}.blog-post-content th{background:var(--site-surface);font-weight:600}.blog-post-image-caption{text-align:center;font-size:.85rem;color:var(--site-text-muted);margin-top:-1rem;margin-bottom:1.5rem}.blog-post-info-box{background:var(--site-surface);border:1px solid var(--site-border);border-radius:12px;padding:1.25rem;margin:1.5rem 0}.blog-post-info-box.tip{border-left:4px solid var(--site-success)}.blog-post-info-box.warning{border-left:4px solid var(--site-warning)}.blog-post-info-box.danger{border-left:4px solid var(--site-danger)}.blog-post-info-box-title{font-weight:600;margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem}.blog-post-info-box.tip .blog-post-info-box-title{color:var(--site-success)}.blog-post-info-box.warning .blog-post-info-box-title{color:var(--site-warning)}.blog-post-info-box.danger .blog-post-info-box-title{color:var(--site-danger)}.blog-post-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:2rem;padding-top:2rem;border-top:1px solid var(--site-border)}.blog-post-tag{display:inline-flex;align-items:center;gap:.35rem;padding:.4rem .75rem;background:var(--site-surface);border:1px solid var(--site-border);border-radius:6px;font-size:.85rem;color:var(--site-text-muted);transition:all .2s ease;text-decoration:none}.blog-post-tag:hover{border-color:var(--site-primary);color:var(--site-primary-light)}.blog-post-share{display:flex;align-items:center;gap:1rem;margin-top:1.5rem;flex-wrap:wrap}.blog-post-share-label{font-weight:600;font-size:.9rem}.blog-post-share-buttons{display:flex;gap:.5rem}.blog-post-share-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:8px;background:var(--site-surface);border:1px solid var(--site-border);color:var(--site-text-muted);transition:all .2s ease;text-decoration:none}.blog-post-share-btn:hover{border-color:var(--site-primary);color:var(--site-primary-light)}.blog-post-navigation{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:2.5rem;padding-top:2rem;border-top:1px solid var(--site-border)}@media(max-width:600px){.blog-post-navigation{grid-template-columns:1fr}}.blog-post-nav-item{padding:1rem;background:var(--site-surface);border:1px solid var(--site-border);border-radius:12px;transition:all .2s ease;text-decoration:none}.blog-post-nav-item:hover{border-color:var(--site-primary)}.blog-post-nav-item.next{text-align:right}.blog-post-nav-label{font-size:.8rem;color:var(--site-text-muted);margin-bottom:.35rem;display:flex;align-items:center;gap:.35rem}.blog-post-nav-item.next .blog-post-nav-label{justify-content:flex-end}.blog-post-nav-title{font-weight:600;font-size:.95rem;color:var(--site-text)}.blog-post-nav-item:hover .blog-post-nav-title{color:var(--site-primary-light)}.blog-sidebar{display:flex;flex-direction:column;gap:1.5rem}@media(min-width:1024px){.blog-sidebar{position:sticky;top:100px;align-self:start}}.blog-sidebar-widget{background:var(--site-surface);border:1px solid var(--site-border);border-radius:14px;padding:1.25rem}.blog-sidebar-title{font-size:1rem;font-weight:700;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.blog-sidebar-title svg{color:var(--site-primary)}.blog-sidebar-posts{display:flex;flex-direction:column;gap:.75rem}.blog-sidebar-post{display:grid;grid-template-columns:60px 1fr;gap:.75rem;padding-bottom:.75rem;border-bottom:1px solid var(--site-border)}.blog-sidebar-post:last-child{padding-bottom:0;border-bottom:none}.blog-sidebar-post-image{width:60px;height:60px;border-radius:8px;overflow:hidden;background:var(--site-surface-elevated)}.blog-sidebar-post-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.blog-sidebar-post-title{font-size:.9rem;font-weight:600;line-height:1.4;margin-bottom:.25rem}.blog-sidebar-post-title a{color:var(--site-text);text-decoration:none}.blog-sidebar-post-title a:hover{color:var(--site-primary-light)}.blog-sidebar-post-meta{font-size:.75rem;color:var(--site-text-muted)}.blog-sidebar-categories{display:flex;flex-direction:column;gap:.5rem}.blog-sidebar-category{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;background:var(--site-surface-elevated);border-radius:8px;font-size:.9rem;color:var(--site-text);transition:all .2s ease;text-decoration:none}.blog-sidebar-category:hover{background:var(--site-primary);color:#fff}.blog-sidebar-category-count{font-size:.8rem;color:var(--site-text-muted)}.blog-sidebar-category:hover .blog-sidebar-category-count{color:#fffc}.blog-sidebar-tags{display:flex;flex-wrap:wrap;gap:.5rem}.blog-sidebar-tag{padding:.35rem .65rem;background:var(--site-surface-elevated);border-radius:6px;font-size:.8rem;color:var(--site-text-muted);transition:all .2s ease;text-decoration:none}.blog-sidebar-tag:hover{background:var(--site-primary);color:#fff}.blog-sidebar-newsletter-text{font-size:.9rem;color:var(--site-text-muted);margin-bottom:1rem}.blog-sidebar-newsletter-form{display:flex;flex-direction:column;gap:.75rem}.blog-sidebar-newsletter-input{padding:.75rem;border-radius:8px;border:1px solid var(--site-border);background:var(--site-bg);color:var(--site-text);font-size:.9rem}.blog-sidebar-newsletter-input:focus{outline:none;border-color:var(--site-primary)}.blog-sidebar-toc{display:flex;flex-direction:column;gap:.25rem}.blog-sidebar-toc-item{padding:.5rem .75rem;border-left:2px solid var(--site-border);font-size:.85rem;color:var(--site-text-muted);transition:all .2s ease;text-decoration:none}.blog-sidebar-toc-item:hover,.blog-sidebar-toc-item.active{border-left-color:var(--site-primary);color:var(--site-primary-light)}.blog-sidebar-toc-item.sub{padding-left:1.5rem;font-size:.8rem}.blog-comments{margin-top:3rem;padding-top:2rem;border-top:1px solid var(--site-border)}.blog-comments-title{font-size:1.5rem;font-weight:700;margin-bottom:1.5rem;display:flex;align-items:center;gap:.75rem}.blog-comments-count{font-size:.9rem;font-weight:500;padding:.25rem .6rem;background:var(--site-surface);border-radius:999px;color:var(--site-text-muted)}.blog-comment-form{background:var(--site-surface);border:1px solid var(--site-border);border-radius:14px;padding:1.5rem;margin-bottom:2rem}.blog-comment-form-title{font-weight:600;margin-bottom:1rem}.blog-comment-form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}@media(max-width:600px){.blog-comment-form-row{grid-template-columns:1fr}}.blog-comment-input{width:100%;padding:.75rem 1rem;border-radius:8px;border:1px solid var(--site-border);background:var(--site-bg);color:var(--site-text);font-size:.95rem}.blog-comment-input:focus{outline:none;border-color:var(--site-primary)}.blog-comment-textarea{width:100%;min-height:120px;padding:1rem;border-radius:8px;border:1px solid var(--site-border);background:var(--site-bg);color:var(--site-text);font-size:.95rem;resize:vertical;margin-bottom:1rem;font-family:inherit}.blog-comment-textarea:focus{outline:none;border-color:var(--site-primary)}.blog-comment-list{display:flex;flex-direction:column;gap:1.5rem}.blog-comment{display:grid;grid-template-columns:40px 1fr;gap:1rem}.blog-comment-avatar{width:40px;height:40px;border-radius:50%;background:var(--site-primary);display:flex;align-items:center;justify-content:center;font-weight:600;color:#fff;font-size:.85rem;overflow:hidden}.blog-comment-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.blog-comment-body{background:var(--site-surface);border:1px solid var(--site-border);border-radius:12px;padding:1rem}.blog-comment-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem;flex-wrap:wrap}.blog-comment-author{font-weight:600}.blog-comment-date{font-size:.8rem;color:var(--site-text-muted)}.blog-comment-text{font-size:.95rem;line-height:1.6}.blog-comment-actions{display:flex;gap:1rem;margin-top:.75rem}.blog-comment-action{font-size:.8rem;color:var(--site-text-muted);display:flex;align-items:center;gap:.35rem;cursor:pointer;transition:color .2s ease;background:none;border:none;padding:0}.blog-comment-action:hover{color:var(--site-primary-light)}.blog-comment-replies{margin-top:1rem;margin-left:2rem;padding-left:1rem;border-left:2px solid var(--site-border)}.blog-search-form{display:flex;gap:.75rem;max-width:600px;margin-bottom:2rem}.blog-search-input{flex:1;padding:.75rem 1rem;border-radius:8px;border:1px solid var(--site-border);background:var(--site-surface);color:var(--site-text);font-size:1rem}.blog-search-input:focus{outline:none;border-color:var(--site-primary)}.blog-search-results-info{color:var(--site-text-muted);margin-bottom:1.5rem}.blog-no-results{text-align:center;padding:3rem 1rem;color:var(--site-text-muted)}.blog-no-results-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.blog-no-results-title{font-size:1.25rem;font-weight:600;margin-bottom:.5rem;color:var(--site-text)}