/* Shared by every main tab. Identity yields space; action targets never shrink. */
main > header.site-header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: clamp(.5rem, 2vw, 1.25rem);
  inline-size: 100%;
  max-inline-size: 48rem;
  padding-block-start: env(safe-area-inset-top, 0px);
  padding-inline-start: env(safe-area-inset-left, 0px);
  padding-inline-end: env(safe-area-inset-right, 0px);
}
.site-header > .header-identity {
  min-inline-size: 0;
  margin: 0;
}
.site-header #pageTitle {
  display: flex;
  align-items: center;
  min-block-size: 2.125rem;
  min-inline-size: 0;
  font-size: clamp(1.25rem, 3vw, 1.875rem);
  line-height: 1.15;
  white-space: nowrap;
}
.site-header #pageTitle > a { display: block; max-inline-size: 100%; }
.site-header #pageTitle .pitmap-pixel-brand {
  width: min(9.375rem, 100%);
  max-inline-size: 100%;
}
.site-header .header-account { display: block; min-inline-size: 0; max-inline-size: 24rem; }
.site-header .member-menu { min-inline-size: 0; }
.site-header .member-menu > summary {
  display: flex;
  align-items: center;
  gap: .375rem;
  inline-size: fit-content;
  max-inline-size: 100%;
  min-block-size: 2.75rem;
  padding: 0;
  overflow: visible;
  font-size: .8125rem;
  color: var(--muted);
}
.site-header #memberName {
  min-inline-size: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.site-header .account-chevron { flex: none; }
.site-header .member-link {
  display: inline-flex;
  align-items: center;
  min-block-size: 2.75rem;
  padding: 0;
  margin: 0;
  font-size: .8125rem;
  color: var(--muted);
}
.site-header .member-link::after { content: '›'; margin-inline-start: .375rem; }
.site-header .member-menu-items { left: 0; right: auto; width: 11rem; }
.site-header .header-actions {
  display: flex;
  align-items: center;
  gap: clamp(.375rem, 1vw, .75rem);
  min-inline-size: max-content;
}
main > header.site-header .header-actions > .icon-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 2.75rem;
  width: 2.75rem;
  height: 2.75rem;
  min-width: 2.75rem;
  min-height: 2.75rem;
  padding: 0;
}
.site-header .header-actions svg { display: block; flex: none; }

/* Mobile spacing only: retain the independent safe-area inset above. */
@media (max-width: 760px) {
  body > main:has(> header.site-header) { padding-block-start: .8125rem; }
  body:has(#mobileNav a[aria-current="page"]:is([href="#meet"], [href="#club"], [href="#garage"])) .site-header #pageTitle {
    font-size: 1.375rem;
  }
}