airline-logo {
  display: inline-grid;
  align-self: start;
  grid-template-columns: 36px minmax(0, auto);
  align-items: center;
  gap: 0.65rem;
  color: var(--brand-blue);
  vertical-align: middle;
}

.airline-logo__mark {
  display: grid;
  width: 36px;
  height: 36px;
  place-items: center;
}

.airline-logo__mark > * { grid-area: 1 / 1; }

airline-logo:not(:has(.airline-logo__name)) {
  grid-template-columns: 36px;
  gap: 0;
}

.airline-logo__name {
  font-family: var(--font-interface);
  font-size: 0.875rem;
  font-weight: 500;
  overflow-wrap: anywhere;
}

airline-logo img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.airline-logo__fallback {
  font-family: var(--font-interface);
  font-size: 0.8rem;
}

.event-card--flight {
  grid-template-columns: 36px minmax(0, 1fr);
}

.event-card--flight airline-logo:has(.airline-logo__name) {
  grid-column: 1 / -1;
  justify-self: start;
}

.event-card--flight:has(.airline-logo__name) > div {
  grid-column: 2;
}