/* The Reader — companion styles, echoing the /ste deck. */
.rd-text {
  width: 100%; box-sizing: border-box; font: inherit; line-height: 1.5;
  padding: 10px 12px; border-radius: 8px; color: inherit;
  background: rgba(127, 127, 160, 0.08); border: 1px solid var(--line, #3a4152);
}
.rd-chiprow { display: flex; flex-wrap: wrap; gap: 6px; margin: 4px 0 10px; }
.rd-chip {
  border: 1px solid var(--line, #3a4152); background: transparent; color: inherit;
  border-radius: 999px; padding: 6px 12px; font-size: 0.92em; cursor: pointer;
}
.rd-chip.on { background: var(--accent, #4a6fa5); color: #fff; border-color: transparent; }
.rd-grouplabel { margin: 10px 0 0; }
.rd-deck { display: flex; gap: 10px; align-items: center; margin: 14px 0 6px; flex-wrap: wrap; }
.rd-read { font-size: 1.05em; padding: 10px 22px; }
.rd-status { min-height: 1.2em; }
.rd-pane { line-height: 1.65; font-size: 1.06em; margin-top: 12px; }
.rd-pane span { border-radius: 4px; padding: 1px 2px; }
.rd-pane span.now { background: rgba(250, 204, 21, 0.35); }
.rd-speedlabel { margin-right: 2px; }