/* Keep legacy nested character tables in the table layout model on small screens. */
body.go-layout #go-main .go-character-page .TableContainer table {
    display: table !important;
    width: 100% !important;
    table-layout: fixed !important;
    overflow: visible !important;
}
body.go-layout #go-main .go-character-page .TableContainer tbody { display: table-row-group !important; }
body.go-layout #go-main .go-character-page .TableContainer tr {
    display: table-row !important;
    height: auto !important;
}
body.go-layout #go-main .go-character-page .TableContainer td,
body.go-layout #go-main .go-character-page .TableContainer th {
    display: table-cell !important;
    height: auto !important;
    float: none !important;
    white-space: normal !important;
    overflow-wrap: normal;
    word-break: normal;
    vertical-align: middle;
}
body.go-layout #go-main .go-character-page .TableContainer .TableContent td {
    width: auto !important;
    padding: 7px 6px !important;
}
body.go-layout #go-main .go-character-page .CaptionContainer .Text {
    height: auto !important;
    display: flow-root;
}
body.go-layout #go-main .go-character-page .go-char-search input[name="name"] { min-width: 0 !important; max-width: 100%; box-sizing: border-box; }
body.go-layout #go-main .go-character-page .TableContent .go-flatbtn { min-width: 0; max-width: 100%; white-space: normal; box-sizing: border-box; padding: 6px 4px; }
body.go-layout #go-main .go-character-page .go-identity { overflow-wrap: anywhere; }
@media (max-width: 600px) {
    body.go-layout #go-main .go-character-page .InnerTableContainer { margin: 0; }
    body.go-layout #go-main .go-character-page .go-char-skills td {
        white-space: nowrap !important;
        padding: 3px 1px !important;
        font-size: clamp(8px, 2.3vw, 11px) !important;
    }
}