/* Tailwind CSS 기본 스타일 무력화 및 Markdown 스타일링 */

/* 목록 스타일 복원 */
.ai-message ol, .ai-message ul {
  list-style: disc; /* 기본 목록 스타일을 복원 */
  margin: 1em 0;    /* 기본 마진을 설정 */
  padding: 0 1.5em; /* 기본 패딩을 설정 */
}

.ai-message li {
  margin-bottom: 0.25em;
}

/* 코드 블록 스타일링 */
.ai-message pre {
  background-color: #f4f4f4;
  border: 1px solid #ddd;
  border-left: 3px solid #f36d33;
  color: #666;
  page-break-inside: avoid;
  font-family: monospace;
  font-size: 15px;
  line-height: 1.6;
  margin: 1.6em 0; /* 상, 하단 여백 추가 */
  max-width: 100%;
  overflow: auto;
  padding: 1em 1.5em;
  display: block;
  word-wrap: break-word;
}

/* 인라인 코드 스타일링 */
.ai-message code {
  background-color: #f4f4f4;
  border-radius: 3px;
  font-family: monospace;
  padding: 0.2em 0.4em;
}

/* 제목 스타일링 */
.ai-message h1, .ai-message h2, .ai-message h3, .ai-message h4, .ai-message h5, .ai-message h6 {
  margin-top: 24px;
  margin-bottom: 16px;
  font-weight: 600;
  line-height: 1.25;
}

.ai-message h1 { font-size: 2em; border-bottom: 1px solid #eaecef; }
.ai-message h2 { font-size: 1.5em; border-bottom: 1px solid #eaecef; }
.ai-message h3 { font-size: 1.25em; }
.ai-message h4 { font-size: 1em; }
.ai-message h5 { font-size: 0.875em; }
.ai-message h6 { font-size: 0.85em; color: #6a737d; }

/* 인용구 스타일링 */
.ai-message blockquote {
  border-left: 4px solid #dfe2e5;
  color: #6a737d;
  padding: 0 1em;
  margin: 0 0 16px;
}

/* 목록 스타일링 */
.ai-message ul, .ai-message ol {
  padding-left: 2em;
  margin-bottom: 16px;
}

/* 표 스타일링 */
.ai-message table {
  border-collapse: collapse;
  margin-bottom: 16px;
  width: 100%;
}

.ai-message table th, .ai-message table td {
  border: 1px solid #dfe2e5;
  padding: 6px 13px;
}

.ai-message table tr:nth-child(2n) {
  background-color: #f6f8fa;
}

/* 이미지 스타일링 */
.ai-message img {
  max-width: 100%;
  box-sizing: content-box;
  background-color: #fff;
}

/* 수평선 스타일링 */
.ai-message hr {
  height: 0.25em;
  padding: 0;
  margin: 24px 0;
  background-color: #e1e4e8;
  border: 0;
}

/* 링크 스타일링 */
.ai-message a {
  color: #0366d6;
  text-decoration: none;
}

.ai-message a:hover {
  text-decoration: underline;
}

/* 문단 스타일링 */
.ai-message p {
  line-height: 1.8; /* 라인 간격을 넓혀 가독성 향상 */
  margin: 1em 0; /* 문단 상하단 여백 설정 */
}