/* Government-agency pages (/lobbying/agencies/, /lobbying/agency/<slug>/).
   Its own file rather than an addition to lobbying.css so the agency area
   can ship without touching a stylesheet the rest of the lobbying section
   shares. Theme tokens only, so both themes read correctly. */

/* Ranked agency list: name, how many filings named it, the spend behind
   those filings. Same three-part shape as .spending-board so the two
   pages read as one section. */
.agency-board {
  margin: 0;
  padding-left: var(--sp-5);
}
.agency-board li {
  display: grid;
  grid-template-columns: 1fr auto;
  column-gap: var(--sp-3);
  align-items: baseline;
  padding: var(--sp-2) 0;
  border-bottom: 1px solid var(--ink-100);
}
.agency-board li:last-child { border-bottom: 0; }
.agency-name { font-weight: 600; }
.agency-spend {
  font-variant-numeric: tabular-nums;
  font-weight: 700;
  white-space: nowrap;
}
.agency-count {
  grid-column: 1 / -1;
  font-size: var(--fs-sm);
  color: var(--ink-600);
  font-variant-numeric: tabular-nums;
}

/* Filings per year. The bar encodes magnitude by LENGTH; its colour is a
   neutral ink token on purpose (theme.css: colour carries information or
   it is not used). */
.agency-years {
  list-style: none;
  margin: 0;
  padding: 0;
}
.agency-years li {
  display: grid;
  grid-template-columns: 4.5rem 1fr auto;
  column-gap: var(--sp-3);
  align-items: center;
  padding: var(--sp-2) 0;
  border-bottom: 1px solid var(--ink-100);
}
.agency-years li:last-child { border-bottom: 0; }
.agency-year { font-variant-numeric: tabular-nums; font-weight: 600; }
.agency-bar {
  display: block;
  height: 8px;
  border-radius: var(--r-full);
  background: var(--ink-100);
  overflow: hidden;
}
.agency-bar-fill {
  display: block;
  height: 100%;
  background: var(--ink-500);
}
.agency-year-n {
  font-variant-numeric: tabular-nums;
  font-weight: 700;
  white-space: nowrap;
}
.agency-year-spend {
  grid-column: 2 / -1;
  font-variant-numeric: tabular-nums;
}

@media (max-width: 560px) {
  .agency-years li { grid-template-columns: 3.5rem 1fr auto; }
}