/* The Reviews page (/reviews). It wears Browse Coverage's .mk- panel and .bc-
   cards (css/marketplace.css, css/browsecoverage.css); what is here is only
   what a member review adds. See includes/memberreviewbrowse.php. */

.mrb-lede {
    margin: 0 0 14px;
    padding: 0 5px;
    color: var(--text-soft, #6b6b6b);
}

#reviews-page-content.is-loading .mk-list {
    opacity: .5;
    transition: opacity .15s;
}

.mrb-source {
    color: var(--brand, #d4a017);
}

/* The opening of the review: five lines, then the button reads the rest. */
.mrb-excerpt {
    display: -webkit-box;
    -webkit-line-clamp: 5;
    line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.mrb-member {
    width: 100%;
}

/* The whole review in its dialog: left-aligned, like the report it is. */
.mrb-popup .swal2-html-container {
    text-align: left;
    margin: 10px 0 0;
    max-height: 70vh;
    overflow-y: auto;
}

.mrb-dialog {
    padding: 0 6px 6px;
}