/* THE TWO FORMS, SET IN THE REGISTER (post-fund lane, 2026-09-06).

   Post and Fund are one thing seen from two sides: a form that becomes an
   instrument. Post fills the instrument as you type; Fund reads it back from
   the board and asks you to stand behind it. So on both pages the loud object
   is the SAME object, the packet drawn as a certificate by vealth-packet.js,
   and everything else is the ruling around it.

   This sheet loads AFTER vealth-ledger.css and adds only what a form needs
   beyond the register: the ruled blank, the ruled choice, the ruled entry
   list, the two doors as ruled columns, and a money column with no lead
   figure. Every colour is a --lg-* token, so both themes move together and
   nothing here introduces a literal.

   NO BOXES. Horizontal ruling in two weights: 2px opens and closes a table,
   a hairline separates its rows. No vertical rules, no radius, no shadow, no
   card, no capital eyebrow, no monospace outside a machine identifier.

   THE ONE FILLED SHAPE. Post strikes the gold stamp twice, once per screen:
   "Make my Starter Pack" and "Publish to the board". Fund strikes it only at
   the doors, where money actually moves, and twice there because the card and
   the wallet are two INSTRUMENTS of one act, not two acts. A control that
   only scrolls the page is never a stamp. */

/* ── The page ─────────────────────────────────────────────────────────────
   The house sheet's operate register (.op-*) is gone from these pages; the
   workfield sheet is still linked because it owns the plate's anatomy, which
   the register then re-dresses. What survives from it below is re-dressed
   here rather than left wearing the card kit. */

body.lg-forms .ck-scene + .ck-scene {
  padding-top: 26px;
  border-top: 2px solid var(--lg-rule-strong);
}

body.lg-forms .ck h2 {
  margin: 0;
  font-family: var(--lg-serif);
  font-size: clamp(25px, 2.7vw, 35px);
  line-height: 1.08;
  font-weight: 500;
  font-variation-settings: "opsz" 60, "wght" 470;
  letter-spacing: -0.012em;
  color: var(--lg-ink);
  max-width: 22ch;
  text-wrap: balance;
}
body.lg-forms .ck h3 {
  margin: 0;
  font-family: var(--lg-serif);
  font-size: 21px;
  line-height: 1.15;
  font-weight: 500;
  font-variation-settings: "opsz" 30, "wght" 520;
  letter-spacing: -0.008em;
  color: var(--lg-ink);
}

/* Body prose. Paragraphs on one measure; a run of them is separated by a
   first-line indent, the way a printed page sets continuous text. */
body.lg-forms .ck p.p {
  margin: 0;
  font-family: var(--lg-sans);
  font-size: 15.5px;
  line-height: 1.62;
  color: var(--lg-ink-soft);
  max-width: 66ch;
}
body.lg-forms .ck p.p + p.p { margin-top: 0; text-indent: 1.7em; }
body.lg-forms .ck p.p b, body.lg-forms .ck p.p strong { color: var(--lg-ink); font-weight: 600; }

body.lg-forms .ck a:not(.wf-act):not(.ck-switch):not(.paste-copy) {
  color: var(--lg-ink);
  text-decoration: underline;
  text-underline-offset: 3px;
  text-decoration-color: var(--lg-rule-strong);
}
body.lg-forms .ck a:not(.wf-act):not(.ck-switch):not(.paste-copy):hover {
  text-decoration-color: var(--lg-ink);
}

/* The trail on a page with no depth machinery: the earlier depths are real
   links, not buttons, so they need the row the register gives a button.
   CANDIDATE FOR THE REGISTER. */
body.lg-forms .ck-trail a {
  display: inline-flex;
  align-items: baseline;
  gap: 8px;
  min-height: 44px;
  padding: 10px 0;
  font-family: var(--lg-sans);
  font-size: 15px;
  font-weight: 450;
  color: var(--lg-ink-faint);
  text-decoration: none;
  min-width: 0;
}
body.lg-forms .ck-crumbs .ck-trail li:not([aria-current]) a [data-label] {
  color: var(--lg-ink-soft);
  box-shadow: inset 0 -1px 0 0 var(--lg-rule-strong);
}
body.lg-forms .ck-crumbs .ck-trail li:not([aria-current]) a:hover [data-label] {
  color: var(--lg-ink);
  box-shadow: inset 0 -1px 0 0 var(--lg-ink);
}
body.lg-forms .ck-trail a [data-label] {
  max-width: 30ch;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* ── The two-column head: the statement at the left, the instrument at the
      right. Not a hero and a card: two columns of one page. ─────────────── */

body.lg-forms .lgf-top {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.02fr);
  gap: 22px clamp(34px, 4.6vw, 68px);
  align-items: start;
  padding-top: 16px;
}
body.lg-forms .lgf-head { min-width: 0; }
body.lg-forms .lgf-instrument { min-width: 0; }

/* A scene's own head: the title and the one line under it belong together, so
   they are set as one block rather than two rows of the scene's rhythm. */
body.lg-forms .lgf-shead { min-width: 0; }
body.lg-forms .lgf-shead .p { margin-top: 9px; }
body.lg-forms .lgf-shead .lede { margin-top: 11px; }
/* A run of continuous prose, indented rather than blank-lined. */
body.lg-forms .lgf-body { min-width: 0; }

/* ── THE RULED BLANK ───────────────────────────────────────────────────────
   The register rules one line for the find bar. A form is that line, repeated,
   with a printed label above it and a note under it. No box, no fill, no
   radius: the rule IS the field. CANDIDATE FOR THE REGISTER. */

body.lg-forms .lgf-blank { margin: 0; padding: 13px 0 0; }
body.lg-forms .lgf-blank > label,
body.lg-forms .lgf-blank > .lgf-label {
  display: block;
  margin: 0 0 2px;
  font-family: var(--lg-serif);
  font-style: italic;
  font-size: 15px;
  font-variation-settings: "opsz" 15, "wght" 500;
  letter-spacing: 0;
  text-transform: none;
  color: var(--lg-ink-soft);
}
body.lg-forms .ck .wf-edit,
body.lg-forms .ck .lgf-blank input,
body.lg-forms .ck .lgf-blank textarea {
  display: block;
  width: 100%;
  min-width: 0;
  min-height: 50px;
  margin: 0;
  padding: 0 2px 6px 0;
  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: 18px;
  line-height: 1.45;
}
body.lg-forms .ck textarea.wf-edit {
  min-height: 92px;
  padding-top: 10px;
  resize: vertical;
}
body.lg-forms .ck .wf-edit::placeholder {
  font-family: var(--lg-serif);
  font-style: italic;
  font-size: 16.5px;
  color: var(--lg-ink-faint);
  opacity: 1;
}
body.lg-forms .ck .wf-edit:focus,
body.lg-forms .ck .wf-edit:focus-visible {
  outline: none;
  border-bottom: 2px solid var(--lg-fig);
  padding-bottom: 5px;
}
body.lg-forms .lgf-note {
  margin: 6px 0 0;
  font-family: var(--lg-sans);
  font-size: 13.5px;
  line-height: 1.55;
  color: var(--lg-ink-faint);
  max-width: 62ch;
}

/* ── THE RULED CHOICE ──────────────────────────────────────────────────────
   Six families, read DOWN two columns the way a book reads a list. Each is a
   ruled row, never a capsule; the one you pick is struck in gold and set in
   ink. CANDIDATE FOR THE REGISTER. */

body.lg-forms .fams {
  columns: 2;
  column-gap: clamp(26px, 3.4vw, 48px);
  margin: 4px 0 0;
  border-top: 1px solid var(--lg-rule-strong);
}
body.lg-forms .fam {
  position: relative;
  display: block;
  break-inside: avoid;
  border-bottom: 1px solid var(--lg-rule);
}
body.lg-forms .fam input {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  margin: 0;
  cursor: pointer;
}
body.lg-forms .fam span {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 46px;
  padding: 11px 0 10px;
  border: 0;
  border-radius: 0;
  background: none;
  color: var(--lg-ink-soft);
  font-family: var(--lg-sans);
  font-size: 16px;
  font-weight: 450;
  line-height: 1.3;
  cursor: pointer;
}
body.lg-forms .fam span::before {
  content: "";
  flex: none;
  width: 9px;
  height: 9px;
  box-sizing: border-box;
  border: 1px solid var(--lg-ink-faint);
  background: none;
}
body.lg-forms .fam input:checked + span {
  color: var(--lg-ink);
  font-weight: 560;
  box-shadow: inset 0 -2px 0 0 var(--lg-fig);
}
body.lg-forms .fam input:checked + span::before {
  border-color: var(--lg-fig);
  background: var(--lg-fig);
}
body.lg-forms .fam input:focus-visible + span {
  outline: 2px solid var(--lg-focus);
  outline-offset: 3px;
}
body.lg-forms .fam span:hover { color: var(--lg-ink); }

/* ── The acts row ─────────────────────────────────────────────────────────
   The stamp, then whatever the page must say beside it, as a gloss. */

body.lg-forms .lgf-acts,
body.lg-forms .ck .wf-acts {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px 22px;
  margin: 22px 0 0;
}
body.lg-forms .lgf-say {
  margin: 0;
  font-family: var(--lg-serif);
  font-style: italic;
  font-size: 15px;
  font-variation-settings: "opsz" 15, "wght" 470;
  line-height: 1.5;
  color: var(--lg-ink-faint);
  max-width: 46ch;
}
body.lg-forms .lgf-say:empty { display: none; }
/* THE STAMP. The register makes it a sharp gold seal; the workfield sheet
   underneath it still carries the pill's uppercase label, its radius, its
   shadow and its hover lift, so they are struck off here. A seal does not
   rise off the page when you point at it. */
body.lg-forms .ck .wf-act {
  border-radius: 0;
  border: 0;
  box-shadow: none;
  text-transform: none;
  transition: none;
  transform: none;
}
body.lg-forms .ck .wf-act:hover { transform: none; box-shadow: none; }
/* The real alternative is the register's quiet action, never a second seal. */
body.lg-forms .ck .wf-act--quiet,
body.lg-forms .ck .wf-act--quiet:hover,
body.lg-forms .ck .wf-act--quiet:focus-visible {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  padding: 0;
  background: none;
  color: var(--lg-ink-soft);
  font-family: var(--lg-sans);
  font-size: 14px;
  font-weight: 550;
  letter-spacing: 0;
  text-decoration: underline;
  text-underline-offset: 4px;
  text-decoration-thickness: 1px;
  text-decoration-color: var(--lg-rule-strong);
  white-space: normal;
}
body.lg-forms .ck .wf-act--quiet:hover { color: var(--lg-ink); text-decoration-color: var(--lg-ink); }
body.lg-forms .ck button.wf-act[disabled] {
  background: none;
  color: var(--lg-ink-faint);
  box-shadow: inset 0 0 0 1px var(--lg-rule-strong);
  cursor: not-allowed;
  opacity: 1;
  filter: none;
}
body.lg-forms .ck button.wf-act[disabled]:hover { filter: none; }

/* The packet's own act on a page whose primary is something else. The
   workfield sheet turns it into a gold underline in house tokens; on the
   book's paper it is the register's quiet action. */
body.lg-forms .ck .wf-plate[data-act="quiet"] .wf-doport .wf-act,
body.lg-forms .ck .wf-plate[data-act="quiet"] .wf-doport .wf-act:hover {
  min-height: 44px;
  padding: 0;
  font-family: var(--lg-sans);
  font-size: 14.5px;
  font-weight: 550;
  color: var(--lg-ink);
  text-decoration: none;
  box-shadow: inset 0 -2px 0 0 var(--lg-fig);
}
body.lg-forms .ck .wf-plate[data-act="quiet"] .wf-doport .wf-act:hover {
  box-shadow: inset 0 -2px 0 0 var(--lg-ink);
}

/* ── THE RULED ENTRY LIST ──────────────────────────────────────────────────
   Every prose ledger on both pages: Post's near matches, Fund's four things a
   payment does, its four outcomes, its six promises. Opened and closed by a
   2px rule, hairline between rows, the key ranged left in its own column in
   the book's italic. CANDIDATE FOR THE REGISTER. */

body.lg-forms .ck .wf-ledger {
  list-style: none;
  margin: 4px 0 0;
  padding: 0;
  border-top: 2px solid var(--lg-rule-strong);
  border-bottom: 2px solid var(--lg-rule-strong);
}
body.lg-forms .ck .wf-ledger > li {
  display: grid;
  grid-template-columns: minmax(0, 210px) minmax(0, 1fr);
  gap: 4px clamp(20px, 2.6vw, 38px);
  align-items: start;
  margin: 0;
  padding: 14px 0 13px;
  border: 0;
  border-bottom: 1px solid var(--lg-rule);
  background: none;
}
body.lg-forms .ck .wf-ledger > li:last-child { border-bottom: 0; }
body.lg-forms .ck .wf-ledger-k {
  margin: 0;
  font-family: var(--lg-serif);
  font-style: italic;
  font-size: 15.5px;
  line-height: 1.4;
  font-variation-settings: "opsz" 16, "wght" 520;
  letter-spacing: 0;
  text-transform: none;
  color: var(--lg-ink);
}
body.lg-forms .ck .wf-ledger-k i {
  font-style: normal;
  font-size: 17px;
  font-variation-settings: "opsz" 40, "wght" var(--lg-fig-w);
  font-variant-numeric: tabular-nums lining-nums;
  color: var(--lg-fig);
  margin-right: 8px;
}
body.lg-forms .ck .wf-ledger-v {
  margin: 0;
  font-family: var(--lg-sans);
  font-size: 15px;
  line-height: 1.58;
  color: var(--lg-ink-soft);
  max-width: 74ch;
}
body.lg-forms .ck .wf-ledger-v + .wf-ledger-v { margin-top: 8px; }
body.lg-forms .ck .wf-ledger-v b { color: var(--lg-ink); font-weight: 600; }
/* The row's true state: a gloss word in its own colour, never a pill. */
body.lg-forms .ck .wf-ledger-state {
  display: inline;
  margin: 0 8px 0 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: none;
  font-family: var(--lg-serif);
  font-style: italic;
  font-size: 15px;
  font-variation-settings: "opsz" 15, "wght" 560;
  letter-spacing: 0;
  text-transform: none;
  vertical-align: baseline;
}
body.lg-forms .ck .wf-ledger-state--done { color: var(--lg-green); }
body.lg-forms .ck .wf-ledger-state--partial { color: var(--lg-fig); }
body.lg-forms .ck .wf-ledger-state--open { color: var(--lg-warn); }
body.lg-forms .ck .wf-ledger a:not(.wf-act) { color: var(--lg-ink); }
body.lg-forms .ck .wf-ledger .wf-acts { margin-top: 10px; gap: 10px 20px; }

/* ── The money column, with no lead figure ────────────────────────────────
   The register's .ck-gauges puts its first row up at opsz 144 because on the
   front door that figure IS the page. On Fund the lead figure is the wage,
   and the wage lives inside the certificate, so this modifier returns the
   first row to the column. CANDIDATE FOR THE REGISTER. */

body.lg-forms .ck-gauges.lgf-col { grid-template-columns: minmax(0, 1fr); margin-top: 4px; }
body.lg-forms .ck-gauges.lgf-col > div:first-child {
  display: grid;
  grid-column: auto;
  padding: 8px 0;
  border-bottom: 1px solid var(--lg-rule);
  text-align: left;
}
body.lg-forms .ck-gauges.lgf-col > div:first-child dd {
  font-size: 24px;
  line-height: 1;
  font-variation-settings: "opsz" 96, "wght" var(--lg-fig-w);
  letter-spacing: 0;
  color: var(--lg-fig);
}
body.lg-forms .ck-gauges.lgf-col > div:first-child dt { display: block; margin-top: 0; font-size: 15px; }
body.lg-forms .ck-gauges.lgf-col > div:first-of-type { border-top: 2px solid var(--lg-rule-strong); }
body.lg-forms .ck-gauges.lgf-col > div:last-child { border-bottom-width: 2px; border-bottom-color: var(--lg-rule-strong); }
body.lg-forms .ck-gauges.lgf-col dd span {
  font-family: var(--lg-serif);
  font-style: italic;
  font-size: 14.5px;
  font-variation-settings: "opsz" 15, "wght" 470;
  color: var(--lg-ink-faint);
}

/* The live sentence the board answers with, above the column. */
body.lg-forms .lgf-message {
  margin: 0;
  font-family: var(--lg-sans);
  font-size: 16px;
  line-height: 1.5;
  font-weight: 600;
  color: var(--lg-ink);
  max-width: 52ch;
}

/* ── THE TWO DOORS ────────────────────────────────────────────────────────
   Two instruments of one act. Two columns of the same page, each opened and
   closed by its own 2px rule; no vertical rule between them, because a book
   does not draw one. On a phone they stack and read in order.
   CANDIDATE FOR THE REGISTER. */

body.lg-fund .wf-doors {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0 clamp(30px, 4.4vw, 64px);
  margin: 4px 0 0;
}
body.lg-fund .wf-door {
  min-width: 0;
  padding: 14px 0 18px;
  border: 0;
  border-top: 2px solid var(--lg-rule-strong);
  border-bottom: 2px solid var(--lg-rule-strong);
  border-radius: 0;
  background: none;
  box-shadow: none;
}
body.lg-fund .wf-door-k {
  margin: 0;
  font-family: var(--lg-serif);
  font-size: 25px;
  line-height: 1.08;
  font-weight: 500;
  font-variation-settings: "opsz" 48, "wght" 520;
  letter-spacing: 0.01em;
  color: var(--lg-ink);
}
body.lg-fund .wf-door-role {
  display: block;
  margin: 3px 0 10px;
  padding: 0;
  border: 0;
  background: none;
  font-family: var(--lg-serif);
  font-style: italic;
  font-size: 14.5px;
  font-variation-settings: "opsz" 14, "wght" 500;
  letter-spacing: 0;
  text-transform: none;
  color: var(--lg-ink-faint);
}
body.lg-fund .wf-door p {
  margin: 0 0 10px;
  font-family: var(--lg-sans);
  font-size: 15px;
  line-height: 1.58;
  color: var(--lg-ink-soft);
  max-width: 44ch;
}
/* The door's live state is a sentence, so it is set as one. */
body.lg-fund .wf-door .wf-state-line {
  padding: 9px 0 0;
  border-top: 1px solid var(--lg-rule);
  font-family: var(--lg-sans);
  font-size: 15px;
  font-weight: 550;
  line-height: 1.5;
  letter-spacing: 0;
  color: var(--lg-ink);
}
body.lg-fund .wf-door .wf-checkline { font-size: 14px; color: var(--lg-ink-faint); }
body.lg-fund .wf-door label {
  font-family: var(--lg-serif);
  font-style: italic;
  font-size: 15px;
  font-weight: 400;
  color: var(--lg-ink-soft);
}
body.lg-fund .wf-door .lgf-chip {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 8px 16px;
  margin: 0 0 4px;
}
body.lg-fund .ck .wf-door input[type="number"] {
  width: 8ch;
  min-height: 44px;
  padding: 0 2px 5px 0;
  border: 0;
  border-bottom: 1px solid var(--lg-rule-strong);
  border-radius: 0;
  background: none;
  color: var(--lg-ink);
  font-family: var(--lg-serif);
  font-size: 20px;
  font-variation-settings: "opsz" 40, "wght" var(--lg-fig-w);
  font-variant-numeric: tabular-nums lining-nums;
}
body.lg-fund .ck .wf-door input[type="number"]:focus,
body.lg-fund .ck .wf-door input[type="number"]:focus-visible {
  outline: none;
  border-bottom: 2px solid var(--lg-fig);
  padding-bottom: 4px;
}
/* The agent call is machine text, so it keeps the machine face and is set the
   way a book sets an extract: indented on the measure, no frame. */
body.lg-fund .ck .wf-door pre {
  margin: 12px 0 0;
  padding: 0 0 0 18px;
  border: 0;
  border-radius: 0;
  background: none;
  box-shadow: none;
  max-height: none;
  overflow-x: auto;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  font-family: var(--lg-mono);
  font-size: 12.5px;
  line-height: 1.6;
  color: var(--lg-ink-soft);
}

/* ── The boundary lines, set as footnotes ─────────────────────────────────
   A short separator rule, then the note: the register's own .intake device. */

body.lg-forms .ck .wf-boundary {
  position: relative;
  margin: 16px 0 0;
  padding: 15px 0 0;
  border: 0;
  font-family: var(--lg-sans);
  font-size: 14px;
  line-height: 1.6;
  color: var(--lg-ink-faint);
  max-width: 82ch;
}
body.lg-forms .ck .wf-boundary::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 118px;
  height: 1px;
  background: var(--lg-rule-strong);
}
body.lg-forms .ck .wf-boundary b { color: var(--lg-ink); font-weight: 600; }
body.lg-forms .ck .wf-boundary a { color: var(--lg-ink-soft); }
body.lg-fund .wf-door .wf-boundary { max-width: 44ch; }

/* ── The machine twin: two views of ONE extract ───────────────────────────
   Not two products, and not a tab bar: two gloss switches on a rule, then the
   extract itself in the register's .paste treatment. */

body.lg-post .lgf-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 0 26px;
  margin: 0 0 10px;
  border-bottom: 1px solid var(--lg-rule);
}
body.lg-post .lgf-tabs button {
  min-height: 44px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: none;
  color: var(--lg-ink-faint);
  font-family: var(--lg-serif);
  font-style: italic;
  font-size: 15px;
  font-variation-settings: "opsz" 15, "wght" 500;
  letter-spacing: 0;
  text-transform: none;
  cursor: pointer;
}
body.lg-post .lgf-tabs button[aria-selected="true"] {
  color: var(--lg-ink);
  box-shadow: inset 0 -2px 0 0 var(--lg-fig);
}
body.lg-post .lgf-tabs button:hover { color: var(--lg-ink); }
/* The extract prints whole on a desk: a scroll box that clips a line through
   the middle of its letters reads as a rendering fault, not a container. On a
   phone it is capped, because 25 lines of machine text is a screen and a half
   of scrolling past the thing a person came for. */
body.lg-post .ck .paste pre { overflow-x: auto; }
@media (max-width: 760px) {
  body.lg-post .ck .paste pre { max-height: 23em; overflow: auto; }
}

/* ── The reference section at the foot of Post ────────────────────────────
   The workfield sheet gives it a top border and a large margin; on a ruled
   page the scene rule above it already does that job. */

body.lg-forms .ck .wf-reference { margin: 0; padding-top: 0; border-top: 0; }

/* ── The phone ────────────────────────────────────────────────────────────
   Composed, not collapsed: the instrument comes first on Post because it is
   what the person is making, and the columns become one measure. */

@media (max-width: 1080px) {
  body.lg-forms .lgf-top { grid-template-columns: minmax(0, 1fr); gap: 26px; }
}
@media (max-width: 900px) {
  body.lg-forms .fams { columns: 1; }
  body.lg-fund .wf-doors { grid-template-columns: minmax(0, 1fr); gap: 0; }
  body.lg-fund .wf-door + .wf-door { border-top: 0; margin-top: -1px; }
}
@media (max-width: 760px) {
  body.lg-forms .ck .wf-ledger > li { grid-template-columns: minmax(0, 1fr); gap: 6px; }
  body.lg-forms .ck .wf-edit { font-size: 17px; }
  body.lg-forms .ck h2 { font-size: 26px; max-width: none; }
  body.lg-forms .lgf-top { padding-top: 14px; }
  body.lg-fund .wf-door-k { font-size: 22px; }
  body.lg-forms .ck .wf-ledger-k { font-size: 16px; }
}

/* ══ PASS 2, from reading the renders ══════════════════════════════════════

   THE IDENTITY BAND. The register's plate rules were written for the front
   door, which does NOT link the workfield sheet. Here the workfield sheet is
   still underneath, and its `display: contents` head plus its four
   `grid-area` assignments survived the register's re-dress: with no named
   areas on the register's four-column band, every part of the band was placed
   into an implicit line of its own and the kind, the id, the state and the act
   all stacked on one another in the top right corner. Struck off explicitly. */
body.lg-forms .ck .wf-plate { grid-template-areas: none; }
body.lg-forms .ck .wf-plate > *,
body.lg-forms .ck .wf-plate-head > * { grid-area: auto; }
body.lg-forms .ck .wf-plate-id {
  margin: 0;
  justify-self: auto;
  align-self: center;
  text-align: left;
  max-width: none;
}
body.lg-forms .ck .wf-plate .wf-state { justify-self: auto; }
body.lg-forms .ck .wf-plate .wf-doport { margin: 0; }
body.lg-forms .ck .wf-plate > noscript { grid-column: auto; }

/* THE INSTRUMENT STAYS WITH YOU. On Post the form is long and the certificate
   is short, so the right column emptied out below it: a column of nothing
   beside the thing a person is actually filling in. The certificate is the
   preview, so it holds its place while the form scrolls past it. */
@media (min-width: 1081px) {
  body.lg-forms .lgf-instrument {
    position: sticky;
    top: calc(var(--nav-h, 89px) + 16px);
  }
}

/* Spacing inside the head column. .ck-scene's own rhythm does not reach
   inside a block, so the statement, the figures and the act each state their
   own. */
body.lg-forms .lgf-head .p { margin-top: 13px; }
body.lg-forms .lgf-head .lgf-message { margin-top: 14px; }
body.lg-forms .lgf-head .ck-gauges { margin-top: 16px; }
body.lg-forms .lgf-head .lgf-note { margin-top: 14px; }

/* The scene rule. `main.wrap.ck > section.ck-scene` sets border:0 at a higher
   specificity than a class pair, so the rule that separates one screen from
   the next has to be stated at the same weight. */
body.lg-forms main.wrap.ck > section.ck-scene + section.ck-scene {
  padding-top: 30px;
  border-top: 2px solid var(--lg-rule-strong);
}

/* THE BLANK, second pass. The printed label must out-rank the placeholder: a
   faint italic hint set larger than the label it belongs to reads as the
   label. And the pay field carries no .wf-edit class, so the focus and
   placeholder rules key on the blank itself. */
body.lg-forms .lgf-blank > label,
body.lg-forms .lgf-blank > .lgf-label {
  color: var(--lg-ink);
  font-variation-settings: "opsz" 15, "wght" 560;
}
body.lg-forms .ck .lgf-blank input::placeholder,
body.lg-forms .ck .lgf-blank textarea::placeholder {
  font-family: var(--lg-serif);
  font-style: italic;
  font-size: 16px;
  color: var(--lg-ink-faint);
  opacity: 1;
}
body.lg-forms .ck .lgf-blank input:focus,
body.lg-forms .ck .lgf-blank textarea:focus,
body.lg-forms .ck .lgf-blank input:focus-visible,
body.lg-forms .ck .lgf-blank textarea:focus-visible {
  outline: none;
  border-bottom: 2px solid var(--lg-fig);
  padding-bottom: 5px;
}
body.lg-forms .ck .lgf-blank textarea:focus,
body.lg-forms .ck .lgf-blank textarea:focus-visible { padding-bottom: 5px; }

/* A form column is a measure, not a page width. */
body.lg-post .lgf-pub { max-width: 560px; }
body.lg-post .paste { max-width: 94ch; }
body.lg-post .lgf-shead + .paste { margin-top: 4px; }

/* A STATUS WORD IS NOT A FIGURE. "not funded" is the board's funding status,
   and the house law is that numbers are one metal: setting a word in the
   figures' gold made a state read as an amount. It keeps the book's italic
   and the ink, and the two real figures below it keep the metal. */
body.lg-fund .ck-gauges.lgf-col .lgf-word dd { white-space: normal; }
body.lg-fund .ck-gauges.lgf-col .lgf-word dd b {
  font-family: var(--lg-serif);
  font-style: italic;
  font-size: 18px;
  font-variation-settings: "opsz" 20, "wght" 560;
  color: var(--lg-ink);
}

/* THE DOORS ARE ONE TABLE. Two columns of unequal length closed by two
   different rules read as two cards again; a book closes a table once, across
   the whole measure. */
body.lg-fund .wf-doors {
  border-top: 2px solid var(--lg-rule-strong);
  border-bottom: 2px solid var(--lg-rule-strong);
}
body.lg-fund .wf-door { border-top: 0; border-bottom: 0; }
@media (max-width: 900px) {
  body.lg-fund .wf-door + .wf-door { border-top: 1px solid var(--lg-rule); margin-top: 0; }
}
/* The wallet door carries two lines that both looked like the door's state.
   Only one of them IS the door's state; the other is an instruction. */
body.lg-fund .wf-door .lgf-payline {
  padding-top: 8px;
  border-top: 0;
  font-size: 14.5px;
  font-weight: 450;
  color: var(--lg-ink-soft);
}

/* ══ PASS 3, from reading the renders ══════════════════════════════════════

   TWO THINGS THE WORKFIELD SHEET STILL HELD. The register re-dresses the
   state and the field labels, but it was written for the front door, which
   links no workfield sheet, so the two properties it never had to name
   survived underneath: the chip's pill face, and the field labels' uppercase.
   On a ruled page they were the last capsule and the last tracked capital. */
body.lg-forms .ck .wf-plate .wf-state { background: none; }
body.lg-forms .ck .wf-fields dt { text-transform: none; }

/* The statement column's own rhythm, at the weight the register states it. */
body.lg-forms .lgf-head p.p { margin-top: 13px; }

/* THE SCENE RULE, ON THE BOOK'S OWN MEASURE. A border on the section box runs
   the full 1380px column, which is wider than the folio rule at the head of
   the page, so two rules of the same weight started at two different places.
   Drawn instead from the gloss margin to the text edge, exactly where the
   folio rule starts and stops. */
body.lg-forms main.wrap.ck > section.ck-scene + section.ck-scene {
  position: relative;
  padding-top: 36px;
  border-top: 0;
}
/* The doors close their own table; the next page opens below it. Two 2px rules
   want more air between them than one scene's normal step. */
body.lg-fund .wf-doors { margin-bottom: 8px; }
body.lg-forms main.wrap.ck > section.ck-scene + section.ck-scene::before {
  content: "";
  position: absolute;
  top: 0;
  left: clamp(18px, 3vw, 40px);
  right: clamp(18px, 3vw, 40px);
  height: 2px;
  background: var(--lg-rule-strong);
}