.blog-index-section{padding-top:60px}.blog-index-hero{margin-bottom:48px}.blog-index-title{color:var(--text-primary);margin:12px 0 16px;font-size:clamp(2rem,4vw,3rem);font-weight:800;line-height:1.2}.blog-featured-card{background:var(--bg-card);border:1px solid var(--border-card);border-radius:20px;margin-bottom:40px;transition:border-color .25s,box-shadow .25s,transform .25s;overflow:hidden}.blog-featured-card:hover{border-color:var(--primary);box-shadow:var(--shadow-glow);transform:translateY(-3px)}.blog-featured-inner{color:inherit;padding:36px 40px;text-decoration:none;display:block}.blog-featured-meta{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:24px;display:flex}.blog-meta-sep{color:var(--text-muted)}.blog-date,.blog-read-time{color:var(--text-muted);font-size:.82rem}.blog-featured-body{align-items:flex-start;gap:24px;margin-bottom:28px;display:flex}.blog-featured-icon{flex-shrink:0;font-size:3.5rem;line-height:1}.blog-featured-title{color:var(--text-primary);margin:0 0 12px;font-size:clamp(1.4rem,3vw,1.9rem);font-weight:700;line-height:1.3}.blog-featured-desc{color:var(--text-secondary);margin:0 0 20px;font-size:1rem;line-height:1.7}.blog-post-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;margin-bottom:40px;display:grid}.blog-post-card{background:var(--bg-card);border:1px solid var(--border);color:inherit;border-radius:16px;flex-direction:column;padding:28px 28px 24px;text-decoration:none;transition:border-color .25s,box-shadow .25s,transform .25s;display:flex}.blog-post-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-card);transform:translateY(-3px)}.blog-post-card-top{align-items:center;gap:12px;margin-bottom:16px;display:flex}.blog-post-icon{font-size:1.8rem;line-height:1}.blog-post-title{color:var(--text-primary);margin:0 0 10px;font-size:1.1rem;font-weight:700;line-height:1.35}.blog-post-desc{color:var(--text-secondary);flex:1;margin:0 0 16px;font-size:.875rem;line-height:1.7}.blog-post-footer{align-items:center;gap:12px;margin-bottom:14px;display:flex}.blog-cta{color:var(--primary-light);font-size:.9rem;font-weight:600;transition:gap .2s}.blog-cta.small{font-size:.82rem}.blog-featured-card:hover .blog-cta,.blog-post-card:hover .blog-cta{color:var(--primary)}.blog-category-badge{background:var(--primary-soft);color:var(--primary-light);letter-spacing:.04em;text-transform:uppercase;border:1px solid #10b98133;border-radius:999px;padding:3px 12px;font-size:.75rem;font-weight:600;display:inline-block}.blog-category-badge.small{padding:2px 10px;font-size:.68rem}.blog-tags{flex-wrap:wrap;gap:8px;margin-bottom:8px;display:flex}.blog-tag{color:var(--text-secondary);background:var(--bg-elevated);border:1px solid var(--border);border-radius:6px;padding:3px 10px;font-size:.73rem;font-weight:500}.blog-article-meta{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:32px;display:flex}.blog-article-body h2{color:var(--text-primary);margin:48px 0 16px;font-size:clamp(1.2rem,2.5vw,1.6rem);font-weight:700}.blog-article-body h3{color:var(--text-primary);margin:32px 0 12px;font-size:1.1rem;font-weight:600}.blog-article-body p{color:var(--text-secondary);margin:0 0 20px;font-size:1rem;line-height:1.8}.blog-article-body ul,.blog-article-body ol{color:var(--text-secondary);margin:0 0 24px;padding-left:24px;font-size:.95rem;line-height:1.8}.blog-article-body li{margin-bottom:8px}.blog-info-box{background:var(--primary-soft);border:1px solid #10b98133;border-radius:12px;margin:32px 0;padding:20px 24px}.blog-info-box p{color:var(--text-secondary);margin:0;font-size:.9rem;line-height:1.7}.blog-info-box strong{color:var(--primary-light)}.blog-data-table{border-collapse:collapse;width:100%;margin-bottom:40px;font-size:.875rem}.blog-data-table thead th{background:var(--bg-elevated);color:var(--text-primary);text-align:left;border-bottom:2px solid var(--border-card);padding:12px 16px;font-weight:600}.blog-data-table tbody tr{border-bottom:1px solid var(--border);transition:background .15s}.blog-data-table tbody tr:hover{background:var(--bg-card-hover)}.blog-data-table tbody td{color:var(--text-secondary);vertical-align:top;padding:11px 16px}.blog-data-table tbody td:first-child{color:var(--text-primary);white-space:nowrap;font-weight:600}.status-normal{color:var(--normal)}.status-low{color:var(--low)}.status-high{color:var(--high)}@media (max-width:640px){.blog-featured-inner{padding:24px 20px}.blog-featured-body{flex-direction:column;gap:12px}.blog-post-grid{grid-template-columns:1fr}}