/* vealth-demand-ledger.css — the vote ledger, as ONE component.
 *
 * Operator directive, 2026-08-28: "i want the vealth site majorly upgraded
 * frontend and rework, because there is no funder we have to lead simply with
 * voting data. if we get ais and people voting thats data for distribution as
 * bots continue to populate online at near zero cost."
 *
 * So the vote LEDGER leads, not a vote button: the data is the asset, and the
 * invitation follows from seeing it. This file dresses that object once so the
 * front door and the thesis page cannot drift into two different ledgers.
 * Its behaviour lives in vealth-demand-ledger.js; the two ship together.
 *
 * Tokens only. Nothing here introduces a colour: gold numerals (house law
 * "numbers are one metal"), ink rows, green only on the arrow that says where
 * a row goes. Loading this without vealth-next.css is not supported.
 */

/* The tally. The LEAD stat carries the emphasis and the supporting ones do
   not: setting all three equal let the twenty-odd thousand open jobs shout
   down the votes and told the reader the opposite of what the scene means.
   Same grammar as the front door's .bstat--lead. */
.dl-tally { display:flex; flex-wrap:wrap; align-items:baseline; gap:10px 30px; margin:0 0 20px; }
.dl-tally div { min-width:88px; }
.dl-tally b { display:block; font-family:"Fraunces",Georgia,serif; font-weight:600;
  font-size:22px; line-height:1; color:var(--gold-text); font-variant-numeric:tabular-nums; }
.dl-tally .dl-lead b { font-size:clamp(34px,5.4vw,50px); }
.dl-tally span { display:block; font-size:var(--step-5); letter-spacing:.05em; text-transform:uppercase;
  color:var(--soft); margin-top:7px; font-weight:600; }

/* The rows. Ink on the job name, not link-green: six green headlines in a
   column read as a link farm rather than as a ledger, and the house row
   grammar (the front door's .plate) keeps green for the arrow alone. */
.dl-rows { margin:0; padding:0; list-style:none; border-top:1px solid var(--rule); }
.dl-rows li { border-bottom:1px solid var(--rule); }
.dl-rows li:last-child { border-bottom:0; }
.dl-rows a { display:flex; align-items:center; gap:14px; padding:12px 10px; text-decoration:none;
  color:var(--ink); border-radius:11px; transition:background .15s ease, transform .15s ease; }
.dl-rows a:hover { background:linear-gradient(135deg,var(--glow-gold),var(--glow-green)); transform:translateX(4px); }
.dl-rows a:focus-visible { outline:2px solid var(--leaf); outline-offset:2px; }
.dl-votes { flex:none; width:52px; text-align:right; font-family:var(--mono,ui-monospace,monospace);
  font-weight:600; font-size:17px; color:var(--gold-text); font-variant-numeric:tabular-nums; }
.dl-job { flex:1 1 auto; min-width:0; }
.dl-job b { display:block; font-weight:600; font-size:var(--step-3); line-height:1.35; color:var(--ink); }
.dl-job span { display:block; font-size:var(--step-5); color:var(--soft); margin-top:3px; }
.dl-go { flex:none; color:var(--leaf); font-weight:700; opacity:0; transform:translateX(-6px);
  transition:opacity .15s ease, transform .15s ease; }
.dl-rows a:hover .dl-go, .dl-rows a:focus-visible .dl-go { opacity:1; transform:none; }
.dl-wait { padding:12px 10px; margin:0; }

/* The card wrapper only kills the sheet's underline-every-link rule; it adds
   no surface of its own, so the ledger sits in the house .card unchanged. */
.card.dl-card a:not(.cta):not(.btn), .card.dl-card a:not(.cta):not(.btn):hover { text-decoration:none; }

@media (max-width:600px) {
  .dl-go { display:none; }
  .dl-votes { width:40px; }
}
@media (prefers-reduced-motion: reduce) {
  .dl-rows a, .dl-go { transition:none; }
}