/* 답변 글의 생김새 — 목록 들여쓰기, 문단 간격, 코드·표·수식.
 *
 * 채팅 화면과 공유 화면이 **같은 글을 같게** 보여야 하므로 여기 한 곳에 둔다.
 * 예전에는 채팅 CSS 안에만 있어, 공유본이 같은 HTML 을 다른 간격으로 그렸다.
 *
 * 쓰는 쪽은 말풍선에 .summet-msg__bubble--md 를 붙인다.
 */
/* 봇 응답 마크다운 */
.summet-msg__bubble--md {
  font-size: calc(0.9375rem * var(--summet-chat-font-scale, 1));
  line-height: 1.6;
}

.summet-msg__bubble--md p {
  margin: 0 0 0.65em;
}

.summet-msg__bubble--md p:last-child {
  margin-bottom: 0;
}

.summet-msg__bubble--md h1,
.summet-msg__bubble--md h2,
.summet-msg__bubble--md h3 {
  margin: 0.85em 0 0.4em;
  font-size: 1.05em;
  font-weight: 600;
  line-height: 1.3;
}

.summet-msg__bubble--md h1:first-child,
.summet-msg__bubble--md h2:first-child,
.summet-msg__bubble--md h3:first-child {
  margin-top: 0;
}

.summet-msg__bubble--md ul,
.summet-msg__bubble--md ol {
  margin: 0.35em 0 0.65em;
  padding-left: 1.35em;
}

.summet-msg__bubble--md li {
  margin: 0.25em 0;
}

.summet-msg__bubble--md pre {
  margin: 0.5em 0;
  padding: 10px 12px;
  border-radius: 10px;
  overflow-x: auto;
  font-size: 0.84em;
  background: rgba(0, 0, 0, 0.06);
  border: 1px solid var(--summet-chat-composer-border);
}

[data-theme="dark"] .summet-msg__bubble--md pre {
  background: rgba(255, 255, 255, 0.06);
}

.summet-msg__bubble--md code {
  font-family: ui-monospace, "Cascadia Code", "Segoe UI Mono", monospace;
  font-size: 0.9em;
}

.summet-msg__bubble--md p code,
.summet-msg__bubble--md li code {
  padding: 0.12em 0.35em;
  border-radius: 6px;
  background: rgba(0, 0, 0, 0.06);
}

[data-theme="dark"] .summet-msg__bubble--md p code,
[data-theme="dark"] .summet-msg__bubble--md li code {
  background: rgba(255, 255, 255, 0.08);
}

.summet-msg__bubble--md pre code {
  padding: 0;
  background: none;
}

.summet-msg__bubble--md strong {
  font-weight: 600;
}

.summet-msg__bubble--md blockquote {
  margin: 0.5em 0;
  padding-left: 0.85em;
  border-left: 3px solid var(--text-muted);
  color: var(--text-muted);
}

/* KaTeX (챗봇 마크다운 수식). 넓은 수식은 제 칸에서 가로로 구르는데, 가로로 구르는 칸은 세로로도
   자른다. 분수·첨자·시그마의 위아래 글자는 KaTeX 상자 밖으로 몇 px 삐져나오므로(실측 4~6px) 칸 안쪽에
   위아래 여백을 두어 그 글자가 잘리지 않게 한다. 바깥 여백은 그만큼 줄여 줄 간격은 그대로다. */
.summet-msg__bubble--md .katex-display {
  margin: 0.3em 0;
  padding: 0.45em 0;
  overflow-x: auto;
  overflow-y: hidden;
  max-width: 100%;
}

.summet-msg__bubble--md .katex {
  font-size: 1em;
}

.summet-msg__bubble--md p .katex-display {
  margin: 0.5em 0;
}

/* 터미널·코드 실행. 한 줄로 접혀 있고, 누르면 요청이 펼쳐진다. */
.summet-term {
  margin: 0.45em 0;
  border: 1px solid var(--border, rgba(255, 255, 255, 0.12));
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.03);
}

.summet-term__sum {
  cursor: pointer;
  list-style: none;
  padding: 8px 12px;
  font-size: 14px;
  line-height: 1.45;
}

.summet-term__sum::-webkit-details-marker { display: none; }

.summet-term__title::after {
  content: " ›";
  opacity: 0.7;
}

.summet-term[open] .summet-term__title::after {
  content: " ⌄";
}

.summet-term__label {
  padding: 0 12px 4px;
  font-size: 12px;
  letter-spacing: 0.02em;
  color: var(--text-muted);
}

.summet-term pre {
  margin: 0 8px 8px;
}