/* ---- Page-specific (interview / connecting) ---- */
.card__interviewee {
  font-size: 13px; font-weight: 400; color: var(--text); letter-spacing: .06em; margin-bottom: 4px;
}
.card__role {
  font-size: 11px; color: var(--text-muted); letter-spacing: .06em; margin-bottom: 10px;
}

@media (max-width: 768px) {
  .cat-hero__inner { padding: 36px var(--pad-sp) 28px; flex-direction: column; align-items: flex-start; gap: 0; }
  .cat-hero__en { font-size: 59px; margin-bottom: -16px; }
  .cat-hero__ja { font-size: 27px; }
  .cat-hero__desc { font-size: 14px; }
  .filter-bar { top: 52px; }
  .filter-bar__inner { padding: 12px var(--pad-sp); }
  .sort-bar { padding: 14px var(--pad-sp); flex-wrap: wrap; gap: 10px; }
  .article-grid-wrap { padding: 0 var(--pad-sp); }
  .article-grid { grid-template-columns: repeat(2, 1fr); }
  .pagination { padding: 28px var(--pad-sp); }
}

@media (max-width: 480px) {
  .cat-hero__en { font-size: 44px; }
  .cat-hero__ja { font-size: 23px; }
  .article-grid { grid-template-columns: 1fr; gap: 12px; }
}