:root {
  --rh--size--block-gap: clamp(9rem, 7vw, 15rem);
  --rh--size--column-gap: clamp(20px, 2vw, 60px);
}

.site-content {
  margin-block-start: var(--rh--size--block-gap);
}

.alignwide {
  margin-inline: 2rem;
}
@media (min-width: 1222px) {
  .alignwide {
    margin-inline: auto;
  }
}

.header .header-widget {
  display: none;
}
@media (min-width: 1024px) {
  .header .header-widget {
    display: block;
  }
}

.header .wpac {
  position: absolute;
  right: 2rem;
  top: 2rem;
}

.admin-bar .header .wpac {
  top: 5.2rem;
}