:root {
  --warna-utama: #0D9488; /* Teal Tosca - sejuk */
  --warna-gelap: #334155; /* Slate - teks */
  --warna-bg: #F8FAFC;    /* Putih kebiruan */
}
body {font-family: 'Segoe UI', sans-serif; background: var(--warna-bg); color: var(--warna-gelap); margin:0;}
.container {max-width:1100px; margin:auto; padding:0 20px;}
header {background: white; border-bottom: 3px solid var(--warna-utama); padding:15px 0; position: sticky; top:0;}
.logo {color: var(--warna-utama); margin:0; font-size:28px; font-weight:800;}
nav a {color: var(--warna-gelap); text-decoration:none; margin-right:15px; font-weight:600;}
nav a:hover {color: var(--warna-utama);}
#search {padding:8px; border:1px solid #CBD5E1; border-radius:6px; float:right;}
#daftar-berita {display:grid; grid-template-columns:repeat(auto-fill,minmax(300px,1fr)); gap:20px; margin-top:20px;}
.berita {background:white; border-radius:8px; overflow:hidden; box-shadow:0 1px 3px rgba(0,0,0,0.1);}
.berita img {width:100%; height:180px; object-fit:cover;}
.berita-content {padding:15px;}
.kategori {background:var(--warna-utama); color:white; padding:3px 8px; border-radius:4px; font-size:12px;}
footer {text-align:center; padding:30px 0; margin-top:40px; border-top:1px solid #E2E8F0;}