.blog-hero{position:relative;padding:var(--space-2xl) 0;background:var(--blog-hero-gradient);text-align:center;overflow:hidden}.blog-hero::before{content:'';position:absolute;inset:0;background:var(--blog-hero-glow);pointer-events:none}.blog-hero>.container{position:relative}.blog-hero-eyebrow{display:inline-flex;align-items:center;gap:var(--space-sm);color:var(--color-secondary);text-transform:uppercase;letter-spacing:.22em;font-size:.8rem;font-weight:600;margin-bottom:var(--space-md)}.blog-hero-eyebrow::after,.blog-hero-eyebrow::before{content:'';width:32px;height:1px;background:var(--color-secondary)}.blog-hero h1{color:var(--color-white);font-size:clamp(2rem,5vw,3rem);margin-bottom:var(--space-md);text-wrap:balance}.blog-hero-subtitle{color:var(--color-white-translucent);font-size:1.05rem;max-width:680px;margin:0 auto}.blog-main{padding:var(--space-2xl) 0}.blog-filters{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-xs);margin-bottom:var(--space-xl)}.blog-filter-chip{padding:.55rem 1.3rem;border:1px solid var(--color-border);border-radius:999px;background:var(--color-white);color:var(--color-text);font-family:var(--font-body);font-size:.9rem;font-weight:500;cursor:pointer;transition:all var(--transition-base)}.blog-filter-chip:hover{border-color:var(--color-secondary);color:var(--color-primary)}.blog-filter-chip.active{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-white)}.blog-grid{display:grid;grid-template-columns:1fr;gap:var(--space-lg)}.blog-grid-noscript{text-align:center;color:var(--color-text-light);padding:var(--space-xl) 0}.blog-card{display:flex;flex-direction:column;background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--blog-card-radius);overflow:hidden;box-shadow:var(--shadow-sm);transition:transform var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-base)}.blog-card:hover{transform:translateY(-8px);box-shadow:var(--blog-shadow-card-hover);border-color:var(--color-secondary)}.blog-card-media{position:relative;display:block;aspect-ratio:16/10;overflow:hidden;background:var(--color-bg)}.blog-card-media img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.blog-card:hover .blog-card-media img{transform:scale(1.08)}.blog-card-badge{position:absolute;top:var(--space-sm);left:var(--space-sm);padding:.35rem .8rem;background:var(--color-secondary);color:var(--color-primary);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;border-radius:999px}.blog-card-body{display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-lg);flex:1}.blog-card-meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-md);font-size:.82rem;color:var(--color-text-light)}.blog-card-meta span{display:inline-flex;align-items:center;gap:.4rem}.blog-card-meta i{color:var(--color-secondary)}.blog-card-title{font-size:1.25rem;line-height:1.35;margin:0}.blog-card-title a{color:var(--color-primary);text-decoration:none;background-image:linear-gradient(var(--color-secondary),var(--color-secondary));background-size:0 2px;background-position:0 100%;background-repeat:no-repeat;transition:background-size var(--transition-base),color var(--transition-base)}.blog-card:hover .blog-card-title a{color:var(--color-secondary);background-size:100% 2px}.blog-card-excerpt{font-size:.92rem;color:var(--color-text-light);margin:0;flex:1}.blog-card-cta{display:inline-flex;align-items:center;gap:.5rem;font-weight:600;font-size:.92rem;color:var(--color-primary);text-decoration:none;transition:color var(--transition-base)}.blog-card-cta .blog-card-arrow{transition:transform var(--transition-base)}.blog-card:hover .blog-card-cta{color:var(--color-secondary)}.blog-card:hover .blog-card-cta .blog-card-arrow{transform:translateX(5px)}.blog-pagination{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:var(--space-xs);margin-top:var(--space-2xl)}.blog-page-btn{min-width:44px;height:44px;padding:0 var(--space-sm);display:inline-flex;align-items:center;justify-content:center;gap:.4rem;border:1px solid var(--color-border);border-radius:8px;background:var(--color-white);color:var(--color-primary);font-family:var(--font-body);font-size:.9rem;font-weight:600;cursor:pointer;transition:all var(--transition-base)}.blog-page-btn:hover:not(:disabled):not(.active){border-color:var(--color-secondary);color:var(--color-secondary);transform:translateY(-2px)}.blog-page-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-white)}.blog-page-btn:disabled{opacity:.4;cursor:not-allowed}.blog-page-ellipsis{color:var(--color-text-light);padding:0 var(--space-xs)}.blog-article{max-width:var(--blog-read-max);margin:0 auto;padding:var(--space-xl) 0}.blog-article-header{text-align:center}.blog-article-badge{display:inline-block;padding:.35rem .9rem;background:var(--color-secondary);color:var(--color-primary);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;border-radius:999px;margin-bottom:var(--space-md)}.blog-article-title{font-size:clamp(1.9rem,4.5vw,2.7rem);margin-bottom:var(--space-md);text-wrap:balance}.blog-article-meta{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:var(--space-lg);font-size:.88rem;color:var(--color-text-light);margin-bottom:var(--space-xl)}.blog-article-meta span{display:inline-flex;align-items:center;gap:.45rem}.blog-article-meta i{color:var(--color-secondary)}.blog-article-image{border-radius:var(--blog-card-radius);overflow:hidden;aspect-ratio:16/9;box-shadow:var(--shadow-md);margin-bottom:var(--space-xs)}.blog-article-image img{width:100%;height:100%;object-fit:cover}.blog-article-image-caption{text-align:center;font-size:.8rem;color:var(--color-text-light);margin-bottom:var(--space-xl)}.blog-toc{background:var(--color-white);border:1px solid var(--color-border);border-left:4px solid var(--color-secondary);border-radius:var(--blog-card-radius);box-shadow:var(--shadow-sm);padding:var(--space-lg);margin-bottom:var(--space-xl)}.blog-toc-title{display:flex;align-items:center;gap:.5rem;font-size:1.05rem;margin-bottom:var(--space-sm)}.blog-toc-title i{color:var(--color-secondary)}.blog-toc ol{list-style:none;margin:0;padding:0;display:grid;gap:.4rem;counter-reset:blog-toc}.blog-toc a{display:flex;align-items:baseline;gap:.75rem;padding:.3rem .5rem;border-radius:6px;color:var(--color-text-light);text-decoration:none;font-size:.95rem;transition:all var(--transition-fast)}.blog-toc a::before{counter-increment:blog-toc;content:counter(blog-toc,decimal-leading-zero);color:var(--color-secondary);font-weight:700;font-size:.78rem}.blog-toc a:hover{background:var(--color-primary-soft);color:var(--color-primary);padding-left:.75rem}.blog-article-content h2{font-size:1.7rem;margin:var(--space-2xl) 0 var(--space-md);scroll-margin-top:96px}.blog-article-content h3{font-size:1.3rem;margin:var(--space-xl) 0 var(--space-sm);scroll-margin-top:96px}.blog-article-content p{color:var(--color-text);font-size:1.02rem;line-height:1.85}.blog-article-content strong{color:var(--color-primary)}.blog-article-content ol,.blog-article-content ul{display:grid;gap:.55rem;margin:0 0 var(--space-lg) 1.4rem;color:var(--color-text);line-height:1.7}.blog-article-content li::marker{color:var(--color-secondary);font-weight:700}.blog-article-content a{text-decoration:underline;text-decoration-color:var(--color-secondary);text-underline-offset:3px;transition:color var(--transition-fast)}.blog-article-content blockquote{margin:var(--space-xl) 0;padding:var(--space-md) var(--space-lg);background:var(--color-primary-soft);border-left:4px solid var(--color-secondary);border-radius:var(--blog-card-radius);font-style:italic;color:var(--color-text)}.blog-article-content blockquote p{margin:0;font-size:1.05rem}.blog-article-content .blog-inline-image{border-radius:var(--blog-card-radius);box-shadow:var(--shadow-sm);margin:var(--space-xl) 0}.blog-table-wrap{overflow-x:auto;margin:var(--space-xl) 0;border-radius:var(--blog-card-radius);box-shadow:var(--shadow-sm)}.blog-table{width:100%;min-width:560px;border-collapse:collapse;background:var(--color-white)}.blog-table th{background:var(--color-primary);color:var(--color-white);text-align:left;padding:.9rem 1.1rem;font-size:.9rem;letter-spacing:.02em}.blog-table td{padding:.9rem 1.1rem;border-bottom:1px solid var(--color-border);color:var(--color-text);font-size:.93rem;vertical-align:top}.blog-table tbody tr:last-child td{border-bottom:none}.blog-table tbody tr{transition:background var(--transition-fast)}.blog-table tbody tr:hover{background:var(--color-secondary-soft)}.blog-tip{display:flex;gap:var(--space-md);margin:var(--space-xl) 0;padding:var(--space-lg);background:var(--color-secondary-soft);border-left:4px solid var(--color-secondary);border-radius:var(--blog-card-radius)}.blog-tip-icon{font-size:1.3rem;color:var(--color-primary);flex-shrink:0}.blog-tip-label{display:block;margin-bottom:.25rem;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--color-primary)}.blog-tip-content p:last-child,.blog-tip-content ul:last-child{margin-bottom:0}.blog-cta-inline{position:relative;overflow:hidden;margin:var(--space-2xl) 0;padding:var(--space-xl) var(--space-lg);background:var(--color-primary);border-radius:var(--blog-card-radius);text-align:center}.blog-cta-inline::before{content:'';position:absolute;inset:0;background:var(--blog-cta-glow);pointer-events:none}.blog-cta-inline>*{position:relative}.blog-cta-inline h2{color:var(--color-white);font-size:1.6rem;margin-bottom:var(--space-sm)}.blog-cta-inline p{color:var(--color-white-translucent);margin-bottom:var(--space-lg)}.blog-cta-buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-sm)}.blog-faq{margin:var(--space-2xl) 0}.blog-faq .section-title{margin-bottom:var(--space-lg)}.blog-faq-item{margin-bottom:var(--space-sm);background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--blog-card-radius);box-shadow:var(--shadow-sm);overflow:hidden;transition:border-color var(--transition-base)}.blog-faq-item[open]{border-color:var(--color-secondary)}.blog-faq-item summary{display:flex;justify-content:space-between;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);font-weight:600;color:var(--color-primary);cursor:pointer;list-style:none}.blog-faq-item summary::-webkit-details-marker{display:none}.blog-faq-item summary::after{content:'\f107';font-family:'Font Awesome 6 Free';font-weight:900;color:var(--color-secondary);flex-shrink:0;transition:transform var(--transition-base)}.blog-faq-item[open] summary::after{transform:rotate(180deg)}.blog-faq-item p{padding:0 var(--space-lg) var(--space-lg);margin:0;color:var(--color-text-light)}.blog-share{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-sm);margin:var(--space-xl) 0}.blog-share-label{font-weight:600;font-size:.9rem;color:var(--color-text-light);margin-right:var(--space-xs)}.blog-share-link{width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--color-border);border-radius:50%;background:var(--color-white);color:var(--color-primary);font-size:.95rem;transition:all var(--transition-base)}.blog-share-link:hover{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-secondary);transform:translateY(-3px)}.blog-author-box{display:flex;flex-direction:column;align-items:center;gap:var(--space-md);margin-top:var(--space-2xl);padding:var(--space-xl) var(--space-lg);background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--blog-card-radius);box-shadow:var(--shadow-sm);text-align:center}.blog-author-avatar{width:72px;height:72px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:50%;background:var(--color-primary);color:var(--color-secondary);font-family:var(--font-display);font-size:1.6rem;font-weight:700}.blog-author-name{font-size:1.1rem;margin-bottom:.2rem}.blog-author-role{display:block;margin-bottom:var(--space-sm);font-size:.85rem;color:var(--color-text-light)}.blog-author-bio{margin:0;font-size:.92rem;color:var(--color-text);max-width:560px}.blog-related{margin-top:var(--space-2xl)}.blog-related .section-title{margin-bottom:var(--space-lg)}.blog-back-to-blog{display:inline-flex;align-items:center;gap:.5rem;margin-top:var(--space-sm);font-weight:600;color:var(--color-primary);text-decoration:none;transition:color var(--transition-base);margin-top:var(--space-lg);margin-bottom:var(--space-lg)}.blog-back-to-blog:hover{color:var(--color-secondary)}@media (min-width:768px){.blog-grid{grid-template-columns:repeat(2,1fr)}.blog-author-box{flex-direction:row;text-align:left}.blog-author-bio{max-width:none}}@media (min-width:1024px){.blog-grid{grid-template-columns:repeat(3,1fr)}.blog-hero{padding:var(--space-2xl) 0 calc(var(--space-2xl) + var(--space-sm))}}@media (prefers-reduced-motion:reduce){.blog-card,.blog-card-cta,.blog-card-cta .blog-card-arrow,.blog-card-media img,.blog-card-title a,.blog-filter-chip,.blog-page-btn,.blog-share-link,.blog-toc a{transition:none}.blog-card:hover{transform:none}.blog-card:hover .blog-card-media img{transform:none}}