/* ==========================================================================
   THE RECEIPT ROW — one component, the home page and the records page
   (site design v3 A7.4, gta-org openspec/changes/design-v3-records). The
   block shell-v3.css lines 114–148 at design pin d40fdfc, verbatim below
   this header, moved here from home.css so the two lists share every rule.
   Loaded by index.html and records/index.html, after tokens/base/
   tracker-shell and before the page's own stylesheet.
   ========================================================================== */

/* --- THE RECEIPT ROW — one component, homepage and Rap Sheet -------------
   Date · desk · claim, with the front underneath. Moved out of home-v3.css
   2026-09-11 so the two lists can't drift apart.
   ---------------------------------------------------------------------- */
.rlist { list-style: none; margin: 0; padding: 0; }
/* The front/category is its own link, so it can't sit inside the headline's
   anchor (nested <a> is invalid). The row holds two siblings; the front is
   indented to line up under the headline column. */
.rrow { --c1: 7.5rem; --c2: 4.5rem; --cg: 20px; border-bottom: 1px solid var(--rule-2); }
.rrow > a.rrow__main {
  display: grid;
  grid-template-columns: 7.5rem 4.5rem minmax(0, 1fr);
  gap: 10px 20px; align-items: baseline;
  padding-block: 15px; text-decoration: none;
}
.rrow > a.rrow__main:hover strong { text-decoration: underline; text-underline-offset: 3px; }
.rrow__date { font: 400 .8rem/1.3 var(--mono); color: var(--ink-3); white-space: nowrap; }
.rrow__desk { font: 700 .68rem/1.3 var(--display); letter-spacing: .11em; text-transform: uppercase; }
.rrow.t-money .rrow__desk { color: var(--gold-deep); }
.rrow.t-power .rrow__desk { color: var(--red); }
.rrow strong { font: 500 clamp(1rem, .96rem + .2vw, 1.1rem)/1.35 var(--editorial); }
.rrow__front {
  display: inline-block;
  margin: 5px 0 15px calc(var(--c1) + var(--c2) + var(--cg) * 2);
  font: 400 .74rem/1.3 var(--mono); color: var(--ink-3);
  text-decoration: none;
}
.rrow__front:hover { color: var(--ink); text-decoration: underline; text-underline-offset: 3px; }

@media (max-width: 620px) {
  .rrow > a.rrow__main { grid-template-columns: 6.4rem 1fr; }
  .rrow strong { grid-column: 1 / -1; }
  .rrow__front { margin-left: 0; }
}