/* 見出しのジャンプ率を上げる */
h1 {
  font-size: 2.2rem;
  margin-top: 0.5em;
  margin-bottom: 0.25rem;
}

h2 {
  font-size: 1.8rem;
  margin-top: 3rem;
  margin-bottom: 0.25rem;
}

h3 {
  font-size: 1.35rem;
  margin-top: 2rem;
  margin-bottom: 0.25rem;
}

/* 見出しの # を階層に合わせる */
h2::before {
  content: '## ';
}

h3::before {
  content: '### ';
}

h4::before {
  content: '#### ';
}

/* 見出し直後の要素は詰める */
h1 + *,
h2 + *,
h3 + *,
h4 + * {
  margin-top: 1.0rem;
}

/* ナビゲーション：左寄せ、テーマ切替：右寄せ */
#nav-bar {
  justify-content: flex-start;
}

.theme-toggle {
  margin-left: auto;
}

/* 段落の字下げ */
p {
  text-indent: 1em;
}