/* css styles */
h2 {
  color: #cc2836;   /* orange */
}

h3 {
  position: relative;
  padding-bottom: 0.3rem;
  margin-bottom: 1.2rem;
  margin-top: 2rem;
}

h3::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 60px;           
  height: 3px;
  background: #ac500e;
  border-radius: 2px;
}

/* H4 – garis paling pendek */
h4 {
  position: relative;
  padding-bottom: 0.2rem;
  margin-bottom: 1rem;
  margin-top: 1.8rem;
  color: #e0e0e0;
}
h4::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 30px;            /* paling pendek */
  height: 2px;
  background: #ac500e99; /* sedikit transparan biar beda level */
  border-radius: 2px;
}

/* ================== 1. INLINE CODE (Tetap Hijau Terang) ================== */
:not(pre) > code {
  background: rgba(94, 22, 17, 0.1) !important; 
  color: #ffa652 !important;
  padding: 0.15em 0.3em !important;
  border-radius: 4px !important;
  font-weight: 500 !important;
  /* Border dibuat sangat tipis atau hilangkan saja untuk gaya Obsidian */
  border: 1px solid rgba(116, 201, 47, 0.2) !important;
}

/* ================== 2. CODE BLOCK (Style Obsidian) ================== */

/* Box utama blok kode dibuat menyatu dengan background */
.sourceCode, 
div.sourceCode,
pre.sourceCode {
  background-color: #1b1b1b !important; /* Sesuaikan sedikit saja lebih terang/gelap dari bg utama */
  border: 1px solid rgba(255, 255, 255, 0.05) !important; /* Border sangat tipis & hampir transparan */
  border-radius: 3px !important; /* Obsidian pakai radius yang kecil/tajam */
  display: block !important;
}

/* RESET: Pastikan tidak ada "sampah" sisa styling */
pre.sourceCode code, 
pre.sourceCode span {
  background-color: transparent !important;
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
}

/* Mengatur font kode agar lebih ramping */
pre.sourceCode {
  font-size: 0.92em !important;
  line-height: 1.5 !important;
}

/* Menghilangkan elemen visual tambahan yang sering muncul di sekitar blok kode Quarto */
.sourceCode::before, 
.sourceCode::after,
pre.sourceCode::before,
pre.sourceCode::after {
    content: none !important;
    display: none !important;
}

/* Memastikan tidak ada teks backtick yang 'bocor' keluar */
code.sourceCode {
    background: transparent !important;
    padding: 0 !important;
}

/* Jika kamu menggunakan Jupyter Notebook (.ipynb), Quarto kadang menambah info bahasa di pojok */
.code-annotation-container-grid,
.code-copy-button {
    /* Jika ingin menghilangkan tombol copy juga, aktifkan ini. 
       Tapi kalau mau tombol copy saja, abaikan baris ini. */
}