/* LLaMa Papers — Honest Record
 *
 * One row per paper. Editorial three-column card:
 *
 *     [ date + race meta ]  [ pick + emblem + price ]  [ top-4 strip ]
 *
 * Uses the shared .honest-record chip vocab (won-flag / placed-flag--
 * silver|bronze|4th, pos, pending) so the visual grammar matches every
 * other Honest Record on the site. Only the row-layout + top-4 strip
 * are page-specific.
 */

.honest-record--race-paper .rp-hr__list {
  list-style: none;
  padding: 0;
  margin: 24px 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.rp-hr__row {
  display: grid;
  grid-template-columns: minmax(180px, 1.1fr) minmax(220px, 1.3fr) minmax(240px, 1.6fr) auto;
  gap: 24px;
  padding: 20px 22px;
  background: #fff;
  border: 1px solid #e3ddd0;
  border-left: 3px solid transparent;
  border-radius: 5px;
  align-items: start;
  transition: box-shadow 0.15s ease, transform 0.15s ease;
}

.rp-hr__row:hover {
  box-shadow: 0 8px 22px -14px rgba(0, 0, 0, 0.25);
  transform: translateY(-1px);
}

.rp-hr__row--gold    { border-left-color: #d4af37; background: #fdf9ec; }
.rp-hr__row--silver  { border-left-color: #8c96a5; }
.rp-hr__row--bronze  { border-left-color: #a05a28; }
.rp-hr__row--fourth  { border-left-color: #c8a55a; }
.rp-hr__row--outside { border-left-color: rgba(0, 0, 0, 0.08); }
.rp-hr__row--pending { border-left-color: rgba(0, 0, 0, 0.12); opacity: 0.85; }

/* ── Left column: date + race identity ────────────────────── */

.rp-hr__meta { min-width: 0; }

.rp-hr__date {
  font-family: system-ui, -apple-system, "Segoe UI", sans-serif;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #6a6a72;
  margin: 0 0 6px;
  display: flex;
  align-items: center;
  gap: 8px;
}

.rp-hr__day-tag {
  padding: 2px 7px;
  background: rgba(212, 175, 55, 0.16);
  color: #7a5a10;
  border-radius: 3px;
  font-size: 9px;
  letter-spacing: 0.12em;
}

.rp-hr__race { margin: 0 0 4px; font-family: system-ui, sans-serif; font-size: 13px; }

.rp-hr__race-link {
  color: #17171a;
  text-decoration: none;
  border-bottom: 1px dotted #b9a888;
  padding-bottom: 1px;
}

.rp-hr__race-link:hover { color: #8b5a2b; border-bottom-style: solid; }

.rp-hr__race-time   { font-weight: 700; margin-right: 4px; }
.rp-hr__race-course { color: #4a4a52; }

.rp-hr__race-name {
  font-family: "Playfair Display", Georgia, serif;
  font-size: 15px;
  font-weight: 700;
  color: #17171a;
  margin: 4px 0 0;
  line-height: 1.25;
}

/* ── Middle column: pick + emblem + advised/SP ────────────── */

.rp-hr__pick { min-width: 0; }

.rp-hr__pick-label {
  font-family: system-ui, sans-serif;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: #8b5a2b;
  margin: 0 0 6px;
}

.rp-hr__pick-line {
  margin: 0 0 8px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

.rp-hr__pick-horse {
  font-family: "Playfair Display", Georgia, serif;
  font-size: 17px;
  font-weight: 700;
  color: #17171a;
  text-decoration: none;
  border-bottom: 1px dotted #b9a888;
  padding-bottom: 1px;
}

.rp-hr__pick-horse:hover { color: #8b5a2b; border-bottom-style: solid; }

.rp-hr__pick-meta {
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 6px 12px;
  font-family: system-ui, sans-serif;
  font-size: 11.5px;
  color: #5a5a62;
  letter-spacing: 0.02em;
}

.rp-hr__conf {
  padding: 2px 7px;
  border-radius: 3px;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.rp-hr__conf--high     { background: rgba(14, 124, 74, 0.14); color: #0e7c4a; }
.rp-hr__conf--medium   { background: rgba(139, 90, 43, 0.14); color: #8b5a2b; }
.rp-hr__conf--low      { background: rgba(120, 120, 130, 0.14); color: #6a6a72; }

.rp-hr__price { color: #6a6a72; }
.rp-hr__sp    { color: #17171a; font-weight: 700; }

/* ── Right column: top-4 finishers strip ──────────────────── */

.rp-hr__result { min-width: 0; }

.rp-hr__result-label {
  font-family: system-ui, sans-serif;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: #8b5a2b;
  margin: 0 0 6px;
}

.rp-hr__top4 {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

/* Slot layout — [rank] [horse name] [finish chip]. Rank is the
 * paper's prediction position (1..4); finish chip is the horse's
 * ACTUAL result. Row tint (rp-hr__slot--{finish_medal}) carries
 * the medal signal at a glance so scanning left→right reads as
 * "our #1 pick finished GOLD" or "our #2 pick was outside". */
.rp-hr__slot {
  display: grid;
  grid-template-columns: 22px minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  padding: 5px 10px;
  background: #fbf8f0;
  border: 1px solid #eee6d5;
  border-radius: 3px;
  font-family: system-ui, sans-serif;
  font-size: 12.5px;
  color: #3a3a42;
}

.rp-hr__slot-rank {
  font-family: "Playfair Display", Georgia, serif;
  font-size: 14px;
  font-weight: 800;
  color: #a89a80;
  text-align: center;
  line-height: 1;
}

/* Emblem chips inside the slot inherit their shared shape from
 * horses_to_watch_honest_record.css — strip the outer margin-bottom
 * (chips sit inline here, not stacked over a horse name). */
.rp-hr__slot .honest-record__won-flag,
.rp-hr__slot .honest-record__placed-flag,
.rp-hr__slot .honest-record__pos,
.rp-hr__slot .honest-record__pending {
  margin-bottom: 0;
}

.rp-hr__slot-horse {
  color: #17171a;
  font-weight: 500;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Tint the row by the horse's actual finish, not by rank. A #1
 * pick that WON gets the gold row; a #1 pick that came 8th gets
 * the neutral row + a plain position chip. Honest at a glance. */
.rp-hr__slot--gold    { background: rgba(212, 175, 55, 0.16); border-color: rgba(212, 175, 55, 0.5); }
.rp-hr__slot--silver  { background: rgba(140, 150, 165, 0.14); border-color: rgba(140, 150, 165, 0.4); }
.rp-hr__slot--bronze  { background: rgba(160, 90, 40, 0.12); border-color: rgba(160, 90, 40, 0.35); }
.rp-hr__slot--fourth  { background: rgba(200, 165, 90, 0.10); border-color: rgba(200, 165, 90, 0.35); }
.rp-hr__slot--placed  { background: #fbf8f0; border-color: #e3ddd0; }
.rp-hr__slot--pending { background: #fbf8f0; border-color: #e3ddd0; opacity: 0.85; }

.rp-hr__slot--is-pick {
  outline: 2px solid #8b5a2b;
  outline-offset: -1px;
}

.rp-hr__slot--is-pick .rp-hr__slot-horse::after {
  content: " · LLaMa";
  color: #8b5a2b;
  font-weight: 700;
  font-size: 10.5px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.rp-hr__top4-pending {
  margin: 0;
  padding: 8px 10px;
  background: #fbf8f0;
  border: 1px dashed #d8d3c8;
  border-radius: 3px;
  font-family: Georgia, serif;
  font-style: italic;
  font-size: 12.5px;
  color: #6a6a72;
}

/* ── Hero legend chip for the 4TH ribbon (matches the medal
 * chip vocab in the shared deck line). ──────────────────── */

.rp-hr__medal--fourth {
  background: rgba(200, 165, 90, 0.16);
  color: #7a5a10;
}

/* ── Verify column ────────────────────────────────────────── */

.rp-hr__verify {
  align-self: center;
  min-width: 0;
}

/* ── Responsive: collapse to a single column ──────────────── */

@media (max-width: 900px) {
  .rp-hr__row {
    grid-template-columns: 1fr;
    gap: 14px;
  }
  .rp-hr__verify { justify-self: flex-start; }
}