.blog-page-header{margin-bottom:var(--space-10);padding-bottom:var(--space-8);border-bottom:1px solid var(--color-border)}.blog-page-title{font-family:var(--font-heading);font-size:var(--text-4xl);color:var(--color-charcoal);margin-bottom:var(--space-3);font-weight:800}.blog-page-sub{font-size:var(--text-lg);color:var(--color-text-muted);max-width:560px}.blog-featured{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-10);margin-bottom:var(--space-10);color:inherit;box-shadow:var(--shadow-md);transition:box-shadow var(--transition-base), transform var(--transition-base);text-decoration:none;display:block}.blog-featured:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.blog-featured__meta{gap:var(--space-2);margin-bottom:var(--space-4);display:flex}.blog-featured__title{font-family:var(--font-heading);font-size:var(--text-3xl);color:var(--color-charcoal);margin-bottom:var(--space-3);font-weight:800;line-height:1.25}.blog-featured__excerpt{color:var(--color-text-light);font-size:var(--text-base);margin-bottom:var(--space-5);line-height:1.7}.blog-featured__footer{align-items:center;gap:var(--space-5);flex-wrap:wrap;display:flex}.blog-grid{gap:var(--space-6);grid-template-columns:repeat(3,1fr);display:grid}.blog-card{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:inherit;box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-base), transform var(--transition-base);flex-direction:column;text-decoration:none;display:flex;overflow:hidden}.blog-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.blog-card__image img{object-fit:cover;width:100%;height:180px;display:block}.blog-card__body{padding:var(--space-5);flex-direction:column;flex:1;display:flex}.blog-card__meta-row{margin-bottom:var(--space-3);justify-content:space-between;align-items:center;display:flex}.blog-card__read-time{font-size:var(--text-xs);color:var(--color-text-muted)}.blog-card__title{font-family:var(--font-heading);font-size:var(--text-lg);color:var(--color-charcoal);margin-bottom:var(--space-2);font-weight:700;line-height:1.35}.blog-card__excerpt{font-size:var(--text-sm);color:var(--color-text-light);margin-bottom:var(--space-4);flex:1;line-height:1.65}.blog-card__footer{justify-content:space-between;align-items:center;margin-top:auto;display:flex}.blog-tag{font-size:var(--text-xs);background:var(--color-bg-alt);color:var(--color-navy);border:1px solid var(--color-border);border-radius:999px;padding:3px 10px;font-weight:600;display:inline-block}.blog-tag--featured{background:var(--color-teal);color:var(--color-white);border-color:var(--color-teal)}.blog-meta-item{font-size:var(--text-sm);color:var(--color-text-muted)}.blog-read-more{font-size:var(--text-sm);color:var(--color-teal);font-weight:600}.blog-loading{animation:.3s fadeIn}.blog-skeleton{background:linear-gradient(90deg, var(--color-border) 25%, var(--color-border-light) 50%, var(--color-border) 75%);border-radius:var(--radius-lg);background-size:200% 100%;animation:1.4s infinite shimmer}.blog-skeleton--featured{height:220px;margin-bottom:var(--space-10)}.blog-skeleton--card{height:280px}.blog-empty{text-align:center;padding:var(--space-16) 0;color:var(--color-text-muted);font-size:var(--text-lg)}@media (width<=900px){.blog-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.blog-page-title{font-size:var(--text-2xl)}.blog-featured{padding:var(--space-5)}.blog-featured__title{font-size:var(--text-xl)}.blog-featured__footer{gap:var(--space-3)}.blog-read-more{margin-left:auto}.blog-grid{grid-template-columns:1fr}.blog-tag{font-size:11px}}
