/* Scope every rule to this plugin's patterns. */
.wp-block-table.tomwbt-table {
    max-width: 100%;
    overflow-x: auto;
    margin: 1.5em 0;
    -webkit-overflow-scrolling: touch;
}

.wp-block-table.tomwbt-table > table {
    width: 100%;
    table-layout: fixed !important;
    border-collapse: collapse;
    font-size: inherit;
    line-height: 1.7;
}


.wp-block-table.tomwbt-table > table th,
.wp-block-table.tomwbt-table > table td {
    box-sizing: border-box;
    padding: 8px 10px;
    border: 1px solid #ddd;
    vertical-align: top;
    overflow-wrap: anywhere;
    word-break: normal;
}

.wp-block-table.tomwbt-table > table > thead { border-bottom: 0; }
.wp-block-table.tomwbt-table > table > thead th {
    background: #111;
    color: #fff;
    text-align: left;
    font-weight: 700;
}

.wp-block-table.tomwbt-table > table tr > :first-child {
    width: 124px !important;
    min-width: 124px;
    padding: 8px 10px !important;
    text-align: center;
}

.wp-block-table.tomwbt-table > table tr > :nth-child(2) { width: 140px; }

.wp-block-table.tomwbt-table > table tr > :first-child img {
    display: inline-block;
    box-sizing: content-box;
    width: 100px !important;
    min-width: 100px !important;
    max-width: none !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0;
    vertical-align: middle;
}

/* Building upgrades: larger icons, with space reserved for effect text. */
.wp-block-table.tomwbt-table.tomwbt-table--building > table {
    min-width: 640px;
}

.wp-block-table.tomwbt-table.tomwbt-table--building > table tr > :first-child {
    width: 124px !important;
    min-width: 124px;
}

.wp-block-table.tomwbt-table.tomwbt-table--building > table tr > :nth-child(4) {
    width: 92px;
    text-align: center;
}

.wp-block-table.tomwbt-table.tomwbt-table--building > table tr > :first-child img {
    width: 100px !important;
    min-width: 100px !important;
}