.nav__site-links {
  grid-area: nav__site-links;
  background-color: green;
  margin: 5px;
  /*width: min-content;*/
  /*width: auto;*/
  border-radius: 6px;
  box-shadow: 5px 5px 5px;
    @media (width < 1200px) {
  width: auto;
    }
}

.nav__site-links--title {
  text-align: center;
  font-size: clamp(1rem, 1.5vw, 1.75rem);
  background-color: #600000;
  color: yellow;
  padding: 5px;
  /*width: max-content;*/
  border-radius: 6px 6px 0 0;
}

.nav__site-links__list {
  display: flex;
  flex-direction: column;
  list-style: none;
  gap: .6rem;
  padding: 5px;
}

.nav__site-links__list-item {
  font-size: clamp(.7rem, 1.0vw, 1rem);
}

.nav__site-links__link {
  color: #fff;
  text-decoration: none;
  line-height: .75rem;

  &:hover,
  &:focus-visible {
    color: #000;
  }
}

/*ul {*/
  /*display: flex;*/
  /*list-style: none;*/
  /*gap: 1rem;*/
/*}*/