/* Bagan struktur organisasi */
.so { --so-navy: #1f3864; --so-emas: #c9a34a; display: flex; flex-direction: column; align-items: center; padding: 8px 0 16px; }
.so-pimpinan { display: flex; flex-direction: column; align-items: center; }
.so-garis { display: block; width: 2px; height: 20px; background: var(--so-emas); margin: 0 auto; }
.so-kotak { background: #fff; border: 1.5px solid #d5dbe5; border-radius: 10px; padding: 9px 14px; text-align: center; min-width: 190px; box-shadow: 0 2px 6px rgba(20,38,74,.06); }
.so-kotak b { display: block; font-size: 14px; color: #1d2433; }
.so-kotak span { display: block; font-size: 12.5px; color: #5b6474; margin-top: 3px; line-height: 1.45; }
.so-kotak .so-kosong { font-style: italic; color: #9aa3b2; }
.so-kotak.utama { background: var(--so-navy); border-color: var(--so-navy); }
.so-kotak.utama b { color: #fff; }
.so-kotak.utama span { color: #dbe3f1; }
.so-divisi { display: grid; grid-template-columns: repeat(var(--n), minmax(0, 1fr)); gap: 18px; width: 100%; position: relative; padding-top: 20px; }
.so-divisi::before { content: ""; position: absolute; top: 0; left: calc(100% / var(--n) / 2); right: calc(100% / var(--n) / 2); height: 2px; background: var(--so-emas); }
.so-kolom { position: relative; display: flex; flex-direction: column; align-items: stretch; }
.so-kolom::before { content: ""; position: absolute; top: -20px; left: 50%; width: 2px; height: 20px; background: var(--so-emas); }
.so-judul { background: var(--so-emas); color: #1d1606; font-weight: 700; text-align: center; padding: 9px 12px; border-radius: 10px; font-size: 14.5px; }
.so-isi { display: flex; flex-direction: column; gap: 8px; margin-top: 10px; padding-left: 14px; border-left: 2px solid #e3d3a8; }
.so-isi .so-kotak { min-width: 0; text-align: left; }
.so-isi { border-left: 0; padding-left: 0; }
.so-simpul { display: flex; flex-direction: column; gap: 8px; }
.so-anak { display: flex; flex-direction: column; gap: 8px; margin-left: 14px; padding-left: 12px; border-left: 2px solid #e3d3a8; }
.so-anak > .so-simpul { position: relative; }
.so-anak > .so-simpul::before { content: ""; position: absolute; left: -12px; top: 18px; width: 12px; height: 2px; background: #e3d3a8; }
.so-kotak.kepala { background: #eef2f9; border-color: var(--so-navy); }
.so-kotak.kepala b { color: var(--so-navy); }
.so-kotak em { font-style: normal; font-weight: 600; color: #1d2433; }
@media (max-width: 760px) {
  .so-divisi { grid-template-columns: 1fr; padding-top: 0; gap: 22px; }
  .so-divisi::before, .so-kolom::before { display: none; }
  .so-kotak { min-width: 170px; }
}