.reviews { display: grid; grid-template-columns: 240px minmax(0, 1fr); gap: 28px; align-items: start; }
.score { display: grid; gap: 6px; justify-items: start; padding: 20px; background: var(--surface); border: 1px solid var(--border); border-radius: var(--r-lg); box-shadow: var(--shadow-sm); }
.score-number { font-family: var(--font-display); font-size: 3.4rem; font-weight: 800; line-height: 1; letter-spacing: -0.04em; }
.dist { list-style: none; padding: 0; margin: 10px 0 0; width: 100%; display: grid; gap: 4px; font-size: .8rem; color: var(--text-2); }
.dist li { display: grid; grid-template-columns: 12px 1fr 22px; gap: 8px; align-items: center; }
.dist .bar { height: 8px; background: var(--surface-3); border-radius: 99px; overflow: hidden; }
.dist .bar span { display: block; height: 100%; background: var(--star); border-radius: 99px; }
.review-list { list-style: none; padding: 0; margin: 0; display: grid; gap: 10px; }
.review-list li { display: grid; gap: 8px; padding: 14px 16px; background: var(--surface); border: 1px solid var(--border); border-radius: var(--r-md); }
.review-form { background: var(--surface); border: 1px solid var(--border); border-radius: var(--r-lg); padding: 18px; }
.review-head { display: flex; justify-content: space-between; align-items: center; gap: 12px; flex-wrap: wrap; }
@media (max-width: 960px) { .reviews { grid-template-columns: 1fr; } }

.review-remove { margin-left: auto; }