/* ReGame It single posts: top image, info bar, final verdict card, related posts */
.rgi-post {
  --rgi-primary: #00833f;
  --rgi-secondary: #0f253a;
  --rgi-text: #15202a;
  --rgi-muted: #64717b;
  --rgi-border: #e2e8e5;
  --rgi-soft: #f5f8f6;
  font-family: inherit;
}
.rgi-post, .rgi-post * { box-sizing: border-box; }
.rgi-post a { text-decoration: none; }

/* Top image */
.rgi-hero-image { position: relative; margin: 0 0 20px; overflow: hidden; border-radius: 18px; background: var(--rgi-secondary); box-shadow: 0 12px 34px rgba(15,37,58,.14); }
.rgi-hero-image img { display: block; width: 100%; height: auto; max-height: 560px; aspect-ratio: 16 / 9; object-fit: cover; }
.rgi-hero-image .rgi-tag { top: 16px; right: 16px; padding: 6px 14px; font-size: 13px; }
.rgi-hero-image .rgi-score { bottom: 16px; left: 16px; padding: 8px 16px; border-radius: 10px; font-size: 24px; }

/* Info bar */
.rgi-post-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 16px; margin: 0 0 24px; padding: 0 0 14px; border-bottom: 1px solid var(--rgi-border); color: var(--rgi-muted); font-size: 14px; line-height: 1.6; }
.rgi-post-meta__tag { padding: 4px 13px; border-radius: 6px; color: #fff; font-size: 13px; font-weight: 800; background: var(--rgi-primary); }
.rgi-post-meta__item a { color: var(--rgi-secondary); font-weight: 750; }
.rgi-post .rgi-chip { padding: 3px 10px; border: 1px solid var(--rgi-border); border-radius: 6px; background: var(--rgi-soft); color: var(--rgi-secondary); font-size: 12.5px; font-weight: 750; }

/* Final verdict card */
.rgi-scorecard { --tone: var(--rgi-primary); margin: 40px 0; overflow: hidden; border: 1px solid var(--rgi-border); border-radius: 18px; background: #fff; box-shadow: 0 10px 30px rgba(15,37,58,.08); }
.rgi-scorecard--good { --tone: #1f7a8c; }
.rgi-scorecard--mid { --tone: #c27c0e; }
.rgi-scorecard--low { --tone: #b3261e; }
.rgi-scorecard__top { display: grid; grid-template-columns: 170px minmax(0, 1fr); align-items: stretch; }
.rgi-scorecard__num { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; padding: 26px 12px; background: var(--tone); color: #fff; text-align: center; }
.rgi-scorecard__num strong { font-size: 58px; line-height: 1; font-weight: 850; direction: ltr; }
.rgi-scorecard__num span { font-size: 14px; opacity: .92; }
.rgi-scorecard__head { display: flex; flex-direction: column; justify-content: center; gap: 8px; padding: 22px 28px; }
.rgi-scorecard__kicker { color: var(--rgi-muted); font-size: 13px; font-weight: 750; }
.rgi-scorecard__head h3 { margin: 0; color: var(--tone); font-size: clamp(26px, 3.2vw, 38px); line-height: 1.3; font-weight: 850; }
.rgi-scorecard__bar { height: 10px; overflow: hidden; border-radius: 999px; background: var(--rgi-soft); }
.rgi-scorecard__bar span { display: block; height: 100%; border-radius: inherit; background: var(--tone); }
.rgi-scorecard__sum { padding: 20px 28px; border-top: 1px solid var(--rgi-border); }
.rgi-scorecard__sum h4, .rgi-proscons h4 { margin: 0 0 10px; color: var(--rgi-secondary); font-size: 18px; line-height: 1.4; font-weight: 850; }
.rgi-scorecard__sum p { margin: 0; color: var(--rgi-text); font-size: 16.5px; line-height: 2; }
.rgi-proscons { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); border-top: 1px solid var(--rgi-border); }
.rgi-proscons > div { padding: 20px 28px; }
.rgi-proscons > div:only-child { grid-column: 1 / -1; }
.rgi-pros { background: #f2faf5; }
.rgi-cons { background: #fdf4f3; }
.rgi-pros h4 { color: #00733a; }
.rgi-cons h4 { color: #b3261e; }
.rgi-proscons ul { margin: 0; padding: 0; list-style: none; }
.rgi-proscons li { position: relative; margin: 0 0 8px; padding-right: 26px; color: var(--rgi-text); font-size: 15.5px; line-height: 1.8; }
.rgi-proscons li::before { position: absolute; top: 0; right: 0; font-weight: 850; }
.rgi-pros li::before { content: "\2713"; color: #00833f; }
.rgi-cons li::before { content: "\2715"; color: #b3261e; }
.rgi-scorecard__plats { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; padding: 16px 28px; border-top: 1px solid var(--rgi-border); color: var(--rgi-muted); font-size: 14px; }

/* Related */
.rgi-related.rgi-home { margin: 40px 0 0; padding: 28px 0 0 !important; border-top: 1px solid var(--rgi-border); background: transparent !important; }
.rgi-related__title { margin: 0 0 18px; color: var(--rgi-secondary); font-size: clamp(20px, 2.2vw, 28px); line-height: 1.4; font-weight: 850; }

@media (max-width: 640px) {
  .rgi-hero-image { margin-bottom: 14px; border-radius: 14px; }
  .rgi-hero-image .rgi-tag { top: 10px; right: 10px; font-size: 12px; padding: 4px 10px; }
  .rgi-hero-image .rgi-score { bottom: 10px; left: 10px; padding: 5px 12px; font-size: 18px; }
  .rgi-post-meta { gap: 6px 12px; font-size: 13px; }
  .rgi-scorecard { margin: 28px 0; border-radius: 14px; }
  .rgi-scorecard__top { grid-template-columns: 104px minmax(0, 1fr); }
  .rgi-scorecard__num { padding: 16px 6px; }
  .rgi-scorecard__num strong { font-size: 38px; }
  .rgi-scorecard__head { padding: 14px 16px; }
  .rgi-scorecard__sum, .rgi-proscons > div, .rgi-scorecard__plats { padding: 16px; }
  .rgi-scorecard__sum p { font-size: 15px; }
  .rgi-proscons { grid-template-columns: minmax(0, 1fr); }
  .rgi-proscons li { font-size: 14.5px; }
}