/* Spaced review (assets/js/review.js, /<track>/review/) and the "Review due" button beside Continue on /learn/.
   Built on the Find my level layout (.page-place, site.css); only what is new is here. */
.rv-due, .rv-res { display: grid; gap: 2px; margin: 22px 0 0; padding: 0; list-style: none; max-width: 640px; }
.rv-due li, .rv-res li { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 2px 14px; padding: 11px 12px; border-radius: 10px; }
.rv-due li:nth-child(odd), .rv-res li:nth-child(odd) { background: color-mix(in srgb, var(--ink) 4.5%, transparent); }
.rv-due[hidden] { display: none; }
.rv-c { font-weight: 650; color: var(--ink); min-width: 0; overflow-wrap: anywhere; }
.rv-w { font-size: 14.5px; color: var(--ink-2); }
.rv-due .rv-locked .rv-c { color: var(--ink-2); }
.rv-res li { flex-direction: column; align-items: flex-start; }
.rv-res li.ok .rv-w { color: var(--teal-text); font-weight: 600; }
.rv-l { display: flex; flex-direction: column; gap: 2px; }
.rv-l a { display: inline-flex; gap: 10px; padding: 3px 0; font-weight: 650; color: var(--teal-text); }
.rv-l .n { color: var(--ink-3); font-family: var(--mono); }
.page-review .pl-fine a { color: var(--teal-text); font-weight: 650; }
.page-review .pl-fine[hidden] { display: none; }

/* /learn/: Review due, next to Continue */
.btn-review { gap: 8px; }
.btn-review .rv-n { display: inline-grid; place-items: center; min-width: 24px; height: 24px; padding: 0 7px; border-radius: 12px;
  font: 700 13px/1 var(--mono); background: var(--teal-btn); color: var(--teal-ink); }
.cont-rv { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 16px; margin-top: 14px; font-size: 16px; color: var(--ink-2); }
.cont-rv[hidden] { display: none; }
.page-review .step-k .sk-stage { white-space: nowrap; }
/* before the first problem and with nothing answered yet, the code side has nothing to show */
.page-review .env-code.pl-idle:has(.pl-board:empty) { visibility: hidden; }
@media (max-width: 899.98px) { .page-review .env-code.pl-idle:has(.pl-board:empty) { display: none; } }