:root{--hijau:#12a06b;--hijau-tua:#0c7a52;--mint:#8ff0c8;--bg:#f4faf7;--teks:#16382e}
*{margin:0;padding:0;box-sizing:border-box;font-family:'Segoe UI',system-ui,sans-serif}
body{background:var(--bg);color:var(--teks);line-height:1.75}
nav{background:#fff;box-shadow:0 2px 12px rgba(0,0,0,.06);position:sticky;top:0;z-index:10}
.nav-in{max-width:800px;margin:auto;padding:14px 20px;display:flex;justify-content:space-between;align-items:center}
.logo{font-weight:800;color:var(--hijau-tua);text-decoration:none}
.btn{background:var(--mint);color:var(--hijau-tua);padding:8px 16px;border-radius:999px;font-weight:700;font-size:13px;text-decoration:none}
article{max-width:800px;margin:30px auto;padding:0 20px}
.chip{display:inline-block;background:var(--mint);color:var(--hijau-tua);font-size:12px;font-weight:700;padding:4px 12px;border-radius:999px}
h1{font-size:28px;color:var(--hijau-tua);margin:12px 0 6px}
.meta{font-size:13px;color:#7a8a83;margin-bottom:16px}
article img{width:100%;border-radius:16px;margin:6px 0 24px}
h2{color:var(--hijau-tua);font-size:20px;margin:26px 0 10px}
p{margin-bottom:14px}ol,ul{margin:0 0 14px 22px}li{margin-bottom:6px}
.dalil{background:#fff;border-left:4px solid var(--hijau);border-radius:10px;padding:14px 18px;margin:16px 0}
.cta-box{background:var(--hijau);color:#fff;border-radius:16px;padding:24px;text-align:center;margin:34px 0}
.cta-box a{color:var(--hijau-tua);background:var(--mint);padding:10px 18px;border-radius:999px;font-weight:700;text-decoration:none;display:inline-block;margin-top:10px}
.lainnya{margin:20px 0}
footer{background:#0b3d2c;color:#cfe9df;text-align:center;padding:22px;font-size:13px}
a{color:var(--hijau)}