.estimate-empty[hidden],
.estimate-content[hidden] {
    display: none !important;
}

@media (min-width: 851px) {
    .sell-hero {
        min-height: 0;
        grid-template-columns: minmax(0, 1fr) 230px;
        gap: 20px;
        padding: 16px 20px;
        border-radius: 16px;
    }

    .sell-copy {
        display: grid;
        grid-template-columns: max-content minmax(0, 1fr);
        align-items: center;
        gap: 6px 16px;
    }

    .sell-copy .sell-kicker {
        grid-column: 1;
    }

    .sell-copy h1 {
        grid-column: 1 / -1;
        margin: 2px 0 0;
        font-size: clamp(23px, 2.4vw, 31px);
        line-height: 1;
    }

    .sell-copy > p {
        grid-column: 1;
        max-width: 430px;
        font-size: 9px;
    }

    .sell-trust {
        grid-column: 2;
        grid-row: 3;
        justify-content: flex-end;
        margin-top: 0;
    }

    .sell-trust span {
        padding: 5px 7px;
        font-size: 7px;
    }

    .sell-summary {
        min-height: 82px;
        display: grid;
        grid-template-columns: auto 1fr;
        grid-template-rows: auto auto auto;
        align-content: center;
        gap: 0 9px;
        padding: 11px 13px;
        border-radius: 11px;
    }

    .sell-summary > span {
        grid-column: 1 / -1;
        font-size: 7px;
    }

    .sell-summary > strong {
        grid-row: 2 / 4;
        margin: 2px 0 0;
        font-size: 27px;
    }

    .sell-summary > small {
        align-self: end;
        font-size: 8px;
    }

    .sell-summary > div {
        display: flex;
        align-items: center;
        gap: 5px;
        margin: 1px 0 0;
        padding: 0;
        border: 0;
    }

    .sell-summary > div i {
        width: 5px;
        height: 5px;
        margin: 0;
    }

    .sell-summary > div b,
    .sell-summary > div time {
        font-size: 7px;
    }

    .server-panel {
        align-self: start;
    }

    .server-list {
        min-height: 0;
        max-height: 350px;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 6px;
    }

    .server-card {
        grid-template-columns: auto minmax(0, 1fr) auto;
        grid-template-rows: auto auto;
        gap: 2px 7px;
        min-height: 51px;
        padding: 7px 8px;
    }

    .server-avatar {
        grid-row: 1 / 3;
        width: 29px;
        height: 29px;
    }

    .server-identity {
        min-width: 0;
    }

    .server-identity b,
    .server-identity small {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .server-rate {
        grid-column: 2;
        grid-row: 2;
        display: flex;
        align-items: baseline;
        gap: 5px;
        min-width: 0;
        text-align: left;
    }

    .server-rate > small {
        display: none;
    }

    .server-rate > b {
        font-size: 10px;
    }

    .server-rate > i {
        font-size: 6px;
    }

    .availability {
        grid-column: 3;
        grid-row: 1 / 3;
        padding: 5px 6px;
        white-space: nowrap;
    }

    .server-arrow {
        display: none;
    }

    .sell-loading,
    .sell-empty {
        grid-column: 1 / -1;
        min-height: 118px;
    }
}

/* Readable microcopy while preserving the compact catalog and estimate. */
.sell-kicker,
.sell-summary > span,
.sell-summary > small,
.sell-summary > div b,
.sell-summary > div time,
.game-tabs small,
.market-search kbd,
.panel-head span,
.panel-head > small,
.server-identity small,
.server-rate > i,
.availability,
.chosen-server small,
.chosen-server > b,
.quantity-box > span,
.quantity-box > small,
.estimate-total span,
.estimate-total small,
.estimate-content > p {
    font-size: 10px;
}

.sell-copy > p,
.sell-trust span,
.game-tabs span,
.server-rate > b,
.estimate-empty span,
.sell-loading span,
.sell-empty span,
.sell-action {
    font-size: 11px;
}

.market-search input,
.currency-tabs button,
.chosen-server strong {
    font-size: 12px;
}

.sell-copy > p,
.sell-trust span,
.estimate-content > p {
    line-height: 1.35;
}

.server-identity b,
.server-rate > b {
    font-size: 13px;
}

.server-identity small {
    font-size: 11px;
}
