/* header.css — the white logo bar at the top: POAI × GoAI on the left,
   SITPC and DITE&C on the right. */

.site-header {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px 16px;
  background: var(--white);
  border-radius: 20px;
  padding: 10px 14px 10px 20px;
}

.site-header__brands,
.site-header__hosts {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 14px;
}
.site-header__hosts { gap: 12px; }

.site-header__home { display: flex; align-items: center; min-height: 44px; }
.site-header__poai { height: 54px; width: auto; }
.site-header__x { font-size: 22px; font-weight: 300; color: #8A96B8; }
.site-header__goai { height: 46px; width: auto; }
.site-header__sitpc { height: 50px; width: auto; }

/* DITE&C's logo is white-only, so it sits on its own navy tile */
.site-header__ditec {
  display: flex;
  align-items: center;
  background: var(--navy);
  border-radius: 12px;
  padding: 6px 12px;
}
.site-header__ditec img { height: 50px; width: auto; display: block; }