/* ==========================================================================
   RECEIPT — the v3 design (site design v3 A7.3, gta-org
   openspec/changes/design-v3-receipt). receipt-v3.css at design pin d40fdfc,
   verbatim below this header, less the draft-only .deskswitch block (its own
   comment says draft-only). Retypeset 2026-09-11 on the essay's system: the
   filing rail beside one reading column; serif subheads, no rules, spacing
   carried by margins. Loaded only by stories/<id>/, after tokens/base/
   tracker-shell.
   ========================================================================== */

.rcpt { --rail: 200px; --gap: 52px; }
.rcpt__in { max-width: 1040px; margin-inline: auto; padding-inline: var(--gutter); }

/* base.css styles the bare <section> with 96px padding and a rule. Cancel it
   here or every value below is a lie. */
.rcpt section { padding: 0; border: 0; }

/* --- the two columns ------------------------------------------------------ */
.rbody {
  display: grid; grid-template-columns: var(--rail) minmax(0, 1fr);
  gap: var(--gap); align-items: start;
  padding-top: clamp(28px, 4.5vw, 56px);
  padding-bottom: clamp(48px, 7vw, 88px);
}

/* --- filing rail ---------------------------------------------------------- */
.rail { display: flex; flex-direction: column; gap: 20px; }
.rail__desk { display: block; text-decoration: none; }
.rail__desk .wm { --wm-size: 26px; }
.rail__desk:hover .wm { opacity: .82; }

.rail__row { display: flex; flex-direction: column; gap: 4px; }
.rail__row dt {
  font: 700 10.5px/1.3 var(--display);
  letter-spacing: .12em; text-transform: uppercase;
  color: var(--ink-3);
}
.rail__row dd {
  margin: 0;
  font: 400 .78rem/1.4 var(--mono);
  color: var(--ink);
}
.rail__row dd a { color: inherit; text-underline-offset: 3px; }

/* status is colour, not a box (2026-09-11) */
.rail .stat {
  font: 700 .76rem/1.4 var(--display);
  letter-spacing: .06em;
  color: var(--accent-deep);
}

/* --- the counted figure, at the head of the rail (Money only) -------------
   Moved here 2026-09-11 from a block in the main column. It is the loudest
   thing on a Money receipt and it belongs beside the filing data, not buried
   under the prose. The counting status rides in the caption, which is why
   there is no longer a separate "Counting" row below. */
.rail__fig { display: flex; flex-direction: column; gap: 6px; }
/* Power receipts have no amount and the block is hidden. An author
   display:flex beats the UA sheet's [hidden]{display:none}, so it has to be
   cancelled explicitly or an empty figure renders on every Power receipt. */
.rail__fig[hidden] { display: none; }
.rail__fig b {
  font: 700 clamp(2.1rem, 1.6rem + 1.9vw, 2.9rem)/.95 var(--mono);
  letter-spacing: -.045em;
  color: var(--accent-deep);
}
.rail__fig em {
  font: 700 .68rem/1.3 var(--display); font-style: normal;
  letter-spacing: .12em; text-transform: uppercase;
  color: var(--ink-2);
}
.rail__fig span {
  margin-top: 4px;
  font: 400 .76rem/1.5 var(--editorial);
  color: var(--ink-3);
}

/* --- main column ---------------------------------------------------------- */
.rmain h1 {
  font: 600 clamp(2.2rem, 1.5rem + 3.2vw, 4rem)/1.02 var(--editorial);
  letter-spacing: -.04em;
  color: var(--ink);
  text-wrap: balance;
}
.rdek {
  margin-top: 20px;
  max-width: 44rem;
  font: 400 clamp(1.18rem, 1rem + .8vw, 1.6rem)/1.42 var(--editorial);
  color: var(--ink-2);
}

/* a section — serif subhead, no label, no rule */
.sec > h2 {
  margin: clamp(34px, 4.2vw, 50px) 0 14px;
  font: 600 clamp(1.6rem, 1.25rem + 1.5vw, 2.3rem)/1.12 var(--editorial);
  letter-spacing: -.03em;
  color: var(--ink);
}
.sec > p {
  margin: 0 0 1.1em;
  max-width: 44rem;
  font: 400 clamp(1.08rem, 1rem + .4vw, 1.24rem)/1.6 var(--editorial);
  color: var(--ink);
}
.sec > p:last-child { margin-bottom: 0; }
/* the Markdown subset a record's Detail may carry (markdown-lite.mjs): **Label** subheads and "- " bullets */
.sec > h3 { margin: 18px 0 6px; font-size: 0.95em; font-weight: 700; letter-spacing: .01em; }
.sec--labeled > h3:first-child { margin-top: 0; }
.sec > ul { margin: 0 0 14px; padding-left: 1.25em; }
.sec > ul > li { margin: 0 0 6px; }
.sec > ul:last-child { margin-bottom: 0; }
.sec > p a { text-underline-offset: 3px; }

/* (the figure block in the main column was moved into the rail 2026-09-11) */

/* --- source — one line, not an apparatus ---------------------------------- */
.srcs { margin-top: clamp(34px, 4.2vw, 50px); }
.srcs h2 {
  margin: 0 0 10px;
  font: 700 .7rem/1.3 var(--display);
  letter-spacing: .14em; text-transform: uppercase; color: var(--ink-3);
}
/* Every source the record rests on, on one line, comma delimited, each the linked
   source NAME (2026-09-16, gta-org#119). Unlinkable documents are dropped rather
   than listed inert (2026-09-11). A corroborating source carries its label as the
   rollover context, so the cursor says there is something to read. */
.srcs__line { margin: 0; }
.srcs a {
  font: 400 clamp(1.02rem, .98rem + .3vw, 1.14rem)/1.45 var(--editorial);
  text-underline-offset: 3px;
}
.srcs a[title] { cursor: help; }

/* --- share ---------------------------------------------------------------- */
.rshare { margin-top: clamp(36px, 4.5vw, 56px); }
.rshare .gshare { margin-top: 0; padding-top: 0; border-top: 0; justify-content: flex-start; }

@media (max-width: 860px) {
  .rbody { grid-template-columns: 1fr; gap: 26px; }
  .rail { flex-direction: row; flex-wrap: wrap; gap: 18px 30px; }
  .rail__desk { flex: 0 0 100%; }
}