/* ===================================
   COMPONENTS.CSS - Extra/Override styles
   =================================== */

/* Add any additional component styles here */

/* Category filter buttons */
.pc-cat-filters { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 22px; }
.pc-cat-filters a { transition: all 0.2s; }

/* Blog featured card */
.pc-blog-card--featured { display: grid; grid-template-columns: 1fr 1fr; }
.pc-blog-card--featured .pc-blog-card__image {
    height: auto; min-height: 180px; border-radius: 14px 0 0 14px;
}
.pc-blog-card--featured .pc-blog-card__body { padding: 20px; }
.pc-blog-card--featured .pc-blog-card__title { font-size: 18px; margin: 6px 0; }

/* Impact box */
.pc-impact-box {
    background: #fef3c7; border-radius: var(--pc-radius-lg);
    padding: 24px; margin-top: 24px; text-align: center;
}
.pc-impact-box h3 { font-size: 18px; margin-bottom: 8px; }
.pc-impact-box p { font-size: 14px; color: #92400e; line-height: 1.6; }

/* Stats banner */
.pc-stats-banner {
    background: linear-gradient(135deg, var(--pc-primary), var(--pc-primary-dark));
    border-radius: 16px; padding: 30px; color: var(--pc-white); margin: 24px 0;
}
.pc-stats-banner .pc-grid--4 { text-align: center; }
.pc-stats-banner__number { font-size: 36px; font-weight: 900; color: var(--pc-accent); }
.pc-stats-banner__label { font-size: 12px; opacity: 0.8; }