/* eiketsu/style.css — 英傑一覧・個別ページ専用スタイル */
.breadcrumb { margin: 0 0 16px; font-size: 13px; color: #6b7280; }
.breadcrumb-list { list-style: none; display: flex; flex-wrap: wrap; gap: 4px; padding: 0; margin: 0; }
.breadcrumb-item:not(:last-child)::after { content: "›"; margin-left: 4px; color: #9ca3af; }
.breadcrumb-item a { color: #1d4ed8; text-decoration: none; }
.breadcrumb-item a:hover { text-decoration: underline; }
.breadcrumb-item[aria-current="page"] { color: #374151; }

.section-lead { color: #374151; line-height: 1.7; margin-bottom: 20px; }

.eiketsu-search-wrap { margin-bottom: 24px; }
.eiketsu-search-input { width: 100%; max-width: 320px; padding: 8px 12px; border: 1px solid #d1d5db; border-radius: 6px; font-size: 14px; }

.eiketsu-job-group { margin-bottom: 28px; }
.eiketsu-job-group h2 { font-size: 16px; font-weight: 700; color: #1f2937; margin: 0 0 10px; border-bottom: 1px solid #e5e7eb; padding-bottom: 6px; }
.eiketsu-list { list-style: none; display: grid; grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); gap: 6px 12px; padding: 0; margin: 0; }
.eiketsu-list-item a { color: #1d4ed8; text-decoration: none; font-size: 14px; }
.eiketsu-list-item a:hover { text-decoration: underline; }

.eiketsu-hero { text-align: center; padding: 32px 16px 24px; background: linear-gradient(180deg,#f9fafb 0%, #fff 100%); border-radius: 12px; margin-bottom: 28px; }
.eiketsu-hero-category { font-size: 12px; color: #6b7280; letter-spacing: .08em; text-transform: uppercase; margin: 0 0 8px; }
.eiketsu-hero-title { font-size: clamp(24px,4vw,36px); font-weight: 700; color: #1f2937; margin: 0 0 8px; }
.eiketsu-hero-sub { color: #6b7280; margin: 0 0 16px; }
.eiketsu-updated { font-size: 12px; color: #9ca3af; margin-top: 8px; }

.factor-chip-list { display: flex; flex-wrap: wrap; gap: 6px; justify-content: center; }
.factor-chip { background: #dbeafe; color: #1e3a8a; border-radius: 999px; padding: 3px 12px; font-size: 13px; }

.eiketsu-section { margin-bottom: 32px; }
.eiketsu-section h2 { font-size: 18px; font-weight: 700; color: #1f2937; margin: 0 0 12px; }
.eiketsu-section h3 { font-size: 15px; font-weight: 700; color: #374151; margin: 16px 0 8px; }

.eiketsu-stat-tables { display: flex; flex-wrap: wrap; gap: 24px; }
.eiketsu-stat-table { border-collapse: collapse; }
.eiketsu-stat-table caption { text-align: left; font-size: 13px; color: #6b7280; margin-bottom: 6px; }
.eiketsu-stat-table th, .eiketsu-stat-table td { border: 1px solid #e5e7eb; padding: 6px 14px; font-size: 14px; text-align: left; }
.eiketsu-stat-table th { background: #f9fafb; font-weight: 500; color: #4b5563; }

.train-skill-list, .related-bond-list, .partner-list { list-style: none; padding: 0; margin: 0; }
.train-skill-list li, .partner-list li { padding: 4px 0; border-bottom: 1px solid #f3f4f6; font-size: 14px; }
.related-bond-item { padding: 8px 0; border-bottom: 1px solid #f3f4f6; font-size: 14px; }
.related-bond-item .bond-name { font-weight: 700; color: #1d4ed8; text-decoration: none; }
.related-bond-item .bond-name:hover { text-decoration: underline; }
.related-bond-item .bond-match { color: #6b7280; font-size: 12px; margin-left: 6px; }
.related-bond-item .bond-effect { display: block; color: #374151; font-size: 13px; margin-top: 2px; }

.skill-desc { line-height: 1.8; color: #374151; }
.section-empty { color: #9ca3af; font-size: 14px; }
.eiketsu-cta { display: flex; flex-direction: column; gap: 6px; }
.eiketsu-cta a { color: #1d4ed8; text-decoration: none; }
.eiketsu-cta a:hover { text-decoration: underline; }