.hbw-opponent-facts {
    padding: 1rem;
    border-top: 3px solid #df1b2f;
    background: #f3f5f6;
    color: #07304f;
}

.hbw-opponent-facts__eyebrow {
    margin: 0 0 .25rem;
    color: #df1b2f;
    font-family: 'open_sansbold', Arial, sans-serif;
    font-size: .68rem;
    letter-spacing: .09em;
    text-transform: uppercase;
}

.hbw-opponent-facts h2 {
    margin: 0;
    color: #07304f;
    font-family: 'open_sansbold', Arial, sans-serif;
    font-size: 1.15rem;
    line-height: 1.15;
}

.hbw-opponent-facts dl {
    margin: .85rem 0 0;
}

.hbw-opponent-facts dl > div {
    padding: .65rem 0;
    border-top: 1px solid #c8d3d9;
}

.hbw-opponent-facts dt,
.hbw-opponent-facts__kits small {
    color: #687984;
    font-family: 'open_sansbold', Arial, sans-serif;
    font-size: .62rem;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.hbw-opponent-facts dd {
    margin: .18rem 0 0;
    font-family: 'open_sanssemibold', Arial, sans-serif;
    font-size: .82rem;
    line-height: 1.35;
}

.hbw-opponent-facts dd a {
    display: grid;
    gap: .2rem;
    color: inherit;
    text-decoration: none;
}

.hbw-opponent-facts dd a small {
    color: #064f88;
    font-size: .65rem;
}

.hbw-opponent-facts dd a:hover small,
.hbw-opponent-facts dd a:focus-visible small {
    color: #df1b2f;
}

.hbw-opponent-facts dd a:focus-visible {
    outline: 2px solid #064f88;
    outline-offset: 3px;
}

.hbw-opponent-facts__kits {
    margin-top: .7rem;
    padding-top: .8rem;
    border-top: 1px solid #c8d3d9;
}

.hbw-opponent-facts__kits h3 {
    margin: 0 0 .55rem;
    color: #07304f;
    font-family: 'open_sansbold', Arial, sans-serif;
    font-size: .8rem;
}

.hbw-opponent-facts__kits > div {
    display: grid;
    gap: .4rem;
}

.hbw-opponent-facts__kits article {
    display: grid;
    gap: .12rem;
    padding: .55rem .65rem;
    border-left: 3px solid #687984;
    background: #fff;
}

.hbw-opponent-facts__kits strong {
    font-family: 'open_sanssemibold', Arial, sans-serif;
    font-size: .76rem;
}