/* Page header */
.page-header{text-align:center;margin-bottom:34px;padding-bottom:12px;border-bottom:1px solid #eee}
.page-header h1{color:var(--dark);margin-bottom:6px}
.page-info{color:var(--muted);font-size:.95rem}

/* Articles grid */
.articles-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:22px;margin-top:18px}

/* Image placeholder */
.article-image-placeholder{height:180px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);display:flex;align-items:center;justify-content:center;color:#fff;font-size:2rem}
.read-more {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: var(--primary);
    text-decoration: none;
    transition: all 0.2s;
}
.read-more:hover {
    color: var(--primary-dark);
    border-color: var(--primary-dark);
    gap: 10px;
}
.read-more i {
    transition: transform 0.2s;
}
.read-more:hover i {
    transform: translateX(3px);
}


/* No-articles */
.no-articles{text-align:center;padding:60px 20px;background:#fff;border-radius:var(--card-radius);box-shadow:var(--card-shadow)}
.no-articles-icon{font-size:3.6rem;color:#ddd;margin-bottom:16px}