Most effective way to replace the "General, Music, Movies, Television" etc text with something custom?

I want to replace "Heroes" with "Youtubers" if possible

Hi hi!!! I know: The 6th one is the 'heros' one 🙂

<style>

table, th, td {

  border: 0px solid;

     }

:root {

  --topic1: "text here";

  --topic2: "text here";

  --topic3: "text here";

  --topic4: "text here";

  --topic5: "text here";

  --topic6: "text here";

  --topic7: "Text here";

 }

.table-section:not(last-child) .details-table tr td:first-child p{color:transparent !important;text-shadow: none !important;letter-spacing: -100px;}

.details-table tr td:first-child p::after{

color:var(--links) !important;

letter-spacing:normal !important;

text-shadow: 2px 2px black !important;

filter: brightness(95%) !important;

}

.table-section:not(last-child) .details-table tr:nth-child(1) td:first-child p::after{

  content: var(--topic1);

}

.table-section:not(last-child) .details-table tr:nth-child(2) td:first-child p::after{

  content: var(--topic2);

}

.table-section:not(last-child) .details-table tr:nth-child(3) td:first-child p::after{

  content: var(--topic3);

}

.table-section:not(last-child) .details-table tr:nth-child(4) td:first-child p::after{

  content: var(--topic4);

}

.table-section:not(last-child) .details-table tr:nth-child(5) td:first-child p::after{

  content: var(--topic5);

}

.table-section:not(last-child) .details-table tr:nth-child(6) td:first-child p::after{

  content: var(--topic6);

}

  .table-section:not(last-child) .details-table tr:nth-child(7) td:first-child p::after{

  content: var(--topic7);

}

</style>

banger code i  use it too!