/*
 * Extras for the public content pages (how to play, modes, categories ...).
 * Loaded after /legal/_style.css, which supplies the colours, type and layout.
 */
.sitenav {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 6px;
  margin: 0 0 28px;
  font-size: 14px;
}

.sitenav a {
  padding: 6px 12px;
  border: 1px solid var(--border);
  border-radius: 999px;
  color: var(--dim);
  text-decoration: none;
}

.sitenav a:hover { color: var(--text); border-color: var(--gold); }
.sitenav a[aria-current="page"] { color: var(--gold); border-color: var(--gold); }

.article ul { padding-left: 22px; }
.article li { margin: 6px 0; }
.meta { font-size: 14px; color: var(--dim); margin-top: -4px; }

.cta { margin: 44px 0 0; }

.cta__btn {
  display: inline-block;
  padding: 14px 22px;
  border-radius: 12px;
  background: var(--gold);
  color: #1b1303;
  font-weight: 800;
  text-decoration: none;
}

.cta__btn:hover { filter: brightness(1.08); }
.cta__btn:focus-visible { outline: 2px solid var(--text); outline-offset: 3px; }