.johto-avatar { display: block; object-fit: cover; image-rendering: pixelated; border-radius: 10px; flex-shrink: 0; }
.johto-article-title { display: flex; gap: 20px; align-items: center; margin: 18px 0; }
.johto-article-title > .johto-avatar { width: 88px; height: 88px; }
.johto-article-title > div { min-width: 0; }
.johto-article-title h1 { margin: 0 0 10px; }
.johto-species-meta { color: var(--faq-muted, #7188a5); font-size: 13px; margin: 0; }
.faq-card-icon.johto-card-group { display: flex; width: auto; flex: 0 0 auto; gap: 3px; background: transparent; border-radius: 0; overflow: visible; }
.faq-card-icon.johto-card-group img { width: 28px; height: 28px; border-radius: 5px; }
.johto-table-pokemon { display: flex; align-items: center; gap: 10px; text-decoration: none; }
.johto-table-pokemon img { width: 48px; height: 48px; }
.johto-table-pokemon span[lang] { font-size: .85em; font-weight: 400; }
.johto-table { overflow-x: auto; margin: 1rem 0 1.7rem; }
.johto-table table { border-collapse: collapse; width: 100%; min-width: 540px; text-align: left; font-size: .94rem; line-height: 1.75; }
.johto-table th, .johto-table td { padding: .8rem; border-bottom: 1px solid var(--line, #ddd); vertical-align: top; }
.johto-table thead { background: var(--soft, #f4f3fa); }
.johto-table th:first-child { width: 28%; }
.johto-table td:nth-child(2) { white-space: nowrap; }
@media (max-width: 640px) {
  .johto-article-title { gap: 12px; align-items: flex-start; }
  .johto-article-title > .johto-avatar { width: 64px; height: 64px; }
  .johto-article-title h1 { font-size: 26px; }
  .johto-table { overflow: visible; }
  .johto-table table { min-width: 0; }
  .johto-table table, .johto-table tbody, .johto-table tr, .johto-table th, .johto-table td { display: block; width: 100%; }
  .johto-table thead { display: none; }
  .johto-table tr { border: 1px solid var(--line, #ddd); border-radius: 12px; margin-bottom: 1rem; padding: .5rem; background: #fff; }
  .johto-table th, .johto-table td { border: 0; padding: .4rem .5rem; }
  .johto-table th:first-child { width: 100%; font-size: 1.05rem; }
  .johto-table td::before { content: attr(data-label) '：'; font-weight: 700; }
}