body {
    background-color: #f5f5f5;
  }
  
  .bg-teal {
    background-color: #00838f;
  }
  body {
    padding-bottom: 70px; 
  }
  footer.fixed-bottom {
    z-index: 1030; 
  }
  h3 {
    font-size: 1.75rem;
    font-weight: bold;
    color: #00796b; 
    text-transform: uppercase;
    border-left: 6px solid #00796b;
    padding-left: 15px;
    margin-bottom: 20px;
  }
  .desc-limit {
    display: block;        /* Tidak membatasi ke box khusus */
    overflow: visible;     /* Biarkan konten tampil penuh */
    text-overflow: unset;  /* Tidak pakai titik-titik */
    white-space: normal;   /* Teks boleh wrap ke baris berikutnya */
}

  .desc-limit img {
    width: 100%;      /* isi penuh sesuai lebar card */
    height: auto;     /* tinggi menyesuaikan proporsi */
    object-fit: contain; /* pastikan gambar tidak terpotong */
    display: block;   /* hilangkan jarak bawaan inline image */
    border-radius: 0.25rem; /* opsional: biar sudutnya sama dengan card */
  }
  table img {
    max-width: 150px;
    height: auto;
  }

  /* Gambar di Summernote & deskripsi */
  .note-editor img {
    max-width: 100%;
    height: auto;
  }

  /* Potong teks deskripsi di tabel */
  .table .deskripsi-teks {
    max-width: 300px; /* lebar maksimal kolom deskripsi */
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3; /* tampilkan maksimal 3 baris */
    -webkit-box-orient: vertical;
  }