@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&display=swap');


/* ===========================
   共通の目次スタイル
   =========================== */
.md-nav,
.md-toc {
  background-color: transparent !important;
  border-radius: 4px !important;
  padding: 15px !important;
  margin: 1.5rem 0 !important;
}

.md-nav__item,
.md-toc li {
  margin: 0.5rem 0 !important;
  list-style: none !important;
}

.md-nav__list,
.md-toc ul {
  padding-left: 0 !important;
  background-color: transparent !important;
}

.md-nav__link,
.md-toc a {
  text-decoration: none !important;
  font-weight: 500 !important;
  color: #ffffff !important;
}

/* ===========================
   ダークモード統一
   =========================== */
@media (prefers-color-scheme: dark) {
  /* ページ全体を白文字に */
  body,
  html,
  .md-container,
  .md-content,
  .md-typeset,
  .md-sidebar,
  .md-sidebar__inner,
  .md-nav,
  .md-nav__list,
  .md-nav__item,
  .md-nav__link,
  p,
  li,
  span,
  a,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  blockquote {
    color: white !important;
  }

  /* テーブルヘッダーテキスト（ダークモード） */
  table th,
  .md-typeset table th,
  .styled-table thead th,
  .md-typeset .styled-table thead th {
    color: #ffffff !important;
    background-color: #008859 !important;
  }

  /* テーブルボディテキスト（ダークモード） */
  table td,
  .md-typeset table td,
  .styled-table tbody tr td,
  .md-typeset .styled-table tbody tr td {
    color: white !important;
    background-color: #404040 !important;
  }

  /* 奇数行（ダークモード） */
  .styled-table tbody tr:nth-child(odd) {
    background-color: #4a4a4a !important;
    color: white !important;
  }

  /* 偶数行（ダークモード） */
  .styled-table tbody tr:nth-child(even) {
    background-color: #404040 !important;
    color: white !important;
  }

  /* ホバー時（ダークモード） */
  .styled-table tbody tr:hover {
    background-color: #505050 !important;
    color: white !important;
  }

  table tbody tr:hover {
    background-color: #505050 !important;
    color: white !important;
  }

  /* 通常の行（ダークモード） */
  table tbody tr,
  .md-typeset table tbody tr {
    color: white !important;
    background-color: #404040 !important;
  }

  /* 画像の枠線（ダークモード）*/
  .md-typeset img,
  .md-content img,
  article img,
  .md-typeset p img,
  p img,
  .md-typeset table img,
  table img,
  .md-typeset li img,
  li img,
  .image-center img,
  .image-left img,
  .image-right img {
    border: 2px solid #888888 !important;
    box-shadow: 0 2px 6px rgba(255, 255, 255, 0.15) !important;
  }
}