/* #/review/<place>/<id> (js/pages/review.js): one review, highlighted, with how to reply and the reviews like it. */
.rvo { display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr); gap: var(--gap); align-items: start; }
.rvo-main { min-width: 0; }
.rvo-main .rcard { padding: 22px 24px; gap: 12px; }
.rvo-main .rcard-text { font-size: 17px; line-height: 1.8; }
.rvo-side { display: flex; flex-direction: column; gap: var(--gap); min-width: 0; }
.rvo-card { gap: 12px; }
.rvo-card .card-title-main .ph { font-size: 18px; color: var(--ac); }
.rvo-facts { display: flex; flex-direction: column; gap: 8px; font-size: var(--fs-meta); color: var(--muted); }
.rvo-facts > span { display: flex; align-items: center; gap: 8px; }
.rvo-facts .ph { font-size: 16px; color: var(--muted-2); }
.rvo-links { display: flex; flex-direction: column; gap: 6px; }
.rvo-link { justify-content: space-between; background: var(--card-2); height: 44px; font-size: var(--fs-meta); }
.rvo-link .ph { font-size: 15px; opacity: .7; }

@media (max-width: 1099px) {
  .rvo { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 700px) {
  .rvo-main .rcard { padding: 16px 18px; }
  .rvo-main .rcard-text { font-size: var(--fs-body); }
}