/* style utama */
body {margin:0;font-family:Arial,sans-serif;background:#f5f5f5;color:#222;transition:0.3s;}
header{background:#3f8fdf;padding:20px;color:white;text-align:center;font-size:28px;font-weight:bold;}
nav{background:#222;overflow:hidden;}
nav a{float:left;padding:14px 20px;color:#eee;text-decoration:none;}
nav a:hover{background:#444;}
.dark-toggle{float:right;padding:14px 20px;cursor:pointer;color:#fff;}
.container{width:90%;max-width:900px;background:white;margin:20px auto;padding:20px;border-radius:10px;box-shadow:0 0 10px rgba(0,0,0,0.05);}
.footer{text-align:center;background:#3f8fdf;color:#fff;padding:15px;margin-top:40px;}
.ads-box{text-align:center;margin:20px 0;}
.article-list a{font-size:20px;color:#3f8fdf;text-decoration:none;}
.article-list a:hover{text-decoration:underline;}
.article-meta{color:#777;font-size:14px;margin-bottom:20px;}
.breadcrumb{font-size:14px;margin-bottom:15px;}
.breadcrumb a{text-decoration:none;color:#3f8fdf;}
.header-img{width:100%;max-height:250px;object-fit:cover;border-radius:10px;margin-bottom:20px;}
.search-box{margin:20px 0;}
.pagination{margin:20px 0;text-align:center;}
.pagination button{padding:8px 15px;margin:5px;border:none;background:#3f8fdf;color:white;border-radius:5px;cursor:pointer;}
.pagination button:hover{background:#2a6fbd;}