.brand img {
  width: 64px;
  height: 64px;
  flex: 0 0 64px;
  object-fit: contain;
}

.site-bar nav,
.topbar nav,
.site-bar-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}

.site-bar nav a[aria-current="page"],
.topbar nav a[aria-current="page"],
.site-bar-actions a[aria-current="page"] {
  border-color: #edc36f;
  color: #fff0c6;
}

@media (max-width: 760px) {
  .site-bar,
  .topbar {
    width: calc(100% - 28px);
    height: auto;
    min-height: 76px;
    padding: 12px 0;
    align-items: flex-start;
    gap: 12px;
  }

  .brand img {
    width: 52px;
    height: 52px;
    flex-basis: 52px;
  }

  .site-bar nav,
  .topbar nav,
  .site-bar-actions {
    max-width: 68%;
    gap: 5px;
  }

  .site-bar nav a,
  .topbar nav a,
  .topbar nav a:last-child,
  .site-bar-actions a {
    display: inline-flex;
    padding: 7px 8px;
    font-size: .6rem;
  }
}