/* TASK-1131: «Other casinos we have reviewed» — the A–Z logo grid under every casino review on new, the same component
   as the registry /online-casinos (TASK-1094, registry.css .crl): the same values, scoped to .rv-crl so the registry
   keeps its own rules (registry.css was held by TASK-1126's overlay; merging the two copies is a later step).
   Owner's tokens only (--line, --purple, --purple-soft, --purple-deep); columns 2 / 4 (container ≥ 600) / 6 (≥ 960). */
.rv-crl { container-type: inline-size; margin-top: 36px; }
.rv-crl .crl h2 { scroll-margin-top: 112px; }
.prose.rv-crl .crl ul { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin: 12px 0 10px; padding: 0; list-style: none; }
.prose.rv-crl .crl li { margin: 0; }
.rv-crl .crl a { position: relative; display: grid; place-items: center; height: 64px; padding: 8px 10px; background: var(--surface); border: 1px solid var(--line); border-radius: 12px; }
.rv-crl .crl a:hover { border-color: var(--purple); }
.prose.rv-crl .crl img { max-width: 100%; max-height: 46px; width: auto; object-fit: contain; border-radius: 0; }
.rv-crl .crl .ph { display: none; place-items: center; width: 40px; height: 40px; border-radius: 10px; background: var(--purple-soft); color: var(--purple-deep); font-size: 15px; font-weight: 800; }
.rv-crl .crl a.is-ph .ph { display: grid; }
.prose.rv-crl .crl a.is-ph img { position: absolute; width: 1px; height: 1px; overflow: hidden; opacity: 0; }
.prose.rv-crl .crl .more { margin: 0; }
.rv-crl .crl .more a { display: inline-flex; align-items: center; min-height: 44px; font-weight: 800; }
.rv-crl .crl a:focus-visible { outline: 3px solid var(--purple); outline-offset: 2px; }
@container (min-width: 600px) { .prose.rv-crl .crl ul { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@container (min-width: 960px) { .prose.rv-crl .crl ul { grid-template-columns: repeat(6, minmax(0, 1fr)); } }