/* --- Results table section --- */
    .results-section {
      width: 100%;
      padding-top: 4rem;
      margin-bottom: 2rem;
      border-top: 1px solid rgba(255,255,255,0.08);
    }
    .results-label {
      font-size: 0.7rem; font-weight: 700; text-transform: uppercase;
      letter-spacing: 4px; color: rgba(255,255,255,0.35);
      font-family: 'Inter', sans-serif; margin: 0 0 1.5rem 0;
    }
    .results-overview {
      font-size: 1rem; line-height: 1.75; color: rgba(255,255,255,0.55);
      max-width: 680px; margin: 0 0 3rem 0; font-family: 'Inter', sans-serif;
    }
    .results-overview strong { color: rgba(255,255,255,0.9); font-weight: 600; }

    /* Tab navigation */
    .sus-tabs {
      display: flex; gap: 6px; margin-bottom: 1.5rem;
    }
    .sus-tab-btn {
      padding: 7px 16px;
      background: transparent;
      border: 1px solid rgba(255,255,255,0.15);
      border-radius: 3px;
      cursor: pointer;
      font-size: 0.75rem; font-weight: 600;
      text-transform: uppercase; letter-spacing: 1px;
      color: rgba(255,255,255,0.4);
      font-family: 'Inter', sans-serif;
      transition: all 0.2s ease;
    }
    .sus-tab-btn:hover { border-color: rgba(255,255,255,0.35); color: rgba(255,255,255,0.8); }
    .sus-tab-btn.active {
      background: #FF5C8D; border-color: #FF5C8D;
      color: #111;
    }

    /* Table */
    .sus-table-wrapper {
      border: 1px solid rgba(255,255,255,0.1);
      border-radius: 4px;
      overflow-x: auto;
    }
    .sus-table {
      width: 100%; border-collapse: collapse;
      text-align: left; white-space: nowrap;
      font-family: 'Inter', sans-serif;
    }
    .sus-table th {
      padding: 14px 16px;
      border-bottom: 1px solid rgba(255,255,255,0.08);
      font-weight: 600; font-size: 0.7rem;
      text-transform: uppercase; letter-spacing: 1px;
      color: rgba(255,255,255,0.35);
    }
    .sus-table td {
      padding: 12px 16px;
      border-bottom: 1px solid rgba(255,255,255,0.06);
      font-size: 0.85rem; vertical-align: middle;
      color: rgba(255,255,255,0.75);
    }
    .sus-table tbody tr:hover td { background: rgba(255,255,255,0.03); }
    .sus-table tbody tr:last-child td { border-bottom: none; }
    .sus-table .participant-col { font-weight: 600; color: #fff; }
    .sus-table .final-score { font-weight: 600; color: #fff; }

    /* Score heatmap blocks — white-to-yellow scale on dark bg */
    .score-block {
      display: inline-flex; align-items: center; justify-content: center;
      width: 26px; height: 26px; border-radius: 3px;
      font-size: 0.8rem; font-weight: 600;
    }
    .heat-5 { background: #FF5C8D; color: #111; }
    .heat-4 { background: rgba(255,255,255,0.65); color: #111; }
    .heat-3 { background: rgba(255,255,255,0.3); color: #fff; }
    .heat-2 { background: rgba(255,255,255,0.1); color: rgba(255,255,255,0.6); }
    .heat-1 { background: transparent; color: rgba(255,255,255,0.3); border: 1px solid rgba(255,255,255,0.12); box-sizing: border-box; }

    @keyframes fadeSlideUp {
      from { opacity: 0; transform: translateY(8px); }
      to   { opacity: 1; transform: translateY(0); }
    }
    .fade-in-row { opacity: 0; animation: fadeSlideUp 0.35s ease-out forwards; }