/* Official group identity, shared by the affiliation section and footer. */
.group-brand {
  display: inline-flex;
  align-items: center;
  gap: 13px;
  max-width: 100%;
  color: #102a3e;
  text-decoration: none;
  text-align: left;
}
.group-brand > img { display: block; flex: 0 0 44px; width: 44px; height: 44px; }
.group-brand-name { min-width: 0; font-size: 17px; font-weight: 600; line-height: 1.5; letter-spacing: .03em; overflow-wrap: anywhere; }
.group-brand-name small { display: block; margin-top: 3px; color: #617283; font-size: 9px; font-weight: 500; line-height: 1.5; letter-spacing: .17em; }
.group-brand > .by-icon { flex: 0 0 16px; width: 16px; height: 16px; margin-left: 8px; color: #6b7e8f; }
.group-brand:hover { color: #0b5daf; }
.group-brand:focus-visible { outline: 2px solid #0b5daf; outline-offset: 7px; border-radius: 2px; }
.group-affiliation {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: 22px 0;
  margin-bottom: 22px;
  border-top: 1px solid #dfe9f2;
  border-bottom: 1px solid #dfe9f2;
}
.group-affiliation-copy { min-width: 0; }
.group-affiliation-copy > p { margin: 0; color: #5a6e81; font-size: 12px; line-height: 1.85; overflow-wrap: anywhere; }
.group-affiliation-copy > .group-affiliation-label { margin-bottom: 4px; color: #102a3e; font-size: 11px; font-weight: 600; letter-spacing: .08em; }
.group-brand--footer { flex-shrink: 0; }
@media (max-width: 640px) {
  .group-affiliation { align-items: flex-start; flex-direction: column; gap: 17px; padding: 21px 0; }
  .group-brand-name { font-size: 16px; }
  .group-brand > img { flex-basis: 40px; width: 40px; height: 40px; }
}