/* 共通スタイル */
blockquote[data-admonition] {
  padding: .8em 1em;
  border-radius: 6px;
  margin: 1.2em 0;
}

/* タイトル行：最初の <p> に絵文字を付ける */
blockquote[data-admonition] > p:first-child::before {
  font-weight: bold;
  margin-right: .4em;
}

/* NOTE */
blockquote[data-admonition="note"] {
  background: #f0f6ff;
  border-left: 4px solid #0969da;
}
blockquote[data-admonition="note"] > p:first-child::before {
  content: "📝";
}

/* WARNING */
blockquote[data-admonition="warning"] {
  background: #ffebe9;
  border-left: 4px solid #d1242f;
}
blockquote[data-admonition="warning"] > p:first-child::before {
  content: "⚠️";
}

/* TIP */
blockquote[data-admonition="tip"] {
  background: #dafbe1;
  border-left: 4px solid #1a7f37;
}
blockquote[data-admonition="tip"] > p:first-child::before {
  content: "💡";
}

/* IMPORTANT */
blockquote[data-admonition="important"] {
  background: #fbefff;
  border-left: 4px solid #8250df;
}
blockquote[data-admonition="important"] > p:first-child::before {
  content: "❗";
}