.html-content-viewer h1 {
  display: block;
  font-size: 2em;
  margin-block-start: 0.67em;
  margin-block-end: 0.67em;
  font-weight: bold;
}

.html-content-viewer h2 {
  font-size: 1.5em;
  margin-block-start: 0.75em;
  margin-block-end: 0.75em;
  font-weight: bold;
}

.html-content-viewer h3 {
  font-size: 1.17em;
  margin-block-start: 0.83em;
  margin-block-end: 0.83em;
  font-weight: bold;
}

.html-content-viewer h4 {
  font-size: 1em;
  margin-block-start: 1.12em;
  margin-block-end: 1.12em;
  font-weight: bold;
}

.html-content-viewer h5 {
  font-size: 0.83em;
  margin-block-start: 1.5em;
  margin-block-end: 1.5em;
  font-weight: bold;
}

.html-content-viewer h6 {
  font-size: 0.75em;
  margin-block-start: 1.67em;
  margin-block-end: 1.67em;
  font-weight: bold;
}

.html-content-viewer ul {
  list-style-type: disc;       /* Bullet points (default) */
  margin-top: 1em;             /* Margin atas */
  margin-bottom: 1em;          /* Margin bawah */
  margin-left: 40px;           /* Indentation dari kiri (untuk bullet) */
  padding-left: 0;             /* Padding kiri dihapus, bisa berbeda di browser */
}

.html-content-viewer li {
  display: list-item;          /* Menentukan bahwa elemen adalah list item */
  margin-bottom: 0.25em;       /* Spasi antara elemen list */
}

.html-content-viewer a {
  color: #007BFF;            /* Menentukan warna biru spesifik */
  text-decoration: underline;      /* Menghapus garis bawah */
  font-weight: bold;          /* Membuat teks lebih tebal */
}

.html-content-viewer a:hover {
  color: #0056b3;             /* Mengubah warna saat hover */
  text-decoration: underline; /* Menambahkan garis bawah saat hover */
}

.html-content-viewer a:active {
  color: #004085;             /* Mengubah warna saat klik */
}