/* «Что читать» (правка 557). Значения — только из tokens.css. Одна колонка, как «Домашка». */
.rd-note { margin: 0 0 var(--sp-3); color: var(--ink2); font-size: var(--fs-14); line-height: 1.5; }
.rd-list { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--sp-3); }
.rd-item { padding: var(--sp-3) var(--sp-4); border: 1px solid var(--line); border-radius: var(--r-block); background: var(--surface2); }
#rd-waiting .rd-item { border-color: var(--warn-line); background: var(--warn-soft); }
#rd-read .rd-item { border-color: var(--ok); background: var(--ok-soft); }
.rd-title { margin: 0 0 var(--sp-1); font-size: var(--fs-16); font-weight: 650; line-height: 1.35; overflow-wrap: anywhere; }
.rd-meta { margin: 0; display: flex; flex-wrap: wrap; gap: var(--sp-1) var(--sp-3); color: var(--ink2); font-size: var(--fs-14); line-height: 1.45; }
.rd-file { font-family: var(--font-ui); color: var(--ink3); overflow-wrap: anywhere; }
@media (min-width: 960px) { .app.rd { display: block; max-width: calc(var(--content-max) + 2 * var(--gutter-wide)); } .app.rd > .card + .card { margin-top: var(--sp-5); } }