/* Postie · Masthead — the small-surface brand band (mobile, email). The ONLY charcoal on the surface; everything below is working ground. */
.postie-masthead {
  display: flex; flex-direction: column; gap: 12px;
  box-sizing: border-box; padding: 16px; min-width: 0;
  background: var(--postie-ground); color: var(--postie-ink-brand);
  font-family: var(--postie-font-ui); font-variant-numeric: tabular-nums;
}
.postie-masthead--mobile { padding-top: 56px; padding-bottom: 12px; }
.postie-masthead--email { flex-direction: row; align-items: center; justify-content: space-between; height: 64px; padding: 0 32px; }
.postie-masthead__row { display: flex; align-items: center; justify-content: space-between; gap: 8px; min-width: 0; }
.postie-masthead__mark { font-family: var(--postie-font-display); font-weight: 800; font-size: 24px; letter-spacing: var(--postie-tracking-display); color: var(--postie-ink-brand); text-decoration: none; }
.postie-masthead--email .postie-masthead__mark { font-size: 22px; }
.postie-masthead__actions { display: flex; align-items: center; gap: 8px; }
.postie-masthead__iconbtn { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; border: 0; border-radius: var(--postie-radius-pill); background: var(--postie-raised-brand); cursor: pointer; }
.postie-masthead__iconbtn svg { width: 18px; height: 18px; fill: none; stroke: var(--postie-body-brand); stroke-width: 2; stroke-linecap: round; }
.postie-masthead__iconbtn:focus-visible { outline: 2px solid var(--postie-ink-brand); outline-offset: 2px; }
.postie-masthead__chips { display: flex; min-width: 0; }
.postie-masthead__meta { font-size: 12px; font-weight: 600; color: var(--postie-muted-brand); white-space: nowrap; }