/* Tekiji — the coverage index, `/companies/`. Loaded after tokens.css +
   base.css, which own the masthead, the section chrome, the `.ledger` register
   and the footer.

   The page has no mockup of its own: it is the homepage's coverage ledger at
   full-page scale, so everything visual here is either base.css's ledger
   register unchanged or the page-head furniture below. Nothing new is
   invented — a row that the coverage list does not state is left blank. */

.list-head { padding: var(--space-lg) 0 var(--space-xl); }

.list-head h1 {
  font-family: var(--font-display); font-size: var(--text-headline);
  font-weight: 600; line-height: 1.15; letter-spacing: -0.01em;
  max-width: 26ch; min-width: 0; overflow-wrap: anywhere;
}

.dateline { font-size: var(--text-sm); color: var(--muted); margin-bottom: var(--space-sm); }

.lede { max-width: 58ch; margin-top: var(--space-sm); font-size: var(--text-base); color: var(--muted); }

/* The list itself sits directly under the page head, so it opens on its own
   rule rather than the band's 2px section rule. */
.list-band { padding: 0 0 var(--space-2xl); }

/* A company Tekiji has published for: the name is the link, and the last
   column says how much is on file. A company with no page is plain text —
   there is nothing to click through to yet, and a dead link would say
   otherwise. Addressed by position rather than by a class of its own: this
   sheet reaches exactly one table, whose last column is that count. */
.ledger td:last-child {
  font-family: var(--font-data); font-size: var(--text-xs); color: var(--ok);
  white-space: nowrap;
}

.list-legend {
  margin-top: var(--space-sm); font-size: var(--text-sm); color: var(--muted);
  max-width: var(--measure-note); list-style: none;
}
.list-legend li {
  position: relative; padding: var(--space-3xs) 0 var(--space-3xs) var(--space-md);
}
.list-legend li::before { content: "—"; position: absolute; left: 0; color: var(--faint); }