nav a {color:white;text-decoration:none;margin-left:20px;font-weight:500;}
nav a:hover {color:#c2f0c2;}
.container {max-width:1000px;margin:40px auto;padding:20px;background:white;border-radius:10px;box-shadow:0 4px 10px rgba(0,0,0,0.1);}
.container img {width:100%;max-height:400px;object-fit:cover;border-radius:8px;margin-bottom:20px;}
h1 {color:#004d00;margin-bottom:10px;}
.meta {color:#666;font-size:0.9em;margin-bottom:20px;}
.content {line-height:1.7;color:#444;margin-bottom:30px;}
.btn-back {display:inline-block;background:#006400;color:white;padding:10px 20px;border-radius:25px;text-decoration:none;transition:0.3s;}
.btn-back:hover {background:#00a86b;}
.lainnya {margin-top:50px;}
.lainnya h2 {color:#006400;text-align:center;margin-bottom:20px;}
.grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;}
.card {background:#fdfdfd;border-radius:8px;overflow:hidden;box-shadow:0 2px 6px rgba(0,0,0,0.1);transition:transform 0.3s;}
.card:hover {transform:translateY(-5px);}
.card img {width:100%;height:150px;object-fit:cover;}
.card .info {padding:10px;}
