/* THE RACK — verse mini rails as small flowing chips (word-mini
   chip language) + ONE expanded layer body. Ableton density. */

.rd-rack-hero {
  /* The address IS the hero — same ink as the word-mini's hero
     word, same warm hover, never underlined. Proportional face
     (--rd-display): the book name is constant, so the mono's
     jitter-proofing buys nothing here; tabular figures keep the
     chapter:verse digits from wiggling as the cursor walks. */
  font-family: var(--rd-display);
  font-variant-numeric: tabular-nums;
  font-size: 24px;
  letter-spacing: 0.01em;
  color: var(--rd-ink);
  cursor: pointer;
  padding: 2px 0 6px;
  line-height: 1.1;
  transition: color 140ms ease, text-shadow 140ms ease;
}
.rd-rack-hero:hover,
.rd-rack-hero:focus-visible {
  color: var(--rd-warm, #d4a256);
  text-shadow: 0 0 14px color-mix(in srgb, var(--rd-warm, #d4a256) 40%, transparent);
  text-decoration: none;
  outline: 0;
}

.rd-rack-group { margin-top: 7px; }
.rd-rack-eyebrow {
  font-size: 0.6em; letter-spacing: 0.14em; text-transform: uppercase;
  opacity: 0.45; padding: 1px 0 3px;
}
.rd-rack-chiprow { display: flex; flex-wrap: wrap; gap: 4px; }

.rd-rack-chip {
  /* Verbatim .rd-mw-sect-chip recipe — one chip language across
     both minis (Scott's gate). */
  display: inline-flex; align-items: center; gap: 5px;
  padding: 3px;
  border: 1px solid var(--rd-warm, #d4a256);
  border-radius: 2px;
  background: color-mix(in srgb, var(--rd-warm, #d4a256) 15%, transparent);
  color: var(--rd-warm, #d4a256);
  font-family: var(--rd-mono);
  font-size: 9px;
  line-height: 1;
  letter-spacing: 0.04em;
  text-transform: lowercase;
  font-variant: small-caps;
  cursor: pointer;
  user-select: none;
  transition: background-color 120ms ease, color 120ms ease,
              border-color 120ms ease, opacity 120ms ease;
}
.rd-rack-chip:hover { border-color: var(--rd-hot, var(--rd-warm)); }
.rd-rack-chip.on {
  background: color-mix(in srgb, var(--rd-warm, #d4a256) 32%, transparent);
}
.rd-rack-chip.dim {
  background: transparent;
  border-style: dashed;
  opacity: 0.55;
}
.rd-rack-chip-count { opacity: 0.8; font-variant-numeric: tabular-nums; }

.rd-rack-body {
  padding: 5px 2px 8px 6px;
  border-left: 2px solid color-mix(in srgb, var(--color-accent, #b08847) 45%, transparent);
  margin: 5px 0 4px 2px;
}
.rd-rack-vrow { padding: 4px 0 6px; }
.rd-rack-vref {
  font-size: 0.72em; text-transform: uppercase; letter-spacing: 0.06em;
  text-decoration: none; color: var(--color-accent);
}
.rd-rack-vhe { direction: rtl; font-family: var(--font-hebrew); font-size: 1.05em; line-height: 1.7; }
.rd-rack-ven { font-size: 0.82em; opacity: 0.75; line-height: 1.45; }
.rd-rack-refrow { font-size: 0.8em; opacity: 0.8; padding: 2px 0; }
.rd-rack-more { font-size: 0.72em; opacity: 0.5; padding-top: 3px; }

/* STUDY body — verse study prose (md-lite: p / strong / em / blockquote) */
.rd-study-prose { font-size: 0.84em; line-height: 1.55; }
.rd-study-prose p { margin: 0 0 0.6em; }
.rd-study-prose p:last-child { margin-bottom: 0; }
.rd-study-prose strong { color: var(--color-accent); font-weight: 600; }
.rd-study-prose blockquote {
  margin: 0.4em 0 0.6em 0.4em;
  padding-left: 8px;
  border-left: 2px solid color-mix(in srgb, var(--color-accent, #b08847) 35%, transparent);
  opacity: 0.85;
  font-style: italic;
}

/* SELAH group chips in the mini's TRANSLATIONS rail — uniform
   3-char grid, matching the verse profile's pf-trans-pill--grid
   (Scott, 2026-09-02). */
.rd-rack-chip--grid {
  min-width: 34px;
  justify-content: center;
}
.rd-rack-chip--grid .rd-rack-chip-label {
  text-align: center;
}