Template:Unicode chart Kana Supplement/styles.css

.UnicodeKanaSupplementChart tr:not([lang|=en]):not([lang|=mul]) td:not([lang|=en]):not([lang|=mul]) {
    font-family: 'Yu Gothic UI', 'Yu Gothic', 'IPAmjMincho', 'BabelStone Han', 'Hanazono Mincho A', 'HanaMinA', 'Noto Serif Hentaigana', 'Sukima Gothic', 'Nishiki-teki', sans-serif;
}
.UnicodeKanaSupplementChart {
    border-collapse:collapse;
    background-color: #fff;
    color: var(--color-base,#202122);
    font-size:large;
    text-align:center;
}

.UnicodeKanaSupplementChart th {
    background:#F8F8F8;
    font-size:small;
    font-weight: normal; /* This deviates from standard header formatting, because ...... */
}

.UnicodeKanaSupplementChart tr:nth-child(2) th {
    width:20pt;
}

.UnicodeKanaSupplementChart tr:last-child th {
    text-align:left;
}

@media screen {
    html.skin-theme-clientpref-night .UnicodeKanaSupplementChart {
        background-color: var(--background-color-neutral-subtle, #000)
    }
    html.skin-theme-clientpref-night .UnicodeKanaSupplementChart th {
        background-color: var(--background-color-neutral, #eaecf0)
    }
}
@media screen and (prefers-color-scheme: dark) {
    html.skin-theme-clientpref-os .UnicodeKanaSupplementChart {
        background-color: var(--background-color-neutral-subtle, #000)
    }
    html.skin-theme-clientpref-os .UnicodeKanaSupplementChart th {
        background-color: var(--background-color-neutral, #eaecf0)
    }
}