/* Galeri foto sumber terbuka dan halaman admin foto (V3.1) */
.foto-galeri{margin:22px 0 10px;padding:16px 18px;border:1px solid var(--garis,#d8e3e2);border-radius:12px;background:#fff}
.foto-galeri[hidden],.foto-butir[hidden]{display:none}
.foto-judul{margin:0 0 12px;font-size:14px;text-transform:uppercase;letter-spacing:.6px;color:var(--teal-700,#0b5555)}
.foto-kisi{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}
.foto-butir{margin:0;display:flex;flex-direction:column;border:1px solid var(--garis,#d8e3e2);border-radius:10px;
  overflow:hidden;background:#fbfdfd}
.foto-butir img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;background:#e8f0ef}
.foto-butir figcaption{padding:9px 11px 11px;font-size:12.5px;line-height:1.45;color:var(--abu,#5b6b6a)}
.foto-nama{display:block;color:var(--tinta,#13201f);font-size:13px;font-weight:650;margin-bottom:3px;overflow-wrap:anywhere}
.foto-ket{display:block;margin-bottom:5px}
.foto-kredit{display:block;font-size:11.5px;overflow-wrap:anywhere}
.foto-catatan{margin:12px 0 0;font-size:11.5px;color:var(--abu,#5b6b6a)}
@media print{.foto-butir img{max-height:6cm}.foto-butir{break-inside:avoid}}

/* admin */
.fa-daftar{display:grid;gap:10px}
.fa-baris{display:grid;grid-template-columns:96px 1fr auto;gap:12px;align-items:start;padding:10px;
  border:1px solid var(--garis,#d8e3e2);border-radius:10px;background:#fff}
.fa-baris img{width:96px;height:72px;object-fit:cover;border-radius:6px;background:#e8f0ef}
.fa-baris.mati{opacity:.6}
.fa-meta{font-size:12.5px;color:var(--abu,#5b6b6a);overflow-wrap:anywhere}
.fa-meta b{color:var(--tinta,#13201f);font-size:13.5px}
.fa-aksi{display:flex;flex-direction:column;gap:6px;align-items:stretch}
.fa-aksi form{margin:0}
.fa-aksi .tombol{width:100%;justify-content:center}
.fa-topik{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:2px 10px;margin:4px 0 8px}
.fa-topik label{display:flex;gap:6px;align-items:center;margin:0;font-size:12.5px;color:var(--tinta,#13201f)}
.fa-form .kisi{margin-bottom:12px}
.fa-form select,.fa-form textarea{width:100%;padding:8px 10px;border:1px solid var(--garis,#d8e3e2);border-radius:8px;
  font:inherit;font-size:14px;background:#fff}
.fa-form input[type=url]{width:100%;padding:8px 10px;border:1px solid var(--garis,#d8e3e2);border-radius:8px;font-size:14px}
.fa-pilih-gambar{border:1px dashed var(--garis,#d8e3e2);border-radius:10px;padding:10px 12px;margin-bottom:12px}
.fa-galat{background:#fdeee3;color:#7a2a0a;border:1px solid #f2c19b;border-radius:10px;padding:9px 14px;margin:0 0 14px}
.fa-galat ul{margin:4px 0 0 18px;padding:0}
@media(max-width:560px){.fa-baris{grid-template-columns:72px 1fr}.fa-baris img{width:72px;height:54px}.fa-aksi{grid-column:1/-1;flex-direction:row}}