/* Header top-right Login / Register (signed out) or My account (signed in). Sits left of search + cart. */
.site-header .header-auth { grid-column: 3; grid-row: 1; justify-self: end; margin-right: 96px; display: inline-flex; align-items: center; gap: 6px; white-space: nowrap; font-family: var(--geo); font-size: .66rem; letter-spacing: .16em; text-transform: uppercase; }
.site-header .header-auth [hidden] { display: none !important; }
.site-header .header-auth .ha-link { color: var(--lx-ink); padding: 12px 2px; text-decoration: none; }
.site-header .header-auth .ha-link:hover, .site-header .header-auth .ha-link:focus-visible { text-decoration: underline; text-underline-offset: 4px; }
.site-header .header-auth .ha-sep { color: var(--lx-muted); }
html body.theme-halloween .site-header .header-auth .ha-sep { color: rgba(241,235,226,.55); }
/* phones: the right of the bar is full (search + cart) and the logo is centred, so the links sit in a slim
   right-aligned line just under the bar, still top right and clear of the logo */
@media (max-width: 560px) {
  .site-header .header-inner { height: auto; grid-template-rows: 64px auto; }
  .site-header .header-auth { grid-column: 1 / -1; grid-row: 2; justify-self: end; margin: -6px 2px 0 0; padding-bottom: 6px; font-size: .58rem; letter-spacing: .14em; gap: 6px; }
  .site-header .header-auth .ha-link { padding: 4px 2px; }
  /* Halloween: keep clear of the hanging pumpkin on the right edge */
  html body.theme-halloween .site-header .header-auth { margin-right: 46px; }
}