/* --- MULAI CUSTOM BLOCKS BARU --- */

/* 1. Catatan (Update) */
.rmdnote {
  padding: 1em;
  margin: 1em 0;
  padding-left: 15px;
  background-color: #e7f2fa;
  border-left: 6px solid #2196F3;
  border-radius: 4px;
  color: #2c3e50;
}

/* 2. Tips (Tip) - Hijau */
.rmdtip {
  padding: 1em;
  margin: 1em 0;
  padding-left: 15px;
  background-color: #e6ffed;
  border-left: 6px solid #00c853;
  border-radius: 4px;
  color: #2c3e50;
}

/* 3. Penting (Important) - Merah Bata */
.rmdimportant {
  padding: 1em;
  margin: 1em 0;
  padding-left: 15px;
  background-color: #fbe9e7;
  border-left: 6px solid #ff5722;
  border-radius: 4px;
  color: #2c3e50;
}

/* 4. Peringatan (Warning) - Kuning/Oranye */
.rmdwarning {
  padding: 1em;
  margin: 1em 0;
  padding-left: 15px;
  background-color: #fff8e1;
  border-left: 6px solid #ffab00;
  border-radius: 4px;
  color: #2c3e50;
}

/* 5. Soal Latihan (Exercise) - Ungu */
.rmdexercise {
  padding: 1em;
  margin: 1em 0;
  padding-left: 15px;
  background-color: #f3e5f5;
  border-left: 6px solid #9c27b0;
  border-radius: 4px;
  color: #2c3e50;
  font-weight: 500;
}

/* 6. Capaian - Hijau */
.rmdcapaian {
  padding: 1em;
  margin: 1em 0;
  padding-left: 15px;
  background-color: #e6ffed;
  border-left: 6px solid #00c853;
  border-radius: 4px;
  color: #2c3e50;
}

/* Styling teks bold di dalam block agar lebih tegas
.rmdnote strong,
.rmdtip strong,
.rmdimportant strong,
.rmdwarning strong,
.rmdexercise strong {
  display: block;
  margin-bottom: 0.5em;
  font-size: 1.1em;
}
*/

/* Styling untuk kode capaian */
.capaian {
  font-size: 0.85em;
  background-color: #e3f2fd;
  /* Biru sangat muda */
  color: #1565c0;
  /* Biru tua */
  padding: 2px 6px;
  border-radius: 4px;
  font-family: "Consolas", "Monaco", monospace;
  border: 1px solid #90caf9;
  font-weight: 500;
}

h3 .capaian {
  font-size: 0.85em;
  background-color: #e3f2fd;
  /* Biru sangat muda */
  color: #1565c0;
  /* Biru tua */
  padding: 2px 6px;
  border-radius: 4px;
  font-family: "Consolas", "Monaco", monospace;
  border: 1px solid #90caf9;
  font-weight: 500;
}

.tajuksaya {
    display: block;
    margin-bottom: 0.5em;
    font-size: 1.1em;
    font-weight: 700;
}