.slide-page:has(.rg-title){max-width:none;padding:1.2rem 2.5vw 3.6rem;box-sizing:border-box}
.slide-page h1.rg-title{font-size:clamp(1.3rem,2.2vw,1.9rem);margin-bottom:1.2rem}

.rg{--rg-cols:6}
.rg__grid{display:grid;grid-template-columns:minmax(8rem,1.1fr) repeat(var(--rg-cols),1fr);gap:.5rem}
.rg__head{display:flex;align-items:flex-end;justify-content:center;text-align:center;padding:.3rem .4rem .5rem;
  font-size:clamp(.72rem,.95vw,1rem);line-height:1.25;font-weight:700;opacity:1}
.rg__event{display:flex;align-items:center;padding:.4rem .6rem;font-size:clamp(.8rem,1.05vw,1.1rem);
  font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:700}
.rg__cell{display:flex;align-items:center;justify-content:center;min-height:3.2rem;border-radius:10px;
  font-size:clamp(.8rem,1.05vw,1.1rem);font-weight:600;letter-spacing:.01em}
.rg__cell--corner{background:none;min-height:0}
.rg__cell--good{background:#4e9a63;color:#fff}
.rg__cell--mid{background:#e0b13c;color:#3a2f10}
.rg__cell--bad{background:#c4553f;color:#fff}

.rg__key{display:flex;align-items:center;gap:.45rem;margin-top:1.1rem;font-size:.85rem;opacity:.8;flex-wrap:wrap}
.rg__key .rg__swatch{width:1.1rem;height:1.1rem;border-radius:4px;display:inline-block}
.rg__key .rg__swatch:not(:first-child){margin-left:1.2rem}
.rg__err{opacity:.7}

@media (max-width:900px){
  .rg__grid{grid-template-columns:minmax(6rem,1fr) repeat(var(--rg-cols),1fr);gap:.3rem}
  .rg__cell{min-height:2.4rem}
}