.brand-mark {
  width: 54px;
  height: 54px;
  display: grid;
  place-items: center;
  background: linear-gradient(135deg, #ffd35a, #f08c38);
  color: #0d2b59;
  border: 3px solid #fff;
  border-radius: 14px;
  font-weight: 950;
  font-size: 20px;
  flex: none;
}

.access-scope {
  align-self: end;
  background: #e3f6ee;
  color: #087452;
  border: 1px solid #bde8d8;
  border-radius: 999px;
  padding: 10px 13px;
  font-size: 12px;
  font-weight: 900;
  white-space: nowrap;
}

.controls label[hidden],
nav button[hidden] {
  display: none !important;
}

@media (max-width: 1000px) {
  .access-scope { align-self: auto; }
}