/* Postie · SegmentedControl — a row of 30/34px pills, one selected.
   Working ground: selected = charcoal on dark, oxblood on light (--postie-select-*). Brand ground: selected = oxblood in both. */
.postie-seg { display: inline-flex; align-items: center; gap: 6px; font-family: var(--postie-font-ui); min-width: 0; }
.postie-seg--scroll { display: flex; overflow: hidden; }
.postie-seg__item {
  display: inline-flex; align-items: center; gap: 6px; flex-shrink: 0;
  box-sizing: border-box; height: 30px; padding: 0 12px;
  border: 0; border-radius: var(--postie-radius-pill);
  background: var(--postie-c-raised); color: var(--postie-c-body);
  font-family: var(--postie-font-ui); font-size: 12px; font-weight: 700; line-height: 1; white-space: nowrap;
  font-variant-numeric: tabular-nums; cursor: pointer;
  transition: background-color var(--postie-duration) var(--postie-ease), color var(--postie-duration) var(--postie-ease);
}
.postie-seg__item:focus-visible { outline: 2px solid var(--postie-c-ink); outline-offset: 2px; }
.postie-seg__item[aria-pressed="true"], .postie-seg__item[aria-selected="true"] { background: var(--postie-c-select-fill); color: var(--postie-c-select-ink); } /* context: charcoal on dark working, oxblood on paper and on the chrome */
.postie-seg--lg .postie-seg__item { height: 34px; padding: 0 14px; font-size: 13px; }