/* Reviews pages: cards, cover art, score list. Builds on mesa/strata.css. */

.rv-cover { margin: 0 0 26px; }
.rv-cover img { display: block; width: 100%; height: auto; border-radius: var(--sj-r); border: 2px solid var(--sj-ink); box-shadow: 8px 8px 0 var(--sj-sand); }
.rv-cover figcaption { font-size: 0.82rem; color: var(--sj-ink-soft); margin-top: 8px; }

.rv-verdict { font-size: 1.08rem; background: #fbf4e7; border-left: 4px solid var(--sj-gold); padding: 12px 16px; border-radius: 0 var(--sj-r) var(--sj-r) 0; }

.rv-scores { list-style: none; margin: 0 0 1em; padding: 0; display: grid; gap: 8px; }
.rv-scores li { background: #fbf4e7; border: 1px solid var(--sj-line); border-radius: var(--sj-r); padding: 10px 14px; }
.rv-scores span { display: block; font-size: 0.78rem; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: var(--sj-rust-2); }

.rv-sources { font-size: 0.95rem; }

.rv-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 22px; margin-top: 26px; }
.rv-card { display: grid; background: #fbf4e7; border: 1px solid var(--sj-line); border-radius: var(--sj-r); overflow: hidden; color: inherit; text-decoration: none; transition: transform 0.18s var(--sj-ease), box-shadow 0.18s; }
.rv-card:hover { transform: translateY(-3px); box-shadow: 6px 6px 0 var(--sj-sand); color: inherit; }
.rv-card img { display: block; width: 100%; height: auto; aspect-ratio: 460 / 215; object-fit: cover; border-bottom: 1px solid var(--sj-line); background: var(--sj-sand); }
.rv-card__body { padding: 16px 18px 18px; }
.rv-card h2 { font-size: 1.3rem; margin-bottom: 6px; }
.rv-card p { margin: 0 0 0.6em; color: var(--sj-ink-soft); font-size: 0.95rem; }
.rv-card__meta { font-size: 0.82rem; font-weight: 600; color: var(--sj-rust); margin: 0; }

@media (max-width: 700px) {
  .rv-grid { grid-template-columns: 1fr; }
}