/* --- 表（テーブル）のスタイル調整 --- */

/* article内のtable要素に適用 */
article table {
  width: 100%;                     /* 表の幅をコンテナの100%に */
  border-collapse: collapse;         /* 隣接するセルの線を1本にまとめる */
  margin-top: 1.5rem;                /* 表の上の余白 */
  margin-bottom: 1.5rem;             /* 表の下の余白 */
  box-shadow: 0 1px 3px rgba(0,0,0,0.06); /* さりげない影をつける（任意） */
}

/* 表のヘッダーセル（th）とデータセル（td）のスタイル */
article th,
article td {
  border: 1px solid #ddd;          /* 細い灰色の線を引く */
  padding: 0.75rem;                /* セル内の余白を広げて見やすくする */
  text-align: left;                /* 文字を左揃えに（Markdownの指定があれば上書きされる） */
  vertical-align: top;             /* セル内のコンテンツを上揃えに */
}

/* 表のヘッダー行（thead）のスタイル */
article thead th {
  background-color: #f7f7f7;        /* ヘッダー行の背景を薄い灰色に */
  font-weight: bold;               /* ヘッダーの文字を太字に */
}