/* THE BOARD, SET AS A REGISTER OF OPEN WORK (adoption wave, 2026-09-06).

   Loaded by work.html only, after vealth-ledger.css (the register, which is
   read-only) and after every sheet this page already carried. Scoped to
   `body.lg-board` throughout, so nothing here can reach another surface.

   WHY A REGISTER, ON THE DENSEST PAGE ON THE SITE. The board carries tens of
   thousands of open packets, four filters, one curated entry, a vote ledger
   and a craft reference on one scroll. An account book is the object that
   already solved that: it holds hundreds of entries per opening and stays
   readable, because RULING and a RIGHT-ALIGNED MONEY COLUMN do the work that
   boxes and colour do badly. Two rule weights, each with one meaning — a 2px
   rule opens and closes a table, a hairline separates its rows — and the
   digits stack into a hard vertical edge. That edge is the ledger.

   HOW IT IS DONE WITHOUT TOUCHING work-board.css. The board's sheet is written
   entirely against a `--work-*` vocabulary declared at :root. Re-declaring that
   vocabulary on `body.lg-board` (which is nearer than :root for everything in
   the body) re-points the whole existing sheet at the register's ink in one
   block. What is left after that is SHAPE: the radii, the fills, the shadows,
   the capsules and the tracked capitals, each turned off where it stands.

   WHAT DID NOT CHANGE. work-board.js, work-board.css, vealth-packet.js and the
   plate's markup are untouched. Claim admission, the funding words, the one
   packet renderer and every signed door work exactly as they did: this sheet
   changes how the board READS, never what a row DOES. Nothing here infers
   claimability, pay, funding or state — every word it dresses was already
   drawn from the row's own projection.

   Every value is a --lg-* token, so both themes move together and this file
   introduces no colour of its own. */

/* ═══ 1 · THE VOCABULARY, RE-POINTED ═════════════════════════════════════ */

body.lg-board {
  /* ink */
  --work-ink: var(--lg-ink);
  --work-muted: var(--lg-ink-soft);
  --work-soft: var(--lg-ink-faint);
  --work-link: var(--lg-ink);
  --work-eyebrow: var(--lg-ink-faint);
  /* rules: two weights, no third */
  --work-rule: var(--lg-rule);
  --work-rule-soft: var(--lg-rule);
  --work-rule-strong: var(--lg-rule-strong);
  /* faces: there are none. A book rules, it does not panel. */
  --work-card: transparent;
  --work-card-strong: transparent;
  --work-paper: transparent;
  --work-paper-soft: transparent;
  --work-field: transparent;
  --work-drawer: transparent;
  --work-sheen: transparent;
  --work-hover: transparent;
  --work-pre: var(--lg-wash);
  --work-asset-edge: var(--lg-rule);
  --work-focus: transparent;
  --work-shadow: transparent;
  /* marks */
  --work-green: var(--lg-green);
  --work-on-accent: var(--lg-stamp-ink);
  --work-money: var(--lg-fig);
  --work-stop: var(--lg-warn);
  /* One metal. A craft is named in words two millimetres away; a third and
     fourth ink encodes nothing the word does not already say. */
  --work-craft-b: var(--lg-ink-faint);
  --work-craft-f: var(--lg-ink-faint);
  --work-craft-r: var(--lg-ink-faint);
  /* tints are fills, and there are no fills */
  --work-tint-gold: transparent;
  --work-tint-green: transparent;
  --work-tint-ink: transparent;
  --work-tint-stop: transparent;
  /* the ONE stamp */
  --work-primary-face: var(--lg-stamp);
  --work-primary-ink: var(--lg-stamp-ink);
  --work-primary-edge: transparent;
  --work-primary-sheen: transparent;
  --btn-face: var(--lg-stamp);
  --btn-ink: var(--lg-stamp-ink);
  --work-mono: var(--lg-mono);
  /* the house vocabulary the demand ledger and the disclosures read */
  --ink: var(--lg-ink);
  --muted: var(--lg-ink-soft);
  --soft: var(--lg-ink-faint);
  --gold-text: var(--lg-fig);
  --gold-ink: var(--lg-fig);
  --leaf: var(--lg-focus);
  --green: var(--lg-green);
  --pink-text: var(--lg-ink-soft);
  --moss: var(--lg-green);
  --face: transparent;
  --panel: transparent;
  --panel-strong: transparent;
  --glow-gold: transparent;
  --glow-green: transparent;
  --wf-line: var(--lg-rule-strong);
  --wf-line-soft: var(--lg-rule);
  --wf-value: var(--lg-fig);
  --wf-living: var(--lg-green);
  --wf-stop: var(--lg-warn);
}

/* ═══ 2 · THE PAGE ═══════════════════════════════════════════════════════
   The register's scene geometry gives the page its left margin, which is where
   the glosses hang. The board is wider than the front door's measure because
   its entries carry four columns, and because an empty right half on a page of
   live work is the emptiness the operator named. */

body.lg-board {
  /* The board's margin is narrower than the front door's. The front door
     glosses a short page five times; this one runs for thousands of entries,
     and a wide band standing empty beside a register of live work is the
     emptiness the operator named. Narrow enough to hold a gloss, not wide
     enough to become a hole. */
  --lg-margin: 106px;
  --lg-gutter: 28px;
}
body.lg-board main.wrap.ck > section.ck-scene {
  max-width: 1320px;
  gap: 0;
}
body.lg-board .wf-head { margin: 0; }
/* The eyebrow was a tracked capital kicker. It is the book's marginal gloss
   now: same words, set italic in the margin against the measure, exactly the
   way [data-mh] sets one, so the page carries ONE device for a small label. */
body.lg-board .wf-eyebrow {
  position: absolute;
  left: calc(-1 * (var(--lg-margin) + var(--lg-gutter)));
  width: var(--lg-margin);
  margin: 0;
  padding: 0;
  font-family: var(--lg-serif);
  font-style: italic;
  font-size: 14.5px;
  line-height: 1.32;
  font-variation-settings: "opsz" 14, "wght" 500;
  letter-spacing: 0;
  text-transform: none;
  color: var(--lg-ink-faint);
  text-align: right;
}
body.lg-board .wf-head { position: relative; }

body.lg-board .work-page .pk-head h1 {
  font-family: var(--lg-serif);
  font-size: clamp(32px, 3.5vw, 50px);
  line-height: 1.04;
  font-weight: 500;
  font-variation-settings: "opsz" 96, "wght" 460;
  letter-spacing: -0.014em;
  color: var(--lg-ink);
  max-width: 15ch;
  margin: 0;
  text-wrap: balance;
}
/* The spectrum belongs to the logo and to the nav's bottom edge. A gradient
   slab is the one shape on a ruled page that is neither a rule nor type. */
body.lg-board .work-page .pk-head h1::after { content: none; display: none; }
body.lg-board .work-page .pk-head .wf-lede {
  font-family: var(--lg-sans);
  font-size: 16.5px;
  font-weight: 400;
  line-height: 1.58;
  color: var(--lg-ink-soft);
  max-width: 62ch;
  margin: 14px 0 0;
}
body.lg-board .ck-crumbs { margin-bottom: 18px; }
/* The trail's anchor cut, its passed depth's rule and its current depth now
   live in the register (folded 2026-09-06). What is left is this surface's own
   ink: the Board paints a passed label soft, not in the link colour. */
body.lg-board .ck-trail li:not([aria-current]) a [data-label] { color: var(--lg-ink-soft); }

/* ═══ 3 · THE ENTRY THE BOARD CHOSE, AS A CERTIFICATE ════════════════════
   The register already sets .wf-plate as a certificate under .ck. What this
   surface adds is its own measure: the subject at the left, the particulars
   ruled at the right, so the reader's eye lands on the task and then reads
   down a column of facts rather than across a card. */

body.lg-board .pk-field { margin-top: 26px; }
body.lg-board .ck .wf-plate { position: relative; }
/* The plate's named grid areas, the particulars' tracked capitals and the
   state's capsule face are all struck off by the register's own workfield
   reset now (folded 2026-09-06). This surface keeps only what it decides
   differently: the serial and the DO port stay where the plate's sheet puts
   them, ranged right, because this certificate opens out across the measure. */
@media (min-width: 901px) {
  /* THE CERTIFICATE OPENS OUT: the identity band across the head, then the
     sentence and the subject at the left with the particulars ruled beside
     them. The subject sits on the BASELINE of the table, the way a title sits
     on the foot of the panel it names.

     Two earlier attempts are worth recording, because both look obvious. A
     plain two-column grid hands a spanning item's surplus height back to every
     row it spans, so the table (which is taller than the sentence and the
     title together) pushed the title 100px away from the sentence it belongs
     to. A float has no rows to distribute — but a float only pushes what comes
     AFTER it, and the renderer's canonical DOM order puts the table last, so
     it dropped below the text entirely. The fix is the grid with one flexible
     row: the surplus lands in the subject's row alone, and the subject is set
     to the foot of it. */
  body.lg-board .ck .wf-plate {
    display: grid;
    grid-template-columns: minmax(0, 1.04fr) minmax(0, 1fr);
    grid-template-rows: auto auto 1fr;
    column-gap: clamp(30px, 4vw, 62px);
    align-items: start;
  }
  body.lg-board .ck .wf-plate-head { grid-column: 1 / -1; grid-row: 1; }
  body.lg-board .ck .wf-plate-sub { grid-column: 1; grid-row: 2; max-width: 52ch; padding: 12px 0 0; }
  body.lg-board .ck .wf-plate-task {
    grid-column: 1;
    grid-row: 3;
    align-self: end;
    padding: 20px 0 22px;
    max-width: 18ch;
  }
  body.lg-board .ck .wf-fields { grid-column: 2; grid-row: 2 / span 2; margin-top: 14px; }
  body.lg-board #packet .pk-backing,
  body.lg-board .ck .wf-plate noscript,
  body.lg-board .ck .wf-twin { grid-column: 1 / -1; }
}
body.lg-board #packet .wf-plate-task {
  font-family: var(--lg-serif);
  font-size: clamp(26px, 3.1vw, 42px);
  font-variation-settings: "opsz" 72, "wght" 450;
  letter-spacing: -0.012em;
  max-width: 22ch;
}
/* The backing sentence: one quiet line under the certificate, its two real
   alternatives ruled rather than underlined in link paint. */
body.lg-board #packet .pk-backing {
  grid-column: 1 / -1;
  margin: 0;
  padding: 12px 0 4px;
  border-top: 1px solid var(--lg-rule);
  font-family: var(--lg-sans);
  font-size: 14.5px;
  line-height: 1.6;
  color: var(--lg-ink-soft);
}
body.lg-board #packet .pk-backing b { color: var(--lg-ink); font-weight: 600; }
body.lg-board #packet .pk-backing a {
  display: inline-block;
  padding: 12px 2px 2px;
  margin: -10px 0 0;
  color: var(--lg-ink);
  font-weight: 500;
  text-decoration: none;
  box-shadow: inset 0 -2px 0 0 var(--lg-fig);
}
body.lg-board #packet .pk-backing a:hover { box-shadow: inset 0 -2px 0 0 var(--lg-ink); }

/* THE STAMP. One filled shape per screen, struck the way a seal is struck:
   sharp cornered, sentence case, no lift, no halo, no gradient. */
body.lg-board #packet .wf-act,
body.lg-board .bact .bact-primary,
body.lg-board .bact a.bact-primary,
body.lg-board .bact a.bact-link,
body.lg-board .bwb-primary {
  min-height: 46px;
  padding: 0 22px;
  border: 0;
  border-radius: 0;
  background: var(--lg-stamp);
  color: var(--lg-stamp-ink);
  font-family: var(--lg-sans);
  font-size: 14.5px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: 0.015em;
  text-transform: none;
  box-shadow: none;
  transition: none;
}
body.lg-board #packet .wf-act:hover,
body.lg-board .bact .bact-primary:hover,
body.lg-board .bact a.bact-link:hover,
body.lg-board .bwb-primary:hover {
  background: var(--lg-stamp);
  color: var(--lg-stamp-ink);
  filter: brightness(1.06);
  transform: none;
}
body.lg-board #packet .wf-act:focus-visible,
body.lg-board .bact .bact-primary:focus-visible,
body.lg-board .bwb-primary:focus-visible { outline: 2px solid var(--lg-focus); outline-offset: 3px; }

/* The one "for your AI" line: a footnote, not a tinted rail. */
body.lg-board .work-page .aiband {
  display: block;
  position: relative;
  max-width: 84ch;
  margin: 26px 0 0;
  padding: 15px 0 0;
  border: 0;
  border-radius: 0;
  background: none;
  text-align: left;
  font-family: var(--lg-sans);
  font-size: 14.5px;
  line-height: 1.6;
  color: var(--lg-ink-soft);
}
body.lg-board .work-page .aiband code {
  font-family: var(--lg-mono);
  font-size: 13px;
  font-weight: 400;
  color: var(--lg-ink);
  background: none;
  padding: 0;
  border-radius: 0;
}
body.lg-board .work-page .aiband b { color: var(--lg-ink); font-weight: 600; }
body.lg-board .work-page .aiband a {
  color: var(--lg-ink);
  font-weight: 400;
  text-decoration: underline;
  text-underline-offset: 3px;
  text-decoration-color: var(--lg-rule-strong);
}

/* ═══ 4 · THE REGISTER'S HEAD, ITS FIND LINE AND ITS FILTERS ═════════════ */

body.lg-board .board-scene { margin-top: clamp(44px, 5.6vw, 76px); }
body.lg-board .work-page .board-scene > h2,
body.lg-board .work-page .wf-sec > h2,
body.lg-board .work-page .wf-reference > h2 {
  font-family: var(--lg-serif);
  font-size: clamp(27px, 3vw, 40px);
  line-height: 1.05;
  font-weight: 500;
  font-variation-settings: "opsz" 72, "wght" 470;
  letter-spacing: -0.012em;
  color: var(--lg-ink);
  margin: 0 0 10px;
  max-width: 22ch;
  text-wrap: balance;
}
body.lg-board .work-page .board-scene > .wf-lede,
body.lg-board .work-page .wf-sec > .wf-lede,
body.lg-board .work-page .wf-reference > .wf-lede {
  font-family: var(--lg-sans);
  font-size: 15.5px;
  line-height: 1.6;
  color: var(--lg-ink-soft);
  max-width: 74ch;
  margin: 0 0 4px;
}
body.lg-board .wf-board-slot { margin-top: 18px; }
body.lg-board .work-board { margin-top: 0; }

/* THE FIND LINE. A ruled blank, the way a book rules a blank to be filled in.
   No box, no fill, no radius. */
body.lg-board .board-controls {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 0;
  margin: 0;
  padding: 0;
  border-top: 2px solid var(--lg-rule-strong);
  border-bottom: 0;
}
body.lg-board .board-search {
  grid-column: 1 / -1;
  flex: none;
  width: 100%;
  min-height: 54px;
  margin: 0;
  padding: 0 2px;
  border: 0;
  border-bottom: 1px solid var(--lg-rule);
  border-radius: 0;
  background: none;
  color: var(--lg-ink);
  font-family: var(--lg-sans);
  font-size: 18px;
  font-weight: 400;
}
body.lg-board .board-search::placeholder {
  font-family: var(--lg-serif);
  font-style: italic;
  font-size: 17px;
  color: var(--lg-ink-faint);
  opacity: 1;
}
body.lg-board .board-search:focus {
  outline: none;
  border-bottom-color: var(--lg-ink);
  box-shadow: none;
}
/* Each way of narrowing keeps its question visible, but the question is a
   gloss, not a tracked capital, and its answers are words on a rule rather
   than eleven capsules. */
body.lg-board .board-seg {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0 18px;
  padding: 0;
  border-bottom: 1px solid var(--lg-rule);
}
/* The question hangs at a fixed measure and its answers set as words on the
   line beside it, so the four ways of narrowing read as four ruled lines of a
   form rather than eleven capsules. */
body.lg-board .board-seg::before { flex: 0 0 152px; }
body.lg-board .board-seg::before {
  position: static;
  font-family: var(--lg-serif);
  font-style: italic;
  font-size: 14.5px;
  font-weight: 400;
  line-height: 1.32;
  font-variation-settings: "opsz" 14, "wght" 500;
  letter-spacing: 0;
  text-transform: none;
  color: var(--lg-ink-faint);
  white-space: normal;
}
body.lg-board .board-seg-btn,
body.lg-board .board-status button,
body.lg-board .board-filters button,
body.lg-board .board-start-here,
body.lg-board .btf-cat,
body.lg-board .board-near,
body.lg-board .board-funded {
  min-height: 44px;
  margin-right: 26px;
  padding: 10px 0;
  border: 0;
  border-radius: 0;
  background: none;
  color: var(--lg-ink-soft);
  font-family: var(--lg-sans);
  font-size: 15px;
  font-weight: 450;
  box-shadow: inset 0 -2px 0 0 transparent;
}
body.lg-board .board-seg-btn:hover,
body.lg-board .board-status button:hover,
body.lg-board .board-filters button:hover,
body.lg-board .board-start-here:hover,
body.lg-board .btf-cat:hover { color: var(--lg-ink); border-color: transparent; box-shadow: inset 0 -2px 0 0 var(--lg-rule-strong); }
body.lg-board .board-seg-btn[aria-pressed="true"],
body.lg-board .board-status button[aria-pressed="true"],
body.lg-board .board-filters button[aria-pressed="true"],
body.lg-board .board-start-here[aria-pressed="true"],
body.lg-board .btf-cat[aria-pressed="true"] {
  background: none;
  border-color: transparent;
  color: var(--lg-ink);
  font-weight: 600;
  box-shadow: inset 0 -2px 0 0 var(--lg-fig);
}
body.lg-board .board-seg-btn:focus-visible,
body.lg-board .board-status button:focus-visible,
body.lg-board .board-filters button:focus-visible,
body.lg-board .board-start-here:focus-visible,
body.lg-board .btf-cat:focus-visible { outline: 2px solid var(--lg-focus); outline-offset: 2px; }
body.lg-board .board-filters { gap: 0; margin: 0; padding: 4px 0; }
body.lg-board .board-filters:empty { display: none; }
body.lg-board .board-sector {
  min-height: 44px;
  padding: 10px 0;
  border: 0;
  border-radius: 0;
  background: none;
  color: var(--lg-ink);
  font-family: var(--lg-sans);
  font-size: 15px;
  font-weight: 600;
  box-shadow: inset 0 -2px 0 0 var(--lg-fig);
}
body.lg-board .board-sector:hover { filter: none; box-shadow: inset 0 -2px 0 0 var(--lg-ink); }

/* Everything that narrows a board you have not seen yet waits behind one
   ruled line. */
body.lg-board .board-refine { margin: 0; border-bottom: 2px solid var(--lg-rule-strong); }
body.lg-board .board-refine-sum {
  min-height: 44px;
  padding: 8px 0;
  font-family: var(--lg-serif);
  font-style: italic;
  font-size: 16.5px;
  font-weight: 400;
  font-variation-settings: "opsz" 17, "wght" 520;
  color: var(--lg-ink-soft);
  text-decoration: none;
}
body.lg-board .board-refine-sum:hover { color: var(--lg-ink); }
body.lg-board .board-refine-sum::before {
  content: "+";
  display: inline;
  width: auto;
  height: auto;
  border: 0;
  border-radius: 0;
  font-style: normal;
  font-weight: 600;
  color: var(--lg-fig);
}
body.lg-board .board-refine[open] > .board-refine-sum::before { content: "\2212"; }
body.lg-board .board-refine-body { padding: 4px 0 12px; border-top: 1px solid var(--lg-rule); gap: 0; }
body.lg-board .btf-label,
body.lg-board .board-wallet-toggle {
  font-family: var(--lg-serif);
  font-style: italic;
  font-size: 14.5px;
  font-weight: 400;
  font-variation-settings: "opsz" 14, "wght" 500;
  letter-spacing: 0;
  text-transform: none;
  color: var(--lg-ink-faint);
  text-decoration: none;
}
body.lg-board .board-wallet-toggle { color: var(--lg-ink-soft); }
body.lg-board .board-wallet-toggle:hover { color: var(--lg-ink); }
body.lg-board .btf-input,
body.lg-board .board-wallet-input,
body.lg-board .board-group-select,
body.lg-board .bact-amount,
body.lg-board .bwine-amount,
body.lg-board .bwb-amount {
  min-height: 44px;
  padding: 8px 2px;
  border: 0;
  border-bottom: 1px solid var(--lg-rule-strong);
  border-radius: 0;
  background: none;
  color: var(--lg-ink);
  font-family: var(--lg-sans);
  font-size: 15px;
  font-weight: 400;
}
body.lg-board .board-wallet-input { font-family: var(--lg-mono); font-size: 13px; }
body.lg-board .board-group-select { padding-right: 26px; background-position: right 2px center; }
body.lg-board .btf-input:focus,
body.lg-board .board-wallet-input:focus { outline: none; border-bottom-color: var(--lg-ink); box-shadow: none; }
body.lg-board .btf-clear,
body.lg-board .bcopy,
body.lg-board .bopen-link,
body.lg-board .bgroup-place-link {
  padding: 8px 2px;
  color: var(--lg-ink-soft);
  font-family: var(--lg-sans);
  font-size: 14.5px;
  font-weight: 450;
  text-decoration: underline;
  text-underline-offset: 4px;
  text-decoration-thickness: 1px;
  text-decoration-color: var(--lg-rule-strong);
}
body.lg-board .btf-clear:hover,
body.lg-board .bcopy:hover,
body.lg-board .bopen-link:hover,
body.lg-board .bgroup-place-link:hover { color: var(--lg-ink); text-decoration-color: var(--lg-ink); }
/* An arrow glued to a link says nothing the link does not. */
body.lg-board .bopen-link::after { content: none; }
body.lg-board .btf-list {
  margin: 6px 0 0;
  padding: 0;
  border: 0;
  border-top: 2px solid var(--lg-rule-strong);
  border-bottom: 2px solid var(--lg-rule-strong);
  border-radius: 0;
  background: none;
}
body.lg-board .btf-opt {
  min-height: 44px;
  padding: 9px 2px;
  border-radius: 0;
  border-bottom: 1px solid var(--lg-rule);
}
body.lg-board .btf-opt:hover,
body.lg-board .btf-opt.is-active { background: none; box-shadow: inset 0 -2px 0 0 var(--lg-ink); }
body.lg-board .btf-opt[aria-selected="true"] { box-shadow: inset 0 -2px 0 0 var(--lg-fig); }
body.lg-board .btf-opt-t { font-family: var(--lg-sans); font-size: 15px; font-weight: 500; color: var(--lg-ink); }
body.lg-board .btf-opt-k { font-family: var(--lg-mono); font-size: 11.5px; color: var(--lg-ink-faint); }
body.lg-board .btf-opt-n {
  font-family: var(--lg-serif);
  font-size: 18px;
  font-weight: 400;
  font-variation-settings: "opsz" 40, "wght" var(--lg-fig-w);
  font-variant-numeric: tabular-nums lining-nums;
  color: var(--lg-fig);
}
body.lg-board .btf-help,
body.lg-board .board-note,
body.lg-board .board-lead-cue {
  font-family: var(--lg-sans);
  font-size: 14.5px;
  line-height: 1.55;
  color: var(--lg-ink-faint);
  max-width: 74ch;
}
body.lg-board .board-note { margin: 13px 0 0; }
body.lg-board .board-lead-cue { margin: 4px 0 0; }
body.lg-board .board-lead-cue a,
body.lg-board .board-note a,
body.lg-board .btf-help a {
  color: var(--lg-ink);
  font-weight: 450;
  text-decoration: underline;
  text-underline-offset: 3px;
  text-decoration-color: var(--lg-rule-strong);
}

/* ═══ 5 · THE ENTRIES ════════════════════════════════════════════════════
   A kind of work is an account heading, ruled edge to edge, its count and its
   money in the money column. The places it is needed are its entries. */

body.lg-board .board-rows {
  margin: 0;
  border-top: 2px solid var(--lg-rule-strong);
  border-bottom: 2px solid var(--lg-rule-strong);
}
body.lg-board .board-rows:empty { border-bottom: 0; }
body.lg-board .bgroup { border-bottom: 1px solid var(--lg-rule); }
body.lg-board .bgroup:last-child { border-bottom: 0; }
body.lg-board .bgroup-head {
  grid-template-columns: minmax(0, 1fr) auto minmax(96px, auto) 16px;
  gap: 2px 24px;
  min-height: 56px;
  padding: 14px 0 13px;
  background: none;
  font-family: var(--lg-sans);
  color: var(--lg-ink);
}
body.lg-board .bgroup-head:hover { background: none; }
body.lg-board .bgroup-head:hover .bg-title { text-decoration: underline; text-underline-offset: 4px; }
body.lg-board .bgroup.open > .bgroup-head { border-bottom: 1px solid var(--lg-rule); }
/* The craft is a gloss, not a tracked capital in a third ink. */
body.lg-board .bg-career {
  margin: 0 0 2px;
  font-family: var(--lg-serif);
  font-style: italic;
  font-size: 14px;
  font-weight: 400;
  font-variation-settings: "opsz" 14, "wght" 480;
  letter-spacing: 0;
  text-transform: none;
  color: var(--lg-ink-faint);
}
body.lg-board .bg-title {
  font-family: var(--lg-serif);
  font-size: clamp(18px, 1.6vw, 22px);
  font-weight: 500;
  line-height: 1.2;
  font-variation-settings: "opsz" 30, "wght" 520;
  letter-spacing: -0.008em;
  color: var(--lg-ink);
}
body.lg-board .bg-count {
  font-family: var(--lg-serif);
  font-style: italic;
  font-size: 14.5px;
  color: var(--lg-ink-faint);
}
body.lg-board .bg-pay {
  justify-self: end;
  font-family: var(--lg-serif);
  font-size: 22px;
  font-weight: 400;
  line-height: 1;
  font-variation-settings: "opsz" 96, "wght" var(--lg-fig-w);
  font-variant-numeric: tabular-nums lining-nums;
  color: var(--lg-fig);
  letter-spacing: -0.006em;
}
/* The one disclosure mark this page speaks in, in place of a rotating chevron
   drawn out of two borders. */
body.lg-board .bgroup-head::after {
  content: "+";
  width: auto;
  height: auto;
  justify-self: end;
  margin: 0;
  border: 0;
  transform: none;
  transition: none;
  font-family: var(--lg-sans);
  font-size: 16px;
  font-weight: 600;
  line-height: 1;
  color: var(--lg-fig);
}
body.lg-board .bgroup.open > .bgroup-head::after { content: "\2212"; transform: none; margin: 0; }

body.lg-board .bgroup-rows { padding: 0 0 6px; }
body.lg-board .bgroup-rows > li { border-bottom: 1px solid var(--lg-rule); }
body.lg-board .bgroup-rows > li:last-child { border-bottom: 0; }
/* ONE ENTRY. Place, its meta, its state and its money, on one line, with the
   money right-aligned and tabular so the digits stack into one vertical edge
   down the whole register. */
body.lg-board .brow {
  grid-template-columns: minmax(0, 1fr) auto 340px;
  grid-template-areas: "t meta pay";
  gap: 3px 26px;
  align-items: baseline;
  min-height: 52px;
  padding: 11px 0 11px 22px;
  background: none;
  font-family: var(--lg-sans);
  color: var(--lg-ink);
}
body.lg-board .brow:hover { background: none; }
body.lg-board .brow:hover .bt { text-decoration: underline; text-underline-offset: 4px; }
body.lg-board .brow .bt { font-size: 16.5px; font-weight: 500; line-height: 1.32; }
/* The skill word ranges right against the money, so the entry reads as three
   ranged columns rather than one adrift in the middle. */
body.lg-board .brow .btype {
  justify-self: end;
  font-family: var(--lg-serif);
  font-style: italic;
  font-size: 14.5px;
  line-height: 1.35;
  color: var(--lg-ink-faint);
}
body.lg-board .brow .bpay {
  justify-self: end;
  text-align: right;
  max-width: 340px;
  text-wrap: pretty;
  font-family: var(--lg-sans);
  font-size: 12.5px;
  font-weight: 400;
  line-height: 1.4;
  color: var(--lg-ink-faint);
}
body.lg-board .brow .bpay .bpay-amt {
  font-family: var(--lg-serif);
  font-size: 19px;
  font-weight: 400;
  line-height: 1;
  font-variation-settings: "opsz" 96, "wght" var(--lg-fig-w);
  font-variant-numeric: tabular-nums lining-nums;
  color: var(--lg-fig);
}
body.lg-board .brow .bpay--funded .bpay-amt,
body.lg-board .brow .bpay--paid .bpay-amt { color: var(--lg-green); }
/* The funding state stays exactly the word the row's own funding class draws.
   It stops being a capsule: a state is a word, and a word set in the book's
   own italic reads as a state without a pill around it. */
body.lg-board .brow .bpay::before {
  display: block;
  width: auto;
  margin: 0 0 3px;
  padding: 0;
  border-radius: 0;
  background: none;
  font-family: var(--lg-serif);
  font-style: italic;
  font-size: 14.5px;
  font-weight: 400;
  line-height: 1.3;
  font-variation-settings: "opsz" 15, "wght" 520;
  letter-spacing: 0;
  text-transform: none;
}
body.lg-board .brow .bpay--proposed::before,
body.lg-board .brow .bpay--partial::before { color: var(--lg-fig); }
body.lg-board .brow .bpay--credit::before { color: var(--lg-ink-faint); }
body.lg-board .brow .bpay--funded::before,
body.lg-board .brow .bpay--paid::before { color: var(--lg-green); }
/* Regulated work says so on the row. It is the one warning on the page, so it
   is set in the warning ink rather than fenced in a capsule. */
body.lg-board .bhaz {
  margin-left: 8px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: none;
  font-family: var(--lg-serif);
  font-style: italic;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0;
  text-transform: none;
  color: var(--lg-warn);
}
body.lg-board .bvertical { font-family: var(--lg-serif); font-style: italic; font-size: 14px; color: var(--lg-ink-faint); }

body.lg-board .board-more { text-align: left; margin: 16px 0 0; }
body.lg-board .board-more button {
  min-height: 44px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: none;
  color: var(--lg-ink);
  font-family: var(--lg-serif);
  font-style: italic;
  font-size: 16.5px;
  font-weight: 400;
  font-variation-settings: "opsz" 17, "wght" 520;
  box-shadow: inset 0 -2px 0 0 var(--lg-fig);
}
body.lg-board .board-more button:hover { color: var(--lg-fig); border-color: transparent; }

/* ═══ 6 · AN OPEN ENTRY: THE PARTICULARS ═════════════════════════════════ */

/* A ROW'S DRAWER BELONGS TO THAT ROW, not to its group. The board's own sheet
   opens a drawer with `li.open .bdetail`, and a GROUP's <li> also carries
   `open` when its places are showing — so every closed row inside an open
   group was painting its drawer too. Empty (unloaded) that is a silent band of
   dead padding on every entry in the register, measured at 32px each; once a
   row has been opened and closed again, it is that row's whole packet, still
   on the page under a collapsed entry. Nothing about the drawer's content
   changes here: only the row whose drawer it is decides whether it shows. */
body.lg-board #boardRows li:not(.open) > .bdetail { display: none; }

/* The open entry is a sub-entry of the register above it: indented, and set to
   the book's own measure so its rules end where its text does. */
body.lg-board .bdetail {
  padding: 6px 0 26px 22px;
  max-width: calc(88ch + 22px);
  font-family: var(--lg-sans);
  font-size: 15px;
  line-height: 1.6;
  color: var(--lg-ink-soft);
}
body.lg-board .bopen { gap: 0 24px; margin: 0 0 6px; }
body.lg-board .bwhat {
  margin: 4px 0 2px;
  font-family: var(--lg-sans);
  font-size: 16px;
  line-height: 1.55;
  color: var(--lg-ink);
  max-width: 74ch;
}
/* The particulars, ruled: the gloss at the left, the value at the right. */
body.lg-board .bdetail dl {
  display: grid;
  grid-template-columns: 168px minmax(0, 1fr);
  gap: 0;
  margin: 12px 0;
  max-width: 78ch;
  border-top: 1px solid var(--lg-rule);
}
body.lg-board .bdetail dt {
  padding: 11px 20px 11px 0;
  font-family: var(--lg-serif);
  font-style: italic;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.45;
  font-variation-settings: "opsz" 15, "wght" 480;
  letter-spacing: 0;
  text-transform: none;
  color: var(--lg-ink-soft);
  border-bottom: 1px solid var(--lg-rule);
}
body.lg-board .bdetail dd {
  padding: 11px 0;
  font-family: var(--lg-sans);
  font-size: 15.5px;
  line-height: 1.5;
  color: var(--lg-ink);
  border-bottom: 1px solid var(--lg-rule);
}
body.lg-board .bwage { font-family: var(--lg-serif); font-style: italic; font-size: 14px; color: var(--lg-ink-faint); }
body.lg-board .bdetail pre {
  padding: 0 0 0 20px;
  border: 0;
  border-radius: 0;
  background: none;
  font-family: var(--lg-mono);
  font-size: 12.5px;
  line-height: 1.6;
  color: var(--lg-ink);
}
/* The funding sentence and the hazard warning: the one place each rule is
   spelled out, marked by a short rule, never by a tinted box. */
body.lg-board .bfundfull,
body.lg-board .bhazbanner,
body.lg-board .bfundwhy,
body.lg-board .bsubsidy,
body.lg-board .bsettled {
  position: relative;
  margin: 10px 0 14px;
  padding: 13px 0 0;
  border: 0;
  border-radius: 0;
  background: none;
  font-family: var(--lg-sans);
  font-size: 14.5px;
  line-height: 1.6;
  color: var(--lg-ink-soft);
  max-width: 76ch;
}
/* THE RULED FOOTNOTE, said once for this surface: a short separator rule, then
   the note. The register keeps the same device for `.intake`; it cannot hold
   these because they are six surface class names, not one shared class. */
body.lg-board .work-page .aiband::before,
body.lg-board .bfundfull::before,
body.lg-board .bhazbanner::before,
body.lg-board .bfundwhy::before,
body.lg-board .bsubsidy::before,
body.lg-board .bsettled::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 132px;
  height: 1px;
  background: var(--lg-rule-strong);
}
body.lg-board .bhazbanner::before { background: var(--lg-warn); }
body.lg-board .bfundfull strong,
body.lg-board .bhazbanner strong,
body.lg-board .bfundwhy strong,
body.lg-board .bsub-badge,
body.lg-board .bsettled-badge {
  display: block;
  margin: 0 0 3px;
  padding: 0;
  border-radius: 0;
  background: none;
  font-family: var(--lg-serif);
  font-style: italic;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.4;
  font-variation-settings: "opsz" 15, "wght" 520;
  letter-spacing: 0;
  text-transform: none;
  color: var(--lg-ink-soft);
}
body.lg-board .bfundfull.is-proposed strong, body.lg-board .bfundwhy strong { color: var(--lg-fig); }
body.lg-board .bfundfull.is-funded strong, body.lg-board .bfundfull.is-paid strong,
body.lg-board .bsub-badge, body.lg-board .bsettled-badge { color: var(--lg-green); }
body.lg-board .bhazbanner strong { color: var(--lg-warn); }
body.lg-board .bhazbanner strong ~ strong { display: inline; color: var(--lg-ink); font-style: normal; font-family: var(--lg-sans); font-weight: 600; }
body.lg-board .bfundpanel.bfund-flash,
body.lg-board .bfundwhy.bfund-flash { box-shadow: inset 0 -2px 0 0 var(--lg-fig); }
body.lg-board .bfund-progress { color: var(--lg-ink); font-weight: 600; }

/* The folded layers. Six identical rounded cards became six ruled lines: the
   fold is a rule and a mark, which is what a fold is. */
body.lg-board .bagent,
body.lg-board .bstd,
body.lg-board .bagree,
body.lg-board .btrain,
body.lg-board .bfundpanel,
body.lg-board .btrain-attach {
  margin: 0;
  border: 0;
  border-top: 1px solid var(--lg-rule);
  border-radius: 0;
  background: none;
}
body.lg-board .btrain-attach { margin-left: 20px; }
body.lg-board .bagent > summary,
body.lg-board .bstd > summary,
body.lg-board .bagree > summary,
body.lg-board .btrain > summary,
body.lg-board .bfundpanel > summary,
body.lg-board .btrain-attach > summary {
  min-height: 44px;
  padding: 6px 0;
  font-family: var(--lg-serif);
  font-style: italic;
  font-size: 15.5px;
  font-weight: 400;
  font-variation-settings: "opsz" 16, "wght" 520;
  color: var(--lg-ink-soft);
}
body.lg-board .bagent > summary:hover,
body.lg-board .bstd > summary:hover,
body.lg-board .bagree > summary:hover,
body.lg-board .btrain > summary:hover,
body.lg-board .bfundpanel > summary:hover,
body.lg-board .btrain-attach > summary:hover { color: var(--lg-ink); }
body.lg-board .bagent > summary::before,
body.lg-board .bstd > summary::before,
body.lg-board .bagree > summary::before,
body.lg-board .btrain > summary::before,
body.lg-board .bfundpanel > summary::before,
body.lg-board .btrain-attach > summary::before {
  width: 16px;
  height: auto;
  margin-right: 8px;
  border: 0;
  border-radius: 0;
  font-style: normal;
  font-weight: 600;
  color: var(--lg-fig);
}
body.lg-board .bagent[open] > summary,
body.lg-board .bstd[open] > summary,
body.lg-board .bagree[open] > summary,
body.lg-board .btrain[open] > summary,
body.lg-board .bfundpanel[open] > summary,
body.lg-board .btrain-attach[open] > summary { border-bottom: 0; color: var(--lg-ink); }
body.lg-board .bagent .bagent-body,
body.lg-board .bstd .bstd-body,
body.lg-board .bagree .bagree-body,
body.lg-board .btrain .btrain-body,
body.lg-board .bfundpanel-body,
body.lg-board .btrain-attach .btrain-attach-body { padding: 0 0 14px 24px; }
body.lg-board .bfundpanel { border-left: 0; }
body.lg-board .btrain-cred,
body.lg-board .bflag {
  padding: 0;
  margin-right: 16px;
  border: 0;
  border-radius: 0;
  background: none;
  font-family: var(--lg-serif);
  font-style: italic;
  font-size: 14.5px;
  font-weight: 400;
  color: var(--lg-ink-soft);
}
body.lg-board .bflag { color: var(--lg-fig); }
body.lg-board .btrain-creds, body.lg-board .bflags { gap: 0; }

/* THE ACTS ON AN OPEN ENTRY. One stamp; every alternative is a ruled word. */
body.lg-board .bact { gap: 14px 22px; margin: 20px 0 6px; }
body.lg-board .bact button {
  min-height: 44px;
  padding: 10px 0;
  border: 0;
  border-radius: 0;
  background: none;
  color: var(--lg-ink);
  font-family: var(--lg-sans);
  font-size: 15px;
  font-weight: 500;
  box-shadow: inset 0 -2px 0 0 var(--lg-rule-strong);
}
body.lg-board .bact button:hover { border-color: transparent; box-shadow: inset 0 -2px 0 0 var(--lg-ink); }
body.lg-board .bact button:focus-visible { outline: 2px solid var(--lg-focus); outline-offset: 3px; }
body.lg-board .bact .bwine-preset {
  min-height: 44px;
  padding: 10px 0;
  margin-right: 14px;
  border: 0;
  border-radius: 0;
  font-family: var(--lg-serif);
  font-style: italic;
  font-size: 15px;
  color: var(--lg-ink-soft);
  box-shadow: none;
}
body.lg-board .bact .bwine-preset:hover { color: var(--lg-ink); border-color: transparent; box-shadow: inset 0 -2px 0 0 var(--lg-rule-strong); }
body.lg-board .bact-more > summary {
  padding: 8px 0;
  font-family: var(--lg-serif);
  font-style: italic;
  font-size: 16px;
  font-weight: 400;
  font-variation-settings: "opsz" 16, "wght" 520;
  color: var(--lg-ink-soft);
  text-decoration: none;
}
body.lg-board .bact-more > summary:hover { color: var(--lg-ink); }
/* A label and its value on one ruled line, not two words at opposite ends of
   the drawer. */
body.lg-board .bstanding,
body.lg-board .bsub-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: baseline;
  gap: 0 20px;
  margin: 10px 0 0;
  padding: 8px 0 0;
  border-top: 1px solid var(--lg-rule);
  max-width: 78ch;
}
body.lg-board .bstanding span:first-child,
body.lg-board .bsub-row span:first-child {
  font-family: var(--lg-serif);
  font-style: italic;
  font-size: 15px;
  font-variation-settings: "opsz" 15, "wght" 480;
  color: var(--lg-ink-soft);
}
body.lg-board .bstanding span:last-child,
body.lg-board .bsub-row span:last-child { text-align: right; color: var(--lg-ink); }
body.lg-board .bact-or,
body.lg-board .bact-note,
body.lg-board .bact-noclaim,
body.lg-board .bwine-note,
body.lg-board .bsafety,
body.lg-board .bhow,
body.lg-board .breceipt,
body.lg-board .bbids,
body.lg-board .bstanding,
body.lg-board .bsub-row,
body.lg-board .bsub-note,
body.lg-board .bsettled-note,
body.lg-board .bembody,
body.lg-board .bdraft,
body.lg-board .bref,
body.lg-board .btrain-note,
body.lg-board .btrain-honest {
  font-family: var(--lg-sans);
  font-size: 14px;
  line-height: 1.6;
  color: var(--lg-ink-faint);
}
body.lg-board .bsafety strong, body.lg-board .bhow strong,
body.lg-board .bact-noclaim strong, body.lg-board .bwine-note b,
body.lg-board .bembody-k { color: var(--lg-ink); font-weight: 600; }
body.lg-board .bsafety a, body.lg-board .breceipt a, body.lg-board .bstart a,
body.lg-board .btrain .btrain-body a, body.lg-board .bdetail a:not(.bact-primary):not(.bact-link) {
  color: var(--lg-ink);
  font-weight: 450;
  text-decoration: underline;
  text-underline-offset: 3px;
  text-decoration-color: var(--lg-rule-strong);
}
body.lg-board .bact-note.bact-ok { animation: none; background: none; padding: 2px 0; margin-left: 0; color: var(--lg-green); box-shadow: inset 0 -2px 0 0 var(--lg-green); }
body.lg-board .basset { border: 0; border-radius: 0; margin: 8px 0 14px; }
body.lg-board .bwine-bar-in .bwine-lab { font-family: var(--lg-sans); font-size: 14.5px; font-weight: 500; color: var(--lg-ink); }

/* ═══ 7 · THE FOOT BAND WHILE AN ENTRY IS OPEN ═══════════════════════════ */

body.lg-board .bwine-bar {
  padding: 10px 0 calc(10px + env(safe-area-inset-bottom, 0px));
  background: var(--lg-paper);
  border-top: 2px solid var(--lg-rule-strong);
  box-shadow: none;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}
body.lg-board .bwine-bar::before { content: none; }
body.lg-board .bwine-bar-in {
  max-width: 1320px;
  padding: 0 clamp(18px, 3vw, 40px);
  gap: 8px 20px;
}
body.lg-board .bwb-kick {
  font-family: var(--lg-serif);
  font-style: italic;
  font-size: 14.5px;
  font-weight: 400;
  letter-spacing: 0;
  text-transform: none;
  color: var(--lg-ink-faint);
}
body.lg-board .bwb-title { font-family: var(--lg-sans); font-size: 15px; font-weight: 500; color: var(--lg-ink); }
body.lg-board .bwb-pay {
  font-family: var(--lg-serif);
  font-size: 20px;
  font-weight: 400;
  font-variation-settings: "opsz" 96, "wght" var(--lg-fig-w);
  font-variant-numeric: tabular-nums lining-nums;
  color: var(--lg-fig);
}
body.lg-board .bwb-more > summary {
  padding: 8px 2px;
  font-family: var(--lg-serif);
  font-style: italic;
  font-size: 15.5px;
  font-weight: 400;
  color: var(--lg-ink-soft);
  text-decoration: none;
}
body.lg-board .bwb-more > summary:hover, body.lg-board .bwb-more[open] > summary { color: var(--lg-ink); }
body.lg-board .bwb-more .bwine button {
  min-height: 44px;
  padding: 9px 0;
  margin-right: 18px;
  border: 0;
  border-radius: 0;
  background: none;
  color: var(--lg-ink);
  font-family: var(--lg-sans);
  font-size: 14.5px;
  font-weight: 500;
  box-shadow: inset 0 -2px 0 0 var(--lg-rule-strong);
}
body.lg-board .bwb-close {
  width: 44px;
  height: 44px;
  border: 0;
  border-radius: 0;
  background: none;
  color: var(--lg-ink-faint);
  font-family: var(--lg-sans);
  font-size: 17px;
}
body.lg-board .bwb-close:hover { color: var(--lg-ink); }
body.lg-board .bwb-note { font-family: var(--lg-sans); font-size: 13.5px; color: var(--lg-ink-faint); }

/* ═══ 8 · THE STANDING OF THE BOOK ═══════════════════════════════════════
   The four live figures, in a money column: the label at the left on its own
   rule, the figure right-aligned and tabular. Read DOWN, the way a book is
   read, instead of across a ragged row of gold. */

body.lg-board .board-belt {
  margin-top: 26px;
  padding-top: 0;
  border-top: 0;
}
body.lg-board .board-stats {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: clamp(24px, 3vw, 56px);
  gap: 0 clamp(24px, 3vw, 56px);
  font: inherit;
  letter-spacing: 0;
  text-transform: none;
  color: var(--lg-ink-soft);
}
body.lg-board .board-stats .bstat {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: baseline;
  gap: 4px 16px;
  padding: 9px 0;
  border-bottom: 1px solid var(--lg-rule);
  font-family: var(--lg-serif);
  font-style: italic;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.4;
  font-variation-settings: "opsz" 15, "wght" 480;
  letter-spacing: 0;
  text-transform: none;
  color: var(--lg-ink-soft);
}
body.lg-board .board-stats strong {
  order: 0;
  grid-column: 2;
  grid-row: 1;
  justify-self: end;
  font-family: var(--lg-serif);
  font-style: normal;
  font-size: clamp(24px, 2.3vw, 32px);
  font-weight: 400;
  line-height: 1;
  font-variation-settings: "opsz" 144, "wght" var(--lg-lead-w);
  font-variant-numeric: tabular-nums lining-nums;
  letter-spacing: -0.012em;
  color: var(--lg-fig-lead);
}
body.lg-board .board-stats small {
  grid-column: 1;
  grid-row: 2;
  font-family: var(--lg-sans);
  font-style: normal;
  font-size: 13px;
  line-height: 1.5;
  letter-spacing: 0;
  text-transform: none;
  color: var(--lg-ink-faint);
}
body.lg-board .board-belt .board-sub,
body.lg-board .wf-boundary {
  margin: 16px 0 0;
  font-family: var(--lg-sans);
  font-size: 14.5px;
  line-height: 1.65;
  color: var(--lg-ink-soft);
  max-width: 84ch;
}
body.lg-board .board-belt .board-sub a,
body.lg-board .wf-boundary a {
  color: var(--lg-ink);
  font-weight: 450;
  text-decoration: underline;
  text-underline-offset: 3px;
  text-decoration-color: var(--lg-rule-strong);
}

/* The four first-use instructions, and every other house disclosure. The two
   ruled edges are the register's now (folded 2026-09-06). */
body.lg-board details.disclosure > summary {
  font-family: var(--lg-serif);
  font-style: italic;
  font-size: 16.5px;
  font-weight: 400;
  font-variation-settings: "opsz" 17, "wght" 520;
  color: var(--lg-ink-soft);
}
body.lg-board details.disclosure > summary:hover { color: var(--lg-ink); }
body.lg-board details.disclosure > summary::after { font-family: var(--lg-sans); font-weight: 600; color: var(--lg-fig); }
body.lg-board details.disclosure > :not(summary) {
  font-family: var(--lg-sans);
  font-size: 15px;
  line-height: 1.6;
  color: var(--lg-ink-soft);
}
body.lg-board .first-steps { margin-top: 18px; }
body.lg-board .first-steps-list li::before {
  font-family: var(--lg-serif);
  font-size: 18px;
  font-weight: 400;
  font-variation-settings: "opsz" 40, "wght" var(--lg-fig-w);
  font-variant-numeric: tabular-nums lining-nums;
  color: var(--lg-fig);
}
body.lg-board .first-steps-list a,
body.lg-board .first-steps .quiet a {
  color: var(--lg-ink);
  font-weight: 450;
  text-decoration: underline;
  text-underline-offset: 3px;
  text-decoration-color: var(--lg-rule-strong);
}

/* ═══ 9 · THE DEMAND LEDGER ══════════════════════════════════════════════
   It was already the closest thing on this page to a register. It becomes one:
   the tally as a money column, the rows ruled, the count in gold at the left
   edge where a ledger keeps its folio number. */

body.lg-board .dl-tally {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: end;
  gap: 0 clamp(24px, 3vw, 56px);
  margin: 0 0 22px;
  border-bottom: 0;
}
/* Right-ranged, the way a book ranges a money column: three figures, three
   right edges, their glosses under them. */
body.lg-board .dl-tally div { min-width: 0; padding: 0 0 11px; text-align: right; }
body.lg-board .dl-tally b {
  font-family: var(--lg-serif);
  font-size: 28px;
  font-weight: 400;
  line-height: 1;
  font-variation-settings: "opsz" 96, "wght" var(--lg-fig-w);
  font-variant-numeric: tabular-nums lining-nums;
  color: var(--lg-fig);
}
body.lg-board .dl-tally .dl-lead b {
  font-size: clamp(44px, 5.2vw, 72px);
  line-height: 0.9;
  font-variation-settings: "opsz" 144, "wght" var(--lg-lead-w);
  letter-spacing: -0.016em;
  color: var(--lg-fig-lead);
}
body.lg-board .dl-tally span {
  margin-top: 8px;
  font-family: var(--lg-serif);
  font-style: italic;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.35;
  font-variation-settings: "opsz" 15, "wght" 480;
  letter-spacing: 0;
  text-transform: none;
  color: var(--lg-ink-soft);
}
body.lg-board .dl-rows { border-top: 2px solid var(--lg-rule-strong); border-bottom: 2px solid var(--lg-rule-strong); }
body.lg-board .dl-rows li:last-child { border-bottom: 0; }
body.lg-board .dl-rows li { border-bottom: 1px solid var(--lg-rule); }
body.lg-board .dl-rows a {
  gap: 18px;
  padding: 13px 0;
  align-items: baseline;
  border-radius: 0;
  transition: none;
}
body.lg-board .dl-rows a:hover { background: none; transform: none; }
body.lg-board .dl-rows a:hover .dl-job b { text-decoration: underline; text-underline-offset: 4px; }
body.lg-board .dl-rows a:focus-visible { outline: 2px solid var(--lg-focus); outline-offset: 2px; }
body.lg-board .dl-votes {
  width: 56px;
  font-family: var(--lg-serif);
  font-size: 19px;
  font-weight: 400;
  font-variation-settings: "opsz" 40, "wght" calc(var(--lg-fig-w) + 60);
  font-variant-numeric: tabular-nums lining-nums;
  color: var(--lg-fig);
}
body.lg-board .dl-job b { font-family: var(--lg-sans); font-size: 16.5px; font-weight: 500; line-height: 1.32; color: var(--lg-ink); }
body.lg-board .dl-job span {
  margin-top: 3px;
  font-family: var(--lg-serif);
  font-style: italic;
  font-size: 14.5px;
  color: var(--lg-ink-faint);
}
body.lg-board .dl-go { display: none; }
body.lg-board .dl-card { border: 0; background: none; padding: 0; box-shadow: none; }
body.lg-board .dl-wait { padding: 13px 0; font-family: var(--lg-sans); font-size: 15px; color: var(--lg-ink-faint); }

/* ═══ 10 · REFERENCE: BUILD YOUR CRAFT ═══════════════════════════════════
   Everything here is true and none of it is needed to take a job today, so it
   reads as the back matter of the book: smaller measure, quieter ink, ruled
   folds, and not one object that could be mistaken for live work. */

body.lg-board .wf-reference { margin-top: clamp(44px, 5.6vw, 76px); padding-top: 22px; border-top: 2px solid var(--lg-rule-strong); }
body.lg-board .tl-cols { gap: 0 clamp(28px, 3.6vw, 56px); }
body.lg-board .tl-ladder { border-top: 2px solid var(--lg-rule-strong); }
body.lg-board .tl-title {
  font-family: var(--lg-serif);
  font-size: 21px;
  font-weight: 500;
  font-variation-settings: "opsz" 30, "wght" 520;
  color: var(--lg-ink);
}
/* The three standards named a craft in a tracked capital in three inks. The
   name is the information; the tracking and the ink were not. */
body.lg-board .tl-chip,
body.lg-board .tl-lvl,
body.lg-board .tl-climb {
  font-family: var(--lg-serif);
  font-style: italic;
  font-size: 14.5px;
  font-weight: 400;
  line-height: 1.35;
  font-variation-settings: "opsz" 14, "wght" 500;
  letter-spacing: 0;
  text-transform: none;
  color: var(--lg-ink-faint);
}
body.lg-board .tl-b .tl-chip,
body.lg-board .tl-f .tl-chip,
body.lg-board .tl-r .tl-chip { color: var(--lg-ink-soft); }
body.lg-board .tl-b .tl-cue,
body.lg-board .tl-f .tl-cue,
body.lg-board .tl-r .tl-cue { color: var(--lg-fig); }
body.lg-board .tl-num {
  font-family: var(--lg-serif);
  font-size: 17px;
  font-weight: 400;
  font-variation-settings: "opsz" 40, "wght" var(--lg-fig-w);
  font-variant-numeric: tabular-nums lining-nums;
  color: var(--lg-fig);
}
body.lg-board .tl-rung { border-top: 1px solid var(--lg-rule); }
body.lg-board .tl-start { border-top: 2px solid var(--lg-rule-strong); }
body.lg-board .tl-what,
body.lg-board .tl-task,
body.lg-board .tl-intro,
body.lg-board .tl-foot,
body.lg-board .tl-real,
body.lg-board .tl-earn { font-family: var(--lg-sans); }
body.lg-board .tl-task { color: var(--lg-ink); }
body.lg-board .tl-earn b, body.lg-board .tl-foot b, body.lg-board .tl-real b { color: var(--lg-ink); }
body.lg-board .gname {
  font-family: var(--lg-serif);
  font-style: italic;
  font-size: 16px;
  font-weight: 400;
  font-variation-settings: "opsz" 16, "wght" 520;
  color: var(--lg-ink);
}
body.lg-board .gloss li { border-top: 1px solid var(--lg-rule); padding-top: 10px; }
body.lg-board .regen-col { border-top: 2px solid var(--lg-rule-strong); }
body.lg-board .regen-col h3 {
  font-family: var(--lg-serif);
  font-size: 19px;
  font-weight: 500;
  font-variation-settings: "opsz" 30, "wght" 520;
  color: var(--lg-ink);
}
body.lg-board .rgc-stats { gap: 0; border-top: 1px solid var(--lg-rule); }
body.lg-board .rgc-stats dt {
  padding: 8px 14px 8px 0;
  font-family: var(--lg-serif);
  font-style: italic;
  font-size: 14.5px;
  color: var(--lg-ink-soft);
  border-bottom: 1px solid var(--lg-rule);
}
body.lg-board .rgc-stats dd {
  padding: 8px 0;
  font-family: var(--lg-serif);
  font-size: 17px;
  font-weight: 400;
  font-variation-settings: "opsz" 40, "wght" var(--lg-fig-w);
  font-variant-numeric: tabular-nums lining-nums;
  color: var(--lg-fig);
  border-bottom: 1px solid var(--lg-rule);
}
body.lg-board .wf-ledger-k {
  font-family: var(--lg-serif);
  font-style: italic;
  font-size: 15px;
  font-weight: 400;
  font-variation-settings: "opsz" 15, "wght" 500;
  letter-spacing: 0;
  text-transform: none;
  color: var(--lg-ink-soft);
}
body.lg-board .wf-ledger-v { font-family: var(--lg-sans); color: var(--lg-ink-soft); }
body.lg-board .boundary,
body.lg-board .quiet {
  font-family: var(--lg-sans);
  font-size: 14px;
  line-height: 1.65;
  color: var(--lg-ink-faint);
  max-width: 84ch;
}

/* ═══ 11 · THE MARGIN FOLDS AWAY, AND THE PHONE IS COMPOSED ══════════════ */

@media (max-width: 1180px) {
  body.lg-board .wf-eyebrow {
    position: static;
    width: auto;
    margin: 0 0 7px;
    text-align: left;
  }
}

@media (max-width: 900px) {
  body.lg-board .board-stats { grid-template-columns: minmax(0, 1fr); }
  body.lg-board .dl-tally { grid-template-columns: minmax(0, 1fr); gap: 0; border-bottom: 0; }
  body.lg-board .dl-tally div { border-bottom: 1px solid var(--lg-rule); padding: 9px 0; display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: baseline; gap: 0 16px; }
  body.lg-board .dl-tally b { grid-column: 2; grid-row: 1; justify-self: end; }
  body.lg-board .dl-tally span { grid-column: 1; grid-row: 1; margin-top: 0; }
  body.lg-board .dl-tally .dl-lead b { font-size: 46px; }
}

@media (max-width: 760px) {
  body.lg-board .ck-crumbs { gap: 2px 16px; padding: 10px 0 7px; }
  body.lg-board .lg-folio-id span { display: none; }
  body.lg-board .ck-trail { flex: 1 0 100%; gap: 0 16px; }
  body.lg-board .ck-trail a { min-height: 44px; padding: 4px 0; font-size: 14px; gap: 6px; }
  body.lg-board .ck-trail [data-label] { max-width: 15ch; }
  body.lg-board .work-page .pk-head h1 { font-size: 31px; max-width: 18ch; }
  body.lg-board .work-page .pk-head .wf-lede { font-size: 16px; }
  body.lg-board .board-seg { gap: 0 22px; padding-top: 6px; }
  body.lg-board .board-seg::before { flex: 1 0 100%; margin-bottom: -4px; }
  body.lg-board .board-seg-btn,
  body.lg-board .board-near,
  body.lg-board .board-funded { flex: 0 0 auto; width: auto; justify-content: flex-start; margin-right: 0; padding: 8px 0; }
  /* On a phone the entry gets the whole measure and the money keeps its own
     right edge on the line below, so a long place sets in two lines, not four. */
  /* The place takes the whole measure and the money keeps its own right edge on
     the line below, so a long place sets in two lines instead of four. The
     skill word leads that line: given a fixed track it was squeezed to nothing
     and overflowed off the left edge. */
  body.lg-board .brow {
    grid-template-columns: auto minmax(0, 1fr);
    grid-template-areas: "t t" "meta pay";
    gap: 4px 16px;
    padding: 12px 0 12px 14px;
  }
  body.lg-board .brow .btype { justify-self: start; }
  body.lg-board .brow .bpay { justify-self: end; text-align: right; max-width: none; margin-top: 0; }
  body.lg-board .brow .bpay::before { margin: 0 0 2px; }
  body.lg-board .bgroup-head { grid-template-columns: minmax(0, 1fr) auto 16px; gap: 3px 18px; padding: 14px 0 13px; }
  body.lg-board .bdetail { padding: 6px 0 22px 14px; }
  body.lg-board .bdetail dl { grid-template-columns: minmax(0, 1fr); }
  body.lg-board .bdetail dt { padding: 10px 0 0; border-bottom: 0; }
  body.lg-board .bdetail dd { padding: 2px 0 10px; }
  body.lg-board .board-stats .bstat { padding: 8px 0; }
  body.lg-board .board-stats strong { font-size: 24px; }
  body.lg-board .board-stats small { display: block; }
  body.lg-board .bwine-bar-in { padding: 0 16px; }
  body.lg-board .bwb-kick { display: none; }
}

@media (prefers-reduced-motion: reduce) {
  body.lg-board .bgroup-head::after,
  body.lg-board .board-wallet-toggle::after { transition: none; }
}