.site-header { position: sticky; top: 0; border-bottom: 1px solid rgba(75,55,99,.08); }
.header-inner { min-height: 92px; gap: var(--space-4); }
.brand { min-width: 0; gap: var(--space-3); white-space: nowrap; }
.brand-emblem { display: flex; width: 48px; flex: 0 0 48px; align-items: center; flex-direction: column; justify-content: center; }
.brand img.brand-mark { width: 40px; height: 40px; flex: 0 0 40px; }
.brand-acronym { margin-top: -1px; color: var(--lacquer); font-family: var(--serif); font-size: var(--fs-meta); font-weight: var(--fw-heavy); line-height: 1.15; letter-spacing: var(--tracking-brand); }
.brand-name { color: var(--indigo); font-family: var(--sans); font-size: var(--fs-title); font-weight: var(--fw-bold); letter-spacing: var(--tracking-normal); }
.query-link { white-space: nowrap; }

/* All interior-page breadcrumbs follow the member-centre typography baseline. */
html body[data-page] .breadcrumb {
  margin: 0 0 var(--space-5);
  color: var(--muted);
  font-size: var(--fs-body);
  font-weight: var(--fw-regular);
  line-height: var(--lh-body);
  letter-spacing: var(--tracking-normal);
}

html body[data-page] .breadcrumb a {
  color: var(--lacquer);
  font-size: var(--fs-body);
  font-weight: var(--fw-semibold);
  line-height: var(--lh-body);
}

html body[data-page] .breadcrumb span {
  font-size: var(--fs-body);
  line-height: var(--lh-body);
}

.footer-brand { display: flex; align-items: center; gap: var(--space-3); margin-bottom: var(--space-4); color: #fff; font-family: var(--sans); font-size: var(--fs-heading-small); font-weight: var(--fw-bold); white-space: nowrap; }
.footer-emblem { display: flex; width: 44px; flex: 0 0 44px; align-items: center; flex-direction: column; }
.footer-brand img.footer-mark { width: 38px; height: 38px; filter: brightness(0) invert(1); object-fit: contain; }
.footer-emblem small { margin-top: -1px; color: #fff; font-size: var(--fs-meta); font-weight: var(--fw-heavy); line-height: 1; }
.site-footer .footer-address { margin-top: var(--space-3); color: #fff; line-height: var(--lh-support); }

@media (max-width: 1500px) and (min-width: 1341px) {
  .header-inner { gap: 10px; }
  .brand { gap: 8px; }
  .brand-name { font-size: var(--fs-heading-small); }
  .nav-list a { padding-right: 6px; padding-left: 6px; }
  .query-link { padding-right: 14px; padding-left: 14px; }
}

@media (max-width: 1340px) {
  .brand-name { font-size: var(--fs-heading-small); }
}

@media (max-width: 650px) {
  .header-inner { min-height: 70px; gap: var(--space-3); }
  .site-nav { inset: 70px 0 0; }
  .brand { gap: 7px; }
  .brand-emblem { width: 32px; flex-basis: 32px; }
  .brand img.brand-mark { width: 28px; height: 28px; flex-basis: 28px; }
  .brand-acronym { margin-top: 0; font-size: var(--fs-meta); }
  .brand-name { font-size: var(--fs-support); }
  .footer-brand { font-size: var(--fs-support); white-space: normal; }
  .footer-emblem { width: 38px; flex-basis: 38px; }
  .footer-brand img.footer-mark { width: 32px; height: 32px; }
}