/* A single vertical reading path, using the existing study theme in both modes. */
.reward-models-topic .rm-process { padding: clamp(.8rem, 3vw, 1.8rem); }
.reward-models-topic .rm-flow { width: min(100%, 650px); margin: 0 auto; }
.reward-models-topic .rm-phase {
  margin: 1.5rem 0 1rem;
  color: var(--study-accent);
  font: 750 .76rem/1.5 ui-monospace, SFMono-Regular, Menlo, monospace;
}
.reward-models-topic .rm-phase:first-child { margin-top: 0; }
.reward-models-topic .rm-box {
  border: 1px solid var(--study-line);
  border-radius: 12px;
  background: var(--study-card);
  padding: 1rem 1.15rem;
}
.reward-models-topic .rm-box.is-result {
  border-color: var(--study-accent);
  background: color-mix(in srgb, var(--study-accent-soft) 50%, var(--study-card));
}
.reward-models-topic .rm-box header {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: .5rem .9rem;
  margin-bottom: .5rem;
}
.reward-models-topic .rm-box header strong {
  overflow-wrap: anywhere;
  font: 750 .94rem/1.45 ui-monospace, SFMono-Regular, Menlo, monospace;
}
.reward-models-topic .rm-box .rm-shape {
  flex: 0 0 auto;
  color: var(--study-accent);
  font-size: .86rem;
  font-weight: 750;
}
.reward-models-topic .rm-box p { margin: .45rem 0; font-size: .86rem; line-height: 1.65; }
.reward-models-topic .rm-box > code { display: block; width: fit-content; max-width: 100%; margin: .35rem 0; overflow-wrap: anywhere; font-size: .76rem; }
.reward-models-topic .rm-box small { display: block; margin-top: .4rem; color: var(--study-muted); font-size: .75rem; line-height: 1.55; }
.reward-models-topic .rm-connector { display: grid; justify-items: center; gap: .25rem; padding: .6rem .25rem; text-align: center; }
.reward-models-topic .rm-connector > span { color: var(--study-accent); font-size: 1.4rem; line-height: 1; }
.reward-models-topic .rm-connector > code { border: 0; background: transparent; font-size: .78rem; overflow-wrap: anywhere; }
.reward-models-topic .rm-score-example { display: grid; grid-template-columns: repeat(3, 1fr); gap: .5rem; margin: .75rem 0; }
.reward-models-topic .rm-score-example > span { border: 1px solid var(--study-line); border-radius: 8px; background: var(--study-card); padding: .5rem; text-align: center; }
.reward-models-topic .rm-score-example b { font: 750 1rem/1.4 ui-monospace, SFMono-Regular, Menlo, monospace; }
.reward-models-topic .rm-score-example small { margin: .1rem 0 0; }
.reward-models-topic .rm-equation { margin: .65rem 0; font: 600 1.2rem/1.5 Georgia, serif; text-align: center; }
@media (max-width: 600px) {
  .reward-models-topic .rm-box { padding: .8rem; }
  .reward-models-topic .rm-box header { align-items: flex-start; flex-direction: column; }
}