/* Articles list page */
.container { max-width: 1200px; margin:0 auto; padding:120px 5% 4rem; }
h1 { font-size:3.5rem; margin-bottom:1rem; text-align:center; }
.page-intro { text-align:center; font-size:1.2rem; opacity:.9; margin-bottom:3rem; max-width:700px; margin-left:auto; margin-right:auto; }
.articles-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(320px,1fr)); gap:2rem; margin-top:3rem; }
.article-card { background:rgba(255,255,255,0.12); backdrop-filter:blur(12px); border-radius:16px; padding:2rem; border:1px solid rgba(255,255,255,0.25); transition:.3s; }
.article-card:hover { transform:translateY(-5px); box-shadow:0 10px 30px rgba(0,0,0,.3); background:rgba(255,255,255,0.15); }
.article-card h2 { font-size:1.6rem; margin-bottom:.8rem; }
.article-card h2 a { color:white; text-decoration:none; }
.article-meta { font-size:.9rem; opacity:.8; margin-bottom:1rem; }
.article-excerpt { line-height:1.6; opacity:.9; margin-bottom:1.2rem; }
.read-more { display:inline-block; padding:.7rem 1.5rem; background:rgba(255,255,255,0.2); border-radius:25px; text-decoration:none; color:white; font-weight:600; transition:.3s; }
.read-more:hover { background:rgba(255,255,255,0.3); }
.empty-state { text-align:center; padding:4rem 2rem; opacity:.9; }