/*
 * Seditor Preview Theme: Step-Down Professional
 * theme.css のデザインに合わせた見出しスタイル。
 * アクセントカラー: rgb(22, 162, 33)
 * 角丸なし（Sharp）
 */

/* --- 共通: 全見出し --- */
.markdown-preview-view h1,
.markdown-preview-view h2,
.markdown-preview-view h3,
.markdown-preview-view h4,
.markdown-preview-view h5,
.markdown-preview-view h6 {
  border-left-style: solid;
  border-top: none;
  margin-left: 0;
  padding-top: 0.2em;
  padding-bottom: 0.4em;
  margin-top: 1.5em;
  line-height: 1.3;
  border-radius: 0 !important;
  transition: all 0.2s ease;
}

/* --- h1 --- */
.markdown-preview-view h1 {
  font-size: 1.8em;
  font-weight: 700;
  color: var(--text-normal);
  border-left-width: 8px;
  border-left-color: var(--interactive-accent);
  padding-left: 0.5em;
  border-bottom: 2px solid var(--background-modifier-border);
}

/* --- h2 --- */
.markdown-preview-view h2 {
  font-size: 1.6em;
  font-weight: 600;
  color: var(--text-normal);
  border-left-width: 6px;
  border-left-color: var(--interactive-accent);
  margin-top: 2em;
  padding-left: 0.8em;
  border-bottom: 1px solid var(--background-modifier-border);
}

/* --- h3 --- */
.markdown-preview-view h3 {
  font-size: 1.4em;
  font-weight: 600;
  color: var(--text-normal);
  border-left-width: 4px;
  border-left-color: var(--interactive-accent);
  padding-left: 1.1em;
  border-bottom: 1px dotted var(--text-faint);
}

/* --- h4 --- */
.markdown-preview-view h4 {
  font-size: 1.2em;
  font-weight: 600;
  color: var(--text-normal);
  border-left-width: 3px;
  border-left-color: var(--text-faint);
  padding-left: 1.4em;
  border-bottom: 1px dotted var(--text-faint);
}

/* --- h5 --- */
.markdown-preview-view h5 {
  font-size: 1.1em;
  font-weight: 500;
  color: var(--text-muted);
  border-left-width: 2px;
  border-left-color: var(--text-muted);
  padding-left: 1.7em;
  margin-top: 1.0em;
  border-bottom: none;
}

/* --- h6 --- */
.markdown-preview-view h6 {
  font-size: 1.0em;
  font-weight: 500;
  color: var(--text-muted);
  border-left-width: 2px;
  border-left-color: var(--text-muted);
  padding-left: 2.0em;
  margin-top: 1.0em;
  border-bottom: none;
}

/* Hover Effect (h1, h2) */
.markdown-preview-view h1:hover,
.markdown-preview-view h2:hover {
  background: linear-gradient(to right,
      var(--background-modifier-hover),
      transparent);
}