/* Existing Hadox Research Labs artwork, shared by every public masthead. */
.research-labs-logo {
  display: block;
  width: 184px;
  height: auto;
  max-width: 100%;
  object-fit: contain;
}

.masthead .wordmark,
.guide-header .guide-brand,
.site-head .brand,
.article-masthead .wordmark {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  width: max-content;
  min-height: 44px;
  flex-shrink: 0;
}

.masthead .wordmark:focus-visible,
.guide-header .guide-brand:focus-visible,
.site-head .brand:focus-visible,
.article-masthead .wordmark:focus-visible {
  outline: 2px solid #3155ff;
  outline-offset: 5px;
}

@media (max-width: 780px) {
  .research-labs-logo {
    width: 160px;
  }

  .site-head,
  .article-masthead {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .5rem 1.5rem;
    padding-top: .75rem;
    padding-bottom: .5rem;
  }

  .site-head nav,
  .article-masthead nav {
    width: 100%;
    justify-content: space-between;
  }
}