#mybb-custom-tables-source {
    display: none;
}

#mybb-custom-tables {
    max-width: 1180px;
    margin: 18px auto;
}

.mybb-header-table {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
}

.mybb-table-card {
    min-height: 92px;
    padding: 12px 14px;

    background: rgba(20, 23, 29, .58);
    border: 1px solid rgba(255, 255, 255, .10);
    color: rgba(255, 255, 255, .72);
}

.mybb-table-card h2 {
    margin: 0 0 9px;

    color: rgba(255, 255, 255, .88);
    font: 700 11px/1.2 Arial, sans-serif;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.mybb-table-card p,
.mybb-table-card ul {
    margin: 0;
    padding: 0;
}

.mybb-table-card li {
    margin: 0 0 4px;
    padding: 0;

    list-style: none;
}

.mybb-announcements {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;

    margin-top: 10px;
}

.mybb-announcements a {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 0 12px;

    background: rgba(20, 23, 29, .42);
    border: 1px solid rgba(255, 255, 255, .10);
    color: rgba(255, 255, 255, .72);
    text-decoration: none;
}

.mybb-announcements a:hover {
    color: rgba(255, 255, 255, .92);
    border-color: rgba(255, 255, 255, .22);
}

@media (max-width: 840px) {
    .mybb-header-table {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 560px) {
    .mybb-header-table {
        grid-template-columns: 1fr;
    }
}