/* Postie · ChromeBar — the 52px charcoal bar. Wordmark column · SearchWell · status · VoiceButton · Avatar. Same in both themes. */
.postie-chrome {
  display: flex; align-items: center; gap: 24px;
  box-sizing: border-box; height: 52px; padding: 0 20px; min-width: 0;
  background: var(--postie-ground); color: var(--postie-ink-brand);
  font-family: var(--postie-font-ui); font-variant-numeric: tabular-nums;
}
.postie-chrome__mark { width: 236px; flex-shrink: 0; font-family: var(--postie-font-display); font-weight: 800; font-size: 22px; letter-spacing: var(--postie-tracking-display); color: var(--postie-ink-brand); text-decoration: none; }
.postie-chrome__mark:focus-visible { outline: 2px solid var(--postie-ink-brand); outline-offset: 2px; }
.postie-chrome__search { display: flex; flex-grow: 1; min-width: 0; }
.postie-chrome__nav { display: flex; align-items: center; gap: 4px; font-size: 14px; font-weight: 700; }
.postie-chrome__navitem { display: inline-flex; align-items: center; height: 32px; padding: 0 14px; border-radius: var(--postie-radius-pill); color: var(--postie-body-brand); text-decoration: none; }
.postie-chrome__navitem[aria-current="page"] { background: var(--postie-raised-brand); color: var(--postie-ink-brand); }
.postie-chrome__end { margin-left: auto; display: flex; align-items: center; gap: 8px; flex-shrink: 0; }
.postie-chrome__status { font-size: 12px; font-weight: 600; color: var(--postie-muted-brand); white-space: nowrap; }
/* narrow: the wordmark column collapses, the search grows */
.postie-chrome--narrow .postie-chrome__mark { width: auto; }