#content {
    --color-high:rgba(var(--color-bglight));
    --color-neutral:rgba(var(--color-bgdark));
    --color-fade:rgba(var(--color-textdark));
}

#article.dark #content {
    --color-high:rgba(var(--color-theme));
    --color-neutral:rgba(var(--color-textlight));
    --color-fade:rgba(var(--color-textdark));
}

#content {
    padding-bottom: 100px;
}


#content *,
#content {
    color:var(--color-neutral)
}

#content table {
    width: 100%;
    margin:20px 0;
}

#content thead {
    backdrop-filter: brightness(150%);
    font-weight: bold;
}

#content .edit-tableSide td:first-child {    
    backdrop-filter: brightness(150%);
    font-weight: bold;
}

#content tr:nth-child(even) {
    backdrop-filter: brightness(90%);
}

#content td {
    padding: 10px 20px;
}

#content .edit-tablegroup td:first-child {
    font-style: italic;
    font-weight: bold;
    padding: 10px;
}

#content .container {
    backdrop-filter: brightness(150%);
    padding:20px;
    max-width: none;
    margin:20px 0;
}

#content high {
    font-weight: bold;
}

#content * {
    line-height: 1.5;
}

#content .dice {
    display:inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    border: 1px solid rgba(var(--color-bglight));
    backdrop-filter: brightness(150%);
    padding:9px 14px 5px;
}

#content .center {
    text-align: center;
}

#content .strong {
    font-weight: bold;
}

#content table.center-1 td:nth-child(1) {text-align: center;}
#content table.center-2 td:nth-child(2) {text-align: center;}
#content table.center-3 td:nth-child(3) {text-align: center;}
#content table.center-4 td:nth-child(4) {text-align: center;}
#content table.center-5 td:nth-child(5) {text-align: center;}

#content table.right-1 td:nth-child(1) {text-align: right;}
#content table.right-2 td:nth-child(2) {text-align: right;}
#content table.right-3 td:nth-child(3) {text-align: right;}
#content table.right-4 td:nth-child(4) {text-align: right;}
#content table.right-5 td:nth-child(5) {text-align: right;}

#content fade,
#content fade * {
    color: var(--color-fade)
}

#content high,
#content high * {
    color: var(--color-high)
}