/* /reviews/ — one game at a time. Loaded by templates/pages/reviews.html only; tokens and the
   review card / summary / pager come from sight.css, the game picker and the filter chips
   from picker.css. */

.page-head--tight{padding-bottom:clamp(20px,2.4vw,30px);border-bottom:0}
.page-head--tight h1{font-size:clamp(30px,3.2vw,48px)}
.page-head--tight p{color:var(--moon-dim);opacity:1;font-size:.94em}

/* ───────── inside the game ───────── */
.rgame{padding-top:clamp(28px,3.4vw,48px)}
.rgame-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:20px clamp(28px,4vw,64px);align-items:center;margin-bottom:clamp(22px,2.6vw,32px)}
.rgame-head h2{font-size:clamp(28px,2.8vw,42px);text-wrap:balance}
.rgame-head .rsum{margin:0}
.rgame-link{display:inline-flex;align-items:center;gap:10px;margin-top:14px;font-family:var(--label);font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--moon-dim);text-decoration:none;transition:color .3s}
.rgame-link:hover{color:var(--sight)}
.rgame-link .arr,.rgroup-go .arr{display:inline-block;width:16px;height:1px;background:currentColor;position:relative}
.rgame-link .arr::after,.rgroup-go .arr::after{content:"";position:absolute;right:0;top:-3px;width:6px;height:6px;border-top:1px solid currentColor;border-right:1px solid currentColor;transform:rotate(45deg)}

.rfilter-on{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin-bottom:18px;font-family:var(--label)}
.rfilter-on .on{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#0b1018;background:var(--sight-gold);padding:4px 10px}
.rfilter-on .reset{font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--moon-dim);text-underline-offset:4px}
.rfilter-on .reset:hover{color:var(--sight)}

.rgroup{padding-top:clamp(18px,2vw,26px)}
.rgroup + .rgroup{margin-top:clamp(18px,2vw,26px);border-top:1px solid var(--rule)}
.rgroup-h{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin-bottom:14px;font-family:var(--label);font-size:14px;color:var(--moon-dim)}
.rgroup-h h3{font-size:clamp(20px,1.7vw,24px)}
.rgroup-h h3 a{text-decoration:none;transition:color .3s}
.rgroup-h h3 a:hover{color:var(--sight)}
.rgroup-go{display:inline-flex;align-items:center;gap:10px;margin-left:auto;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--moon-dim);text-decoration:none;transition:color .3s}
.rgroup-go:hover{color:var(--sight)}

@media (max-width:960px){
  .rgame-head{grid-template-columns:minmax(0,1fr)}
}

@media (max-width:640px){
  .rgroup-go{margin-left:0}
}