@import url("/eiketsu/style.css");
/* tsukumo/kijin — SEO個別ページ・一覧ページ共通スタイル */
.item-article { max-width: 900px; margin: 0 auto; }
.item-meta-table, .item-stat-table { width: 100%; max-width: 640px; border-collapse: collapse; margin: 0 0 20px; }
.item-meta-table th, .item-meta-table td, .item-stat-table th, .item-stat-table td { border: 1px solid #e5e7eb; padding: 8px 12px; font-size: 14px; text-align: left; }
.item-meta-table th, .item-stat-table th { width: 34%; background: #f9fafb; color: #4b5563; font-weight: 500; }
.item-stat-table caption { padding: 0 0 6px; color: #6b7280; font-size: 13px; text-align: left; }
.item-stat-tables { display: flex; flex-wrap: wrap; gap: 24px; }
.item-stat-tables .item-stat-table { flex: 1 1 280px; }
.item-list { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 8px 16px; }
.item-list-item { min-width: 0; }
.item-list-item a { color: #1d4ed8; text-decoration: none; font-size: 14px; }
.item-list-item a:hover { text-decoration: underline; }
.item-list-meta { display: block; color: #6b7280; font-size: 12px; line-height: 1.5; }
.related-bond-list { list-style: none; padding: 0; margin: 0; }
.related-bond-item { padding: 8px 0; border-bottom: 1px solid #f3f4f6; }
.related-bond-item .bond-name { color: #1d4ed8; font-weight: 700; text-decoration: none; }
.related-bond-item .bond-name:hover { text-decoration: underline; }
.tsukumo-groups-heading { margin-top: 32px; }
.stats-table-wrap { overflow-x: auto; margin: 0 0 24px; border: 1px solid #e5e7eb; border-radius: 6px; }
.stats-table { width: 100%; border-collapse: collapse; font-size: 13px; white-space: nowrap; }
.stats-table th, .stats-table td { padding: 6px 10px; border-bottom: 1px solid #f3f4f6; text-align: right; }
.stats-table th:nth-child(-n+3), .stats-table td:nth-child(-n+3) { text-align: left; }
.stats-table thead th { background: #f9fafb; color: #4b5563; font-weight: 500; white-space: nowrap; }
.stats-table thead th.sortable-header { cursor: pointer; user-select: none; }
.stats-table thead th.sortable-header:hover { background: #f3f4f6; }
.stats-table tbody tr:hover { background: #fafafa; }
.stats-table td a { color: #1d4ed8; text-decoration: none; }
.stats-table td a:hover { text-decoration: underline; }
.stats-table-loading { text-align: center; color: #6b7280; padding: 16px; }
@media (max-width: 640px) {
  .item-stat-tables { display: block; }
  .item-stat-table { margin-bottom: 16px; }
  .item-list { grid-template-columns: 1fr; }
}