.cat-hero{background:linear-gradient(135deg,var(--ark-navy),var(--ark-navy));color:#fff;padding:56px 24px 44px}
.cat-hero h1{font-size:32px;font-weight:800;color:#fff;margin-bottom:6px}
.cat-hero p{opacity:.65;font-size:15px;max-width:520px}
.news-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px;margin-top:32px}
.news-card{display:flex;flex-direction:column;border:1px solid var(--gray-200);border-radius:14px;overflow:hidden;background:#fff;text-decoration:none;color:inherit;transition:all .2s}
.news-card:hover{border-color:var(--primary);box-shadow:0 8px 28px rgba(0,0,0,.08);transform:translateY(-2px)}
.news-card img{width:100%;height:160px;object-fit:cover}
.news-card-body{padding:14px 16px 16px;flex:1;display:flex;flex-direction:column;gap:4px}
.news-card h3{font-size:14px;font-weight:700;color:var(--dark);line-height:1.4;margin:0;flex:1}
.news-desc{font-size:12px;color:var(--gray-500);line-height:1.5;margin:4px 0 6px}
.news-card-foot{display:flex;align-items:center;justify-content:space-between;margin-top:auto}
.cat-badge{font-size:10px;font-weight:700;padding:2px 8px;border-radius:10px}
@media(max-width:600px){.news-grid{grid-template-columns:1fr}}