.articles-page{padding:60px 20px;background-color:#f5f5f5;color:black;min-height:100vh;font-family:Segoe UI,sans-serif}.articles-heading{text-align:center;font-size:2.2rem;margin-bottom:40px;color:black}.article-dashboard{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:30px;gap:30px}.article-card{background:black;border:1px solid #333;padding:20px;border-radius:16px;box-shadow:0 0 12px rgba(0,198,251,.1);transition:transform .3s ease;display:flex;flex-direction:column;align-items:center}.article-card:hover{transform:translateY(-5px);box-shadow:0 0 20px rgba(0,198,251,.2)}.article-intpic{width:100%;max-height:180px;object-fit:cover;border-radius:12px;margin-bottom:20px}.article-card h2{font-size:1.1rem;text-align:center;margin-bottom:16px;color:white}.tags-section{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:16px}.tag{background:#222;color:#aaa;padding:4px 10px;font-size:.75rem;border-radius:8px;transition:background .3s ease}.tag:hover{background:#333}.expand-btn{background:none;border:none;color:white;cursor:pointer;font-size:1.2rem;padding:0 5px;transition:transform .2s ease}.expand-btn:hover{transform:scale(1.2)}.read-btn{color:#0c0c0c;border:none;padding:10px 20px;border-radius:12px;font-size:.9rem;font-weight:600;cursor:pointer;margin-top:auto;transition:background .3s ease}.read-btn,.read-btn:hover{background:white}