h2 {
  margin-top: 3rem;  /* ←ここで調整（好みで変更） */
}

h3 {
  margin-top: 2.5rem;  /* ←ここで調整（好みで変更） */
}

h4 {
  margin-top: 2.5rem;  /* ←ここで調整（好みで変更） */
}

/* rubric（装飾段落）の調整 */
p.rubric {
  margin-top: 2.5rem;
  margin-bottom: 0.5rem;
}

li {
  margin-bottom: 0.7rem;
}


p + div[class^="highlight-"] {
  margin-top: 0.1rem;   /* 文章1との距離を縮める */
  margin-bottom: 1.5rem; /* 文章2との距離を広げる */
}