/* Written by scripts/build-seo-salary-pages.mjs — do not hand-edit.
   Only what /questions/qa.css does not already provide: the pay table's numeric
   column, the median emphasis, the source note, and the "not published" marker
   that must never be mistaken for a zero. */
.pay-table td.num { font-variant-numeric: tabular-nums; font-weight: 600; white-space: nowrap; }
.pay-table td.note { color: #6b6b60; font-size: 0.9rem; }
.pay-table tr.is-median { background: #fff8ec; }
.pay-table tr.is-median th, .pay-table tr.is-median td.num { color: #1a1a1a; font-weight: 700; }
.pay-table caption { text-align: left; padding-bottom: 0.5rem; color: #6b6b60; font-size: 0.9rem; }
.na { color: #8a8a80; font-style: italic; font-weight: 400; }
.src-note { color: #6b6b60; font-size: 0.92rem; line-height: 1.6; margin: 0.75rem 0 0; }
.src-warn { border-left: 3px solid #ffa946; padding-left: 0.9rem; }
.pay-facts .k { display: block; font-size: 0.8rem; text-transform: uppercase; letter-spacing: 0.04em; color: #8a8a80; }
.pay-facts .v { font-variant-numeric: tabular-nums; font-weight: 700; font-size: 1.05rem; }
.dir-list .pay { float: right; font-variant-numeric: tabular-nums; color: #6b6b60; }
/* The advertised band. Deliberately lighter than the midpoint beside it: the two
   ends of a company's range are the least reliable numbers on the page, because
   one unusual posting sets each of them. */
.pay-table td.band { font-weight: 600; color: #4a4a42; }
.pay-table td.band .dash { color: #8a8a80; padding: 0 0.15rem; font-weight: 400; }
/* Per-role heading inside the "pay by location" section. */
.pay-metro-role { margin: 1.4rem 0 0.4rem; font-size: 1.05rem; font-weight: 700; }
.pay-metro-role:first-of-type { margin-top: 0.6rem; }
/* The salary sub-nav: the same pills the hub shows, so moving between the hub and
   a generated page keeps one navigation rather than two. */
.sal-subnav { display: flex; flex-wrap: wrap; gap: 0.5rem; margin: 0 0 1.25rem; padding: 0; }
.sal-pill {
  display: inline-block; padding: 0.35rem 0.9rem; border: 2px solid #1a1a1a;
  border-radius: 999px; font-size: 0.9rem; font-weight: 600; line-height: 1.2;
  color: #222; background: #fff; text-decoration: none; transition: background .12s, color .12s;
}
a.sal-pill:hover { background: #1a1a1a; color: #fff; }
.sal-pill.is-current { background: #1a1a1a; color: #fff; }