/* Page-specific: filter chips, weight chips, search, profile card */
  .filter-chip { transition: background-color 0.25s ease, color 0.25s ease; cursor: pointer; }
  .filter-chip:hover { background-color: #dedad4; color: #1a1c20; }
  .filter-chip.active { background-color: #1a1c20; color: #f7f5f2; }
  .filter-chip.active:hover { background-color: #1a1c20; color: #f7f5f2; }
  .weight-chip { transition: color 0.2s ease; cursor: pointer; position: relative; }
  .weight-chip::after { content: ''; position: absolute; bottom: -2px; left: 0; width: 0; height: 1px; background-color: #1a1c20; transition: width 0.25s ease; }
  .weight-chip:hover::after { width: 100%; }
  .weight-chip:hover { color: #2d3338; }
  .weight-chip:focus-visible { outline: 2px solid #bb152c; outline-offset: 2px; }
  .weight-chip.active { color: #2d3338; font-weight: 500; }
  .weight-chip.active::after { width: 100%; background-color: #bb152c; }
  .fight-history-row { transition: background-color 0.25s ease; }
  .fight-history-row:hover { background-color: rgba(26,28,20,0.04); }
  .next-fight-link:hover { background-color: rgba(187,21,44,0.08); }
  .profile-card { transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.3s cubic-bezier(0.16, 1, 0.3, 1); }
  .search-input { transition: background-color 0.25s ease, box-shadow 0.25s ease; }
  .search-input:focus { background-color: rgba(255,255,255,0.12); box-shadow: 0 0 0 1px rgba(187, 21, 44, 0.3); outline: none; }
  #ufc-rankings-banner { max-height: 0; overflow: hidden; opacity: 0; transition: max-height 0.35s cubic-bezier(0.16,1,0.3,1), opacity 0.25s ease; }
  #ufc-rankings-banner.visible { max-height: 60px; opacity: 1; }
  .ranking-tab { cursor: pointer; transition: color 0.2s ease, border-color 0.2s ease; border-bottom: 1.5px solid transparent; padding-bottom: 1px; }
  .ranking-tab:hover { color: #2d3338; }
  .ranking-tab.active { color: #2d3338; font-weight: 600; border-bottom-color: #bb152c; }
  .pagination-btn { transition: background-color 0.2s ease, color 0.2s ease; }
  .pagination-btn:disabled { opacity: 0.3; cursor: default; }

  /* Profile card — left column dark */
  .fighter-profile-left {
    background: #191b1e;
    border-right: 1px solid rgba(255,255,255,0.06);
  }
  @media (max-width: 1023px) {
    .fighter-profile-left {
      border-right: none;
      border-bottom: 1px solid rgba(255,255,255,0.06);
    }
  }

  /* Profile photo + rankings stack on very small screens */
  @media (max-width: 400px) {
    .fighter-photo-rankings {
      flex-direction: column !important;
      align-items: center !important;
    }
  }

  /* Fight history rows mobile */
  @media (max-width: 479px) {
    .fight-history-row {
      padding-left: 0.5rem !important;
      padding-right: 0.5rem !important;
    }
  }