@charset "UTF-8";
/* ===== EigoMark 記事ページ追加スタイル ===== */

/* 本文テーブル: チャコールヘッダー + ゼブラ + 角丸 + スリム行。
   JIN:R 標準 (.wp-block-table) の黒グリッド表を上書きする。
   style-footer.css は wp_footer で後から読まれるため、同 specificity だと
   後勝ちされる。本文テーブルは必ず #postContent 内なので id でスコープし、
   specificity を上げて確実に上書きする。 */
#postContent .wp-block-table {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
#postContent .wp-block-table table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  border: 1px solid #E5E3DD;
  border-radius: 10px;
  overflow: hidden; /* 角丸をセルにも効かせる */
  background: #fff;
  font-size: 1.45rem;
  letter-spacing: 0.04rem;
  line-height: 1.6;
}
#postContent .wp-block-table th,
#postContent .wp-block-table td {
  padding: 12px 16px;
  border: 0;
  border-bottom: 1px solid #ECEAE3; /* 横罫線のみ。縦グリッドは撤去 */
  text-align: left;
  vertical-align: middle;
}
#postContent .wp-block-table td p,
#postContent .wp-block-table th p {
  margin: 0;
  line-height: 1.6;
}
/* ヘッダー行 (thead 無し・先頭行が <th>) */
#postContent .wp-block-table th {
  background: #2B2D2E;
  color: #fff;
  font-weight: 700;
  border-bottom: 0;
  white-space: nowrap;
}
/* ゼブラ (データ行) */
#postContent .wp-block-table tbody tr:nth-child(2n) td {
  background: #FAFAF7;
}
/* 最終行の下線を消して角丸と馴染ませる */
#postContent .wp-block-table tbody tr:last-child td {
  border-bottom: 0;
}

@media (max-width: 551px) {
  #postContent .wp-block-table th,
  #postContent .wp-block-table td {
    padding: 10px 12px;
  }
  #postContent .wp-block-table table {
    font-size: 1.35rem;
  }
}