.review-summary {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin: 1rem auto;
}

.review-summary__rating-summary {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    max-width: 50rem;
    margin: .25em;
}

.review-summary__row {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.review-summary__star {
    width: 1.5em;
}

.review-summary__comment-count {
    margin-top: 2rem;
    border-bottom: 0.1rem solid var(--bg-c);
    box-shadow: 0 1.1rem 0.5rem -0.5rem var(--shadow);
    width: 85vw;
    min-width: 14rem;
    text-align: center;
}

.review-summary__histogram-container {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    padding-bottom: 0;
    margin-bottom: 0.5rem;
    border-bottom: 0.1rem solid var(--fg-a);
}

.review-summary__histogram {
    display: inline-flex;
    flex-direction: column;
    justify-content: flex-end;
    /* to match the spacing of the stars: width + (xmargin)*2 = star width */
    width: 1em;
    margin: 0 .25em;
    background-color: var(--fg-a);
}

.edit-review__warning {
    max-width: 25rem;
    text-align: center;
}

.review-summary__histogram--0 { height: 0.00em; }
.review-summary__histogram--1 { height: 0.15em; }
.review-summary__histogram--2 { height: 0.30em; }
.review-summary__histogram--3 { height: 0.45em; }
.review-summary__histogram--4 { height: 0.60em; }
.review-summary__histogram--5 { height: 0.75em; }
.review-summary__histogram--6 { height: 0.90em; }
.review-summary__histogram--7 { height: 1.05em; }
.review-summary__histogram--8 { height: 1.20em; }
.review-summary__histogram--9 { height: 1.35em; }
.review-summary__histogram--10 { height: 1.50em; }

.review-summary__comment {
    margin: .75em .25em .75em .25em;
}

#review-header {
    margin: 1rem auto;
}

.review-target-nav {
    display: flex;
    flex-direction: column;
    gap: 1em;
}

/* FIXME I ADMIT i also used .review-target-nav here so that margin overrides the c_button/c_button_small classes... should do that better (multiple common button classes?) */
.review-target-nav .review-target-nav__button {
    margin: 0 auto;
}