/* 取り込み文字起こし（Vision OCR Markdown）の表示スタイル */

.md-view {
  font-size: 13px;
  line-height: 1.75;
  color: #333;
  word-break: break-word;
}

.md-view > *:first-child { margin-top: 0; }
.md-view > *:last-child { margin-bottom: 0; }

.md-view h1,
.md-view h2,
.md-view h3,
.md-view h4,
.md-view h5,
.md-view h6 {
  margin: 18px 0 8px;
  font-weight: 600;
  line-height: 1.4;
  color: #1a1a1a;
}
.md-view h1 { font-size: 17px; }
.md-view h2 { font-size: 15px; }
.md-view h3 { font-size: 14px; }
.md-view h4,
.md-view h5,
.md-view h6 { font-size: 13px; color: #555; }

.md-view p { margin: 8px 0; }
.md-view ul,
.md-view ol { margin: 8px 0; padding-left: 22px; }
.md-view li { margin: 2px 0; }
.md-view hr { border: 0; border-top: 1px solid #e8e8e8; margin: 14px 0; }

.md-view blockquote {
  margin: 8px 0;
  padding: 4px 12px;
  border-left: 3px solid #d8d8d8;
  color: #666;
  background: #fafafa;
}

.md-view code {
  background: #f3f3f3;
  padding: 1px 4px;
  border-radius: 3px;
  font-size: 12px;
}
.md-view pre {
  background: #f6f6f6;
  border: 1px solid #e8e8e8;
  border-radius: 4px;
  padding: 10px 12px;
  overflow-x: auto;
}
.md-view pre code { background: none; padding: 0; }

/* --- 表 --- */
.md-table-wrap {
  overflow-x: auto;
  margin: 8px 0 14px;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
}
.md-view table {
  border-collapse: collapse;
  width: 100%;
  font-size: 12.5px;
  background: #fff;
}
.md-view th,
.md-view td {
  border: 1px solid #e8e8e8;
  padding: 5px 9px;
  text-align: left;
  vertical-align: top;
  white-space: pre-wrap;
}
.md-view th {
  background: #f5f7f8;
  font-weight: 600;
  color: #333;
  position: sticky;
  top: 0;
}
.md-view tbody tr:nth-child(even) td { background: #fcfcfc; }

/* --- ページ区切り / タイル位置 --- */
.md-pagemark {
  display: inline-block;
  margin: 20px 0 6px;
  padding: 2px 10px;
  background: #00838f;
  color: #fff;
  border-radius: 10px;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.02em;
}
.md-view > .md-pagemark:first-child { margin-top: 0; }

.md-tile {
  display: inline-block;
  margin: 12px 0 4px;
  padding: 1px 8px;
  background: #eceff1;
  color: #546e7a;
  border: 1px solid #dde3e6;
  border-radius: 10px;
  font-size: 11px;
  font-weight: 600;
}

.md-illegible {
  background: #fff3e0;
  color: #b26a00;
  border-radius: 3px;
  padding: 0 3px;
}

/* --- 表示切替・truncate 通知 --- */
.md-toolbar {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 8px;
}
.md-toggle {
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 3px 10px;
  font-size: 12px;
  cursor: pointer;
  color: #444;
}
.md-toggle:hover { background: #f2f2f2; }

.md-notice {
  margin: 12px 0 0;
  padding: 8px 12px;
  background: #fff8e1;
  border: 1px solid #ffe082;
  border-radius: 4px;
  font-size: 12px;
  color: #7a5c00;
  display: flex;
  align-items: center;
  gap: 10px;
}
.md-notice button {
  background: #fff;
  border: 1px solid #d6b656;
  border-radius: 4px;
  padding: 2px 10px;
  font-size: 12px;
  cursor: pointer;
  color: #7a5c00;
}

.md-raw {
  white-space: pre-wrap;
  word-break: break-all;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 12px;
  line-height: 1.7;
  color: #333;
}