h3, h4, h5, h6 {
    margin-top: 20px;
}

/* メイン見出し：Playdate本体の黄橙を強調 */
h3 {
  color: #7a4b00; /* 濃い黄土寄り文字色 */
  padding: 0.5em 0;
  border-top: solid 3px #f5b51b;   /* Playdate風イエローオレンジ */
  border-bottom: solid 3px #f5b51b;
}

/* サブ見出し：薄いパープルのカバー色をアクセントに */
h4 {
  padding: 0.4em 0.5em;
  color: #4b3f72;                  /* 落ち着いた紫グレー */
  background: #faf7ff;             /* うっすらラベンダー背景 */
  border-left: solid 5px #c8b6ff;  /* Playdateカバー風ラベンダー */
  border-bottom: solid 3px #e6def7;
}

/* 小見出し：黄色系のワンポイント */
h5 {
  position: relative;
  padding-left: 1.6em;
  line-height: 1.4;
  color: #5c4a1a;
  border-bottom: solid 1px #f0ddb0; /* 薄い黄系ライン */
}

h5:before {
  font-family: "Font Awesome 5 Free";
  content: "\f001";
  font-weight: 900;
  position: absolute;
  font-size: 1em;
  left: 0;
  top: 0.05em; /* 元の top: 2; は単位不足なので修正 */
  color: #f5b51b; /* Playdate本体色 */
}

/* dt の音符も黄橙に寄せる */
dt::before {
    content: "♪ ";
    font-size: 1.2em;
    margin-right: 5px;
    color: #e9a900;
}



pre {
  background-color: #f9f9f9; /* 背景色 */
  color: black;          /* 文字色 */
  border-radius: 5px;    /* 角丸 */
  padding: 10px;         /* 内側の余白 */
  font-size: 12px;       /* フォントサイズ */
}