Reddit wiki fixes by volkischexe

/* ==UserStyle==
@name           Reddit Wiki Fixes
@namespace      userstyles.world/user/volkischexe
@version        1.2.0
@description    Fixes bad styling used by subreddit wikis. Improves headings, tables, and the TOC.
@author         volkischexe
==/UserStyle== */

@-moz-document regexp("https://www.reddit.com/.+/wiki/.+") {
    /* Insert code here... */
    .md.wiki {
        TR *[align="center"] {
            text-align: center;
        }
        
        TR *[align="right"] {
            text-align: right;
        }

        THEAD TR, H1 {
            border-bottom: 2px solid var(--color-tone-2);
        }
        
        THEAD TR {
            background: var(--color-secondary-weak) !important;
        }
        
        TH {
            background: transparent;
            color: var(--color-tone-7);
        }

        TR:nth-child(even) {
            background: var(--color-tone-5);
        }

        TR:nth-child(odd) {
            background: var(--color-tone-4);
        }

        TBODY TR:hover {
            background: var(--color-tone-3);
            color: var(--color-tone-7);
        }
        
        H1, H2, H3, H4, H5, H6 {
            font-weight: bold;
            color: var(--color-tone-2);
        }
        
        H1 {
            padding-bottom: 1rem;
            font-size: 2rem;
        }
        
        H2 {
            font-size: 1.75rem;
        }
        
        H3 {
            font-size: 1.5rem;
        }
        
        H4 {
            font-size: 1.45rem;
        }
        
        H5 {
            font-size: 1.3rem;
        }
        
        H6 {
            font-size: 1.25rem;
        }
        
        .toc {
            max-height: 12rem;
            overflow: auto;
        }
    }
}