/* Gaya tambahan sistem berita — menumpang palet situs utama (site.css). */
.nav-isi{display:flex;align-items:center;gap:20px;justify-content:space-between;min-height:76px}
.merek{display:flex;align-items:center;gap:13px;color:var(--hijau-gelap)}
.merek b{display:block;font-size:17px;line-height:1.2}
.merek small{display:block;font-size:12.5px;color:var(--abu)}
.tautan-nav{display:flex;align-items:center;gap:18px;flex-wrap:wrap;font-size:14.5px;font-weight:600}
.pil-peran{background:var(--mint);color:var(--hijau-tua);border-radius:99px;padding:6px 13px;
  font-size:12.5px;font-weight:700}
.tombol.kecil{padding:8px 16px;font-size:13.5px}
.tombol.bahaya{background:linear-gradient(135deg,#C4372F,#9B241D);box-shadow:0 6px 18px rgba(179,38,30,.3)}

main.bungkus{padding:44px 20px 70px}
.kepala-berita{background:var(--grad-terang);border:1px solid var(--garis);border-radius:22px;
  padding:34px 34px 26px;margin-bottom:30px;box-shadow:var(--bayang)}
.kepala-berita h1{margin:0 0 8px;font-size:32px;color:var(--hijau-gelap)}
.kepala-berita p{margin:0 0 18px;color:var(--abu);max-width:70ch}
.saring{display:flex;gap:10px;flex-wrap:wrap}
.saring input,.saring select{padding:11px 15px;border:1.5px solid var(--garis);border-radius:99px;
  font:inherit;background:#fff;min-width:180px}

.kisi-berita{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.kartu-berita{background:#fff;border:1px solid var(--garis);border-radius:18px;overflow:hidden;
  box-shadow:var(--bayang);display:flex;flex-direction:column;
  transition:transform .3s var(--gerak),box-shadow .3s}
.kartu-berita:hover{transform:translateY(-5px);box-shadow:var(--bayang-naik)}
.kartu-berita .bidang{aspect-ratio:16/10;overflow:hidden;background:var(--mint)}
.kartu-berita .bidang img{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--gerak)}
.kartu-berita:hover .bidang img{transform:scale(1.06)}
.kartu-berita .bidang.kosong{display:flex;align-items:center;justify-content:center;
  background:var(--grad-hijau);color:#CFE7DA;font-weight:700;letter-spacing:.06em;
  text-transform:uppercase;font-size:13px}
.kartu-berita .isi{padding:18px 20px 20px;display:flex;flex-direction:column;gap:9px;flex:1}
.kartu-berita .kategori{font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;
  color:var(--emas-gelap)}
.kartu-berita h3{margin:0;font-size:17.5px;line-height:1.35}
.kartu-berita h3 a{color:var(--hijau-gelap)}
.kartu-berita p{margin:0;color:var(--abu);font-size:14.5px}
.kartu-berita .kaki{margin-top:auto;display:flex;justify-content:space-between;gap:10px;
  font-size:12.5px;color:var(--abu-muda);border-top:1px solid var(--garis);padding-top:11px}

.halaman-nomor{display:flex;gap:8px;justify-content:center;margin:34px 0 0;flex-wrap:wrap}
.halaman-nomor a{padding:9px 15px;border:1.5px solid var(--garis);border-radius:99px;background:#fff;
  font-weight:600;font-size:14px}
.halaman-nomor a.kini{background:var(--grad-hidup);color:#fff;border-color:transparent}

.kartu-artikel{background:#fff;border:1px solid var(--garis);border-radius:22px;padding:34px;
  box-shadow:var(--bayang);margin-bottom:26px}
.kartu-artikel.sempit{max-width:560px;margin-left:auto;margin-right:auto}
.kartu-artikel h1{margin:6px 0 10px;font-size:31px;line-height:1.25;color:var(--hijau-gelap)}
.remah-berita{font-size:13px;color:var(--abu-muda)}
.meta{color:var(--abu);font-size:14px;margin:0 0 18px}
.gambar-utama{margin:0 0 22px}
.gambar-utama img{width:100%;max-height:520px;object-fit:cover;border-radius:16px;display:block}
.gambar-utama figcaption{font-size:13px;color:var(--abu);margin-top:9px;text-align:center}
.ringkasan{font-size:17px;color:var(--hijau-tua);font-weight:600;border-left:4px solid var(--emas);
  padding-left:16px;margin:0 0 20px}
.naskah{font-size:16.5px;line-height:1.8}
.naskah h3{font-size:21px;margin:26px 0 10px;color:var(--hijau-gelap)}
.naskah h4{font-size:18px;margin:22px 0 8px}
.naskah blockquote{margin:18px 0;padding:14px 20px;background:var(--mint);border-radius:12px;
  border-left:4px solid var(--hijau);color:var(--hijau-gelap)}
.pratinjau{background:var(--emas-pucat);border:1px solid #EFE0B4;color:var(--emas-gelap);
  padding:11px 16px;border-radius:12px;margin-bottom:16px;font-weight:600;font-size:14px}
.lainnya{margin-top:34px}
.kosong-berita{background:#fff;border:1px dashed var(--garis);border-radius:16px;padding:34px;
  text-align:center;color:var(--abu)}

/* ---------- pengelolaan ---------- */
.kepala-kelola{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;
  flex-wrap:wrap;margin-bottom:20px}
.kepala-kelola h1{margin:0 0 6px;color:var(--hijau-gelap)}
.angka-baris{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin:0 0 20px}
.angka{background:#fff;border:1px solid var(--garis);border-radius:14px;padding:14px 16px;
  box-shadow:var(--bayang);transition:transform .25s,border-color .25s}
.angka:hover{transform:translateY(-3px)}
.angka.aktif{border-color:var(--hijau);box-shadow:0 8px 20px rgba(14,138,79,.18)}
.angka b{display:block;font-size:23px;color:var(--hijau-gelap);line-height:1.2}
.angka span{display:block;font-size:12.5px;color:var(--abu)}
.lencana-status{display:inline-block;padding:4px 11px;border-radius:99px;font-size:12.5px;font-weight:700}
.lencana-status.abu{background:#EEF2EF;color:#53625A}
.lencana-status.kuning{background:#FCF3D8;color:#8A6417}
.lencana-status.merah{background:#FBE7E5;color:#9B241D}
.lencana-status.hijau{background:var(--mint);color:var(--hijau-tua)}
.lencana-status.biru{background:#E4EFFA;color:#1B4D7A}
.daftar-tulisan small{display:block;color:var(--abu-muda);font-size:12.5px;margin-top:3px}
.aksi-kolom{white-space:nowrap;display:flex;gap:7px}

.borang .ruas{margin:0 0 16px}
.borang label{display:block;font-weight:600;font-size:14px;margin-bottom:6px;color:var(--hijau-tua)}
.borang input[type=text],.borang input[type=email],.borang input[type=password],.borang input[type=search],
.borang input:not([type]),.borang textarea,.borang select{width:100%;padding:11px 14px;font:inherit;
  border:1.5px solid var(--garis);border-radius:12px;background:#fff}
.borang textarea{resize:vertical}
.borang small{display:block;color:var(--abu);font-size:12.5px;margin-top:5px}
.borang.sebaris{display:flex;gap:10px;align-items:center;margin-bottom:18px;flex-wrap:wrap}
.borang.sebaris input{max-width:340px}
.borang.tiga{display:grid;grid-template-columns:repeat(2,1fr);gap:0 18px}
.borang.tiga p:last-child{grid-column:1/-1}
.naskah-tulis{font-family:"Segoe UI",Roboto,Arial,sans-serif;font-size:15.5px;line-height:1.75}
.susun-tulis{display:grid;grid-template-columns:1fr 340px;gap:24px;align-items:start}
.kolom-utama,.kotak{background:#fff;border:1px solid var(--garis);border-radius:18px;padding:24px;
  box-shadow:var(--bayang)}
.kotak{margin-bottom:18px}
.kotak h2{margin:0 0 14px;font-size:17px;color:var(--hijau-gelap)}
.pratinjau-gambar{width:100%;border-radius:12px;margin-bottom:10px}
.ringkas{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;margin:0 0 16px;font-size:14px}
.ringkas dt{color:var(--abu)}
.ringkas dd{margin:0;font-weight:600}
.runtun{list-style:none;margin:0;padding:0;font-size:13.5px}
.runtun li{border-left:2px solid var(--mint-tua);padding:0 0 14px 14px;position:relative}
.runtun li:before{content:"";position:absolute;left:-5px;top:6px;width:8px;height:8px;border-radius:50%;
  background:var(--hijau)}
.runtun span{display:block;color:var(--abu-muda)}
.galat{background:#FBE7E5;border:1px solid #F0C9C5;color:#9B241D;padding:13px 17px;border-radius:12px;
  margin-bottom:18px}
.galat ul{margin:6px 0 0;padding-left:20px}
.berhasil-kotak{background:var(--mint);border:1px solid #C7E5D5;color:var(--hijau-tua);
  padding:13px 17px;border-radius:12px;margin-bottom:18px;font-weight:600}
.catatan-redaksi{background:var(--emas-pucat);border:1px solid #EFE0B4;padding:14px 18px;
  border-radius:12px;margin-bottom:18px}
.baris-akun{display:flex;gap:9px;align-items:center;flex-wrap:wrap;padding:8px 0}
.baris-akun input,.baris-akun select{padding:8px 12px;border:1.5px solid var(--garis);border-radius:10px;
  font:inherit;font-size:14px}
.baris-akun .surel{color:var(--abu);font-size:13.5px;min-width:200px}
.baris-akun.sandi{border-top:1px dashed var(--garis)}
.kaki-berita{background:var(--grad-hijau);color:#CBE7D8;padding:30px 0;margin-top:40px}
.kaki-berita p{margin:0 0 6px}
.kaki-berita .kecil{font-size:13px;color:#A6D2BA}

@media(max-width:980px){
  .kisi-berita{grid-template-columns:repeat(2,1fr)}
  .susun-tulis{grid-template-columns:1fr}
  .angka-baris{grid-template-columns:repeat(3,1fr)}}
@media(max-width:620px){
  .kisi-berita{grid-template-columns:1fr}
  .angka-baris{grid-template-columns:repeat(2,1fr)}
  .kartu-artikel,.kepala-berita{padding:22px}
  .borang.tiga{grid-template-columns:1fr}}

/* ------------------------------------------------ penyunting naskah (WYSIWYG) */
.alat{display:flex;flex-wrap:wrap;gap:6px;padding:9px;border:1.5px solid var(--garis);
  border-bottom:0;border-radius:12px 12px 0 0;background:linear-gradient(180deg,#fff,#F6FBF8);
  position:sticky;top:0;z-index:5}
.alat .kelompok{display:flex;gap:4px;align-items:center;padding-right:8px;margin-right:2px;
  border-right:1px solid var(--garis)}
.alat .kelompok:last-child{border-right:0}
.alat button{min-width:34px;height:34px;padding:0 9px;border:1px solid transparent;border-radius:9px;
  background:transparent;color:var(--hijau-gelap);font:inherit;font-size:14px;cursor:pointer;
  transition:background .2s,border-color .2s}
.alat button:hover{background:var(--mint);border-color:#CFE5D8}
.alat button:disabled{opacity:.35;cursor:not-allowed}
.alat button.nyala{background:var(--grad-hidup);color:#fff}
.alat select{width:auto;min-width:104px;height:34px;padding:0 8px;border:1px solid var(--garis);
  border-radius:9px;background:#fff;font:inherit;font-size:13.5px;color:var(--tinta);flex:0 0 auto}
.alat input[type=color].warna{width:34px;height:34px;min-width:34px;flex:0 0 auto;padding:2px;
  border:1px solid var(--garis);border-radius:9px;background:#fff;cursor:pointer;align-self:center}
.alat input[type=color].warna::-webkit-color-swatch{border:0;border-radius:6px}
.alat input[type=color].warna::-webkit-color-swatch-wrapper{padding:0}
.naskah-sunting{min-height:420px;max-height:70vh;overflow:auto;padding:22px 24px;background:#fff;
  border:1.5px solid var(--garis);border-radius:0 0 12px 12px;outline:none;font-size:16.5px;
  line-height:1.8}
.naskah-sunting:focus{border-color:var(--hijau);box-shadow:0 0 0 3px rgba(14,138,79,.12)}
.naskah-sunting img{max-width:100%;height:auto;border-radius:10px}
.naskah-sunting figure{margin:18px 0}
.naskah-sunting figcaption{font-size:13px;color:var(--abu);text-align:center;margin-top:7px}
.naskah-sunting table{width:100%;border-collapse:collapse;margin:16px 0;font-size:15px}
.naskah-sunting th,.naskah-sunting td{border:1px solid var(--garis);padding:9px 11px;text-align:left}
.naskah-sunting th{background:var(--mint);font-weight:700}
.naskah-sunting blockquote{margin:16px 0;padding:12px 18px;background:var(--mint);
  border-left:4px solid var(--hijau);border-radius:10px}
.naskah-sunting hr{border:0;border-top:2px solid var(--mint-tua);margin:22px 0}
.sumber{width:100%;padding:20px;border:1.5px solid var(--garis);border-radius:0 0 12px 12px;
  font-family:"Courier New",monospace;font-size:13.5px;line-height:1.6;min-height:420px;background:#FCFDFC}
.baris-bawah{display:flex;justify-content:space-between;gap:12px;margin-top:8px}
.tanda{font-size:12.5px;color:var(--abu)}

/* naskah terbit: menghormati gaya dari penyunting */
.naskah img{max-width:100%;height:auto;border-radius:12px}
.naskah figure{margin:22px 0}
.naskah figcaption{font-size:13px;color:var(--abu);text-align:center;margin-top:8px}
.naskah table{width:100%;border-collapse:collapse;margin:20px 0;font-size:15px}
.naskah th,.naskah td{border:1px solid var(--garis);padding:10px 12px;text-align:left}
.naskah th{background:var(--mint)}
.naskah hr{border:0;border-top:2px solid var(--mint-tua);margin:26px 0}
.naskah pre{background:#F3F7F4;border:1px solid var(--garis);border-radius:10px;padding:14px 16px;
  overflow-x:auto;font-size:14px}
@media(max-width:620px){
  .alat{position:static}
  .alat .kelompok{border-right:0;padding-right:0}}
.panel-gambar{display:flex;flex-wrap:wrap;gap:6px;align-items:center;padding:8px 10px;
  border-left:1.5px solid var(--garis);border-right:1.5px solid var(--garis);
  background:var(--emas-pucat);font-size:13px}
.panel-gambar span{color:var(--emas-gelap);font-weight:700;margin-right:4px}
.panel-gambar button{height:30px;padding:0 11px;border:1px solid #EADFB6;border-radius:8px;
  background:#fff;font:inherit;font-size:13px;cursor:pointer}
.panel-gambar button:hover{background:var(--mint)}
.panel-gambar .bahaya-kecil{color:#9B241D;border-color:#F0C9C5}
.naskah-sunting img.terpilih{outline:3px solid var(--emas);outline-offset:2px}