.compare-table-wrap {
    overflow-x: auto;
    margin-bottom: 2rem;
    border-radius: 6px;
    border: 1px solid #1a1a1a;
}

.compare-table {
    width: 100%;
    border-collapse: collapse;
    font-size: .88rem;
}

.compare-table thead tr {
    border-bottom: 2px solid #222;
}

.compare-table th {
    padding: .9rem .8rem;
    text-align: left;
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.col-feat  { width: 22%; color: #444; }
.col-state { width: 39%; color: #888; }
.col-mafia { width: 39%; color: #7a3a3a; }

.compare-table td {
    padding: .7rem .8rem;
    border-bottom: 1px solid #141414;
    vertical-align: top;
    line-height: 1.6;
}

td.feat  { color: #444; font-size: .8rem; }
td.state { color: #999; }
td.mafia { color: #a06060; }

.compare-table tbody tr:hover td { background: #0e0e0e; }

.sep-row td { background: #0a0a0a !important; }
.sep-label {
    font-size: .68rem;
    font-weight: 700;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: #333;
    padding: .6rem .8rem !important;
}

.tag-legal {
    background: #0a1a0a;
    border: 1px solid #1a3a1a;
    color: #4a8a4a;
    font-size: .75rem;
    padding: .15rem .5rem;
    border-radius: 3px;
    white-space: nowrap;
}
.tag-illegal {
    background: #1a0a0a;
    border: 1px solid #3a1a1a;
    color: #8a4a4a;
    font-size: .75rem;
    padding: .15rem .5rem;
    border-radius: 3px;
    white-space: nowrap;
}
.tag-no {
    background: #1a0a0a;
    border: 1px solid #3a1a1a;
    color: #cc4444;
    font-size: .75rem;
    padding: .15rem .5rem;
    border-radius: 3px;
}
.tag-maybe {
    background: #1a1500;
    border: 1px solid #3a3000;
    color: #aa8833;
    font-size: .75rem;
    padding: .15rem .5rem;
    border-radius: 3px;
}