.site-header {
  display: flex;
  align-items: flex-end; /* Aligns text to the bottom of the logo row */
  gap: 20px;            /* Adds space between logo and text */
  max-width: 900px;
  width: 100%;
  background-color: #7aacff;
  padding: 3px;
  box-sizing: border-box;
}

.header-logo img {
  display: block;
  width: 175px;
  height: auto;
  border: 0;
}

.header-titles {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

/* Reset margins for clean alignment */
.pagetitle, .bodybold {
  margin: 0;
  text-align: left;
}