blockquote.callout {
  padding: 0;
  font-size: 0.9em;
}

.callout-body code {
    /* background-color: #e9e9e9; */
    color: #e74c3c !important;    
    padding: 0.1em 0.3em;
    border-radius: 4px;
}

.callout {
  border: 2px solid #d1d5db !important;
  border-radius: 12px;
  margin: 2em 0;
  overflow: hidden;
  background: #fff;
  box-shadow: none;
}

.callout-header {
  display: flex;
  align-items: center;
  gap: 0.5em;
  padding: 0.75em 1em;
  font-weight: bold;
  font-size: 1em;
  border-bottom: none;
}

.callout-body {
  padding: 1em;
  background: #fff;
  font-size: 1.05em;
}

.callout-body p {
	margin: 0;
}

/* Note */
.callout-note {
  border-color: #bdbdbd !important;
}
.callout-note .callout-header {
  background: #e0e0e0;
  color: #757575;
  font-weight: bold;
}
.callout-note .callout-body {
  background: #fafafa;
  color: #222;
}

/* Tip */
.callout-tip {
  border-color: #7dd6a7 !important;
}
.callout-tip .callout-header {
  background: #c6f3dd;
  color: #1c7c4e;
}
.callout-tip .callout-body {
  background: #f3fcf7;
}

/* Info */
.callout-info {
  border-color: #a6c8ff !important;
}
.callout-info .callout-header {
  background: #d7eaff;
  color: #2563c9;
}
.callout-info .callout-body {
  background: #f7faff;
}

/* Warning */
.callout-warning {
  border-color: #ffd59e !important;
}
.callout-warning .callout-header {
  background: #ffe9cc;
  color: #b97b1e;
}
.callout-warning .callout-body {
  background: #fff8ee;
}

/* Danger */
.callout-danger {
  border-color: #ffb3b3 !important;
}
.callout-danger .callout-header {
  background: #ffd6d6;
  color: #c62828;
}
.callout-danger .callout-body {
  background: #fff4f4;
}

/* Bug */
.callout-bug {
  border-color: #f48fb1 !important;
}
.callout-bug .callout-header {
  background: #ffe0ef;
  color: #b00020;
}
.callout-bug .callout-body {
  background: #fff5fa;
}

/* Example */
.callout-example {
  border-color: #b39ddb !important;
}
.callout-example .callout-header {
  background: #ede7f6;
  color: #6c47a6;
}
.callout-example .callout-body {
  background: #f8f5fc;
}

/* Quote */
.callout-quote {
  border-color: #bdbdbd !important;
}
.callout-quote .callout-header {
  background: #ededed;
  color: #757575;
  font-style: italic;
}
.callout-quote .callout-body {
  background: #fafafa;
}

/* Question */
.callout-question {
  border-color: #ffe082 !important;
}
.callout-question .callout-header {
  background: #fff3cd;
  color: #aa6c00;
}
.callout-question .callout-body {
  background: #fffbe7;
}

/* Check */
.callout-check {
  border-color: #a5d6a7 !important;
}
.callout-check .callout-header {
  background: #d0f5d8;
  color: #207144;
}
.callout-check .callout-body {
  background: #f4fff9;
}

/* Abstract */
.callout-abstract {
  border-color: #4dd0e1 !important;
}
.callout-abstract .callout-header {
  background: #c7f7fa;
  color: #0097a7;
}
.callout-abstract .callout-body {
  background: #f0fcfd;
}

/* Faq */
.callout-faq {
  border-color: #ffe082 !important;
}
.callout-faq .callout-header {
  background: #fff3cd;
  color: #aa6c00;
}
.callout-faq .callout-body {
  background: #fffbe7;
}

/* Todo */
.callout-todo {
  border-color: #90caf9 !important;
}
.callout-todo .callout-header {
  background: #e3f0fd;
  color: #1976d2;
}
.callout-todo .callout-body {
  background: #f7fbff;
}

/* Custom (예: 내 제목) */
.callout-custom {
  border-color: #1976d2 !important;
}
.callout-custom .callout-header {
  background: #f6fafd;
  color: #1976d2;
}
.callout-custom .callout-body {
  background: #fff;
}

/* 아이콘 스타일 */
.callout-header .callout-icon {
  font-size: 1.2em;
  margin-right: 0.4em;
  opacity: 0.85;
  display: flex;
  align-items: center;
}

