MediaWiki:Characters-Section.css

.segment.section-characters .segment .segment-header {
    place-content: start;
    place-items: center;
    display: inline-flex;
    gap: 0.5rem;
    font-size: 1.05rem;
    padding: 0 .25rem;
    border-radius: 0;
}

.segment.section-characters .segment .segment-headers {
    transform: skew(-10deg);
}

.section-characters .image-wrap {overflow:hidden; position: relative!important}

.section-characters .segment .segment-header a, .section-characters .segment .segment-header .image-cropped {
    transform: skew(10deg);
}

.section-characters .segment {
    margin: 0;
}

.section-characters .segment-header a {
    color: #fff!important;
    text-shadow: 1px 1px 1px #000;
    overflow: hidden;
}

.section-characters > .segment-contents > .mw-collapsible-content {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(250px,1fr));
    gap: 0.25rem;
}

.section-characters .mw-collapsible-toggle a {
    display: none!important;
}

.section-characters .image-wrap img {
    width: calc(512px * 0.75);
    height: auto;
}

.section-characters .image-cropped {
    width: 81px!important;
    height: 46px!important;
    margin-left: -11px;
}

.mw-content-ltr .section-characters .segment > .mw-collapsible-toggle::after {
    content: "";
    display: block;
    width: 15px;
    height: 15px;
    background-position: center;
    background-size: contain;
}

.section-characters > .segment-contents .segment-contents {
    padding: 0;
}

.section-characters .arrow {
    display: inline-block;
    transform: rotate(90deg);
    position: relative;
    bottom: 5px;
}

.section-characters .segment > .mw-collapsible-toggle:hover {
    background-color: rgba(0,0,0,.25);
}

.section-characters .segment a {
    font-weight: 500;
    word-break: break-word;
}

.mw-content-ltr .section-characters .mw-collapsible-toggle {
    top: 10px;
    right: 10px;
    z-index: 2;
}

.section-characters .segment table a, .section-characters td {
    font-size: .7rem;
}

.section-characters table {
    margin-bottom: 1.15rem;
}

.section-characters > .segment-headers {
    display: none!important;
}

.section-characters > .segment-contents {
    border: 0!important;
}

.section-characters .segment .segment-header .image-wrap a {
    transform: skew(0deg);
}