/* S Corporation Trust (QSST or ESBT) calculator. The cards, tiles, tables and callouts are RothConversion.css's rc-*
   classes; these are the page's own additions. */

.workspaceView .workspace-tab-pane-scroll.st-pane {
    align-items: stretch;
    padding: 0 0.6rem 1.25rem;
}

.st-section-title {
    font-size: 1rem;
    font-weight: 700;
    color: #181c32;
    margin: 1rem 0 0.5rem;
}

.st-checklist {
    padding-left: 1.1rem;
    font-size: 0.85rem;
    line-height: 1.5;
    color: #3d4a5c;
}

.st-checklist li {
    margin-bottom: 0.35rem;
}

/* ---------------------------------------------------------------- Inputs */

.st-inputs .st-group-head th {
    background: #eef4fb;
    font-weight: 600;
    text-align: left;
    padding: 0.3rem 0.5rem;
}

/* ---------------------------------------------------------------- Results */

.st-compare th.st-col {
    width: 24%;
}

.st-compare td:first-child {
    white-space: normal;
    min-width: 14rem;
}

.st-compare td.st-wrap {
    white-space: normal;
}

.st-where {
    display: block;
    font-size: 0.7rem;
    color: #6b7a8f;
}

/* Bootstrap's table cell colour outranks .rc-bad / .rc-good; restate them for these tables. */
.st-compare td.rc-bad,
.st-years td.rc-bad {
    color: #b42318;
}

.st-compare td.rc-good,
.st-years td.rc-good {
    color: #11753a;
}

/* The two elections side by side on the Elections tab. */
.st-choices {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
    margin-bottom: 0.5rem;
}

.st-choice {
    border: 1px solid #e4e8f0;
    border-radius: 10px;
    padding: 0.7rem 0.9rem 0.5rem;
    background: #fbfcfe;
}

.st-choice--ok {
    border-color: #b7e4c7;
    background: #f6fcf8;
}

.st-choice--no {
    border-color: #f1c4c0;
    background: #fff8f7;
}

.st-choice-head {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    font-weight: 700;
    color: #181c32;
    margin-bottom: 0.35rem;
}

.st-choice--ok .st-choice-head .bi {
    color: #11753a;
}

.st-choice--no .st-choice-head .bi {
    color: #b42318;
}

.st-choice-why {
    font-size: 0.82rem;
    color: #8a1f1f;
    margin: 0 0 0.35rem;
}

.st-list {
    padding-left: 1.05rem;
    margin: 0;
    font-size: 0.82rem;
    line-height: 1.45;
    color: #3d4a5c;
}

.st-list li {
    margin-bottom: 0.25rem;
}

/* Phones: one tile and one election per row, and let the row labels wrap so the figures fit. */
@container (max-width: 520px) {
    .st-summary .rc-tiles,
    .st-choices {
        grid-template-columns: minmax(0, 1fr);
    }

    .st-compare td:first-child {
        min-width: 0;
    }

    .st-compare td,
    .st-compare th {
        padding: 0.2rem 0.3rem;
        font-size: 0.75rem;
    }
}