/* The course remix (2026-10-29): the Remix card and dialog (remix.js) and a remix's lessons beside the original on
 * its build page and reading page (studio.js, remixBlock()). Layout only: every colour is the theme's own token. */
.remix-block { margin: .6rem 0 .2rem; }
.remix-outcome { margin: 0 0 .4rem; }
.remix-moved { color: var(--warn); margin: 0 0 .4rem; }
.remix-cols { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.remix-col { min-width: 0; border-top: 1px solid var(--border); padding-top: .4rem; }
.remix-col h4 { margin: 0 0 .3rem; }
.remix-col p { margin: .35rem 0; }
.remix-questions { margin: .5rem 0; }
.remix-questions ol { margin: .4rem 0 0; padding-left: 1.4rem; }
.remix-questions li { margin: 0 0 .4rem; }
.remix-edited-list { list-style: none; margin: .4rem 0; padding: 0; display: grid; gap: .6rem; }
.remix-made-list { margin: .3rem 0 0; padding-left: 1.2rem; }
/* Who takes the remix (remix.js, audience()): one block per class, its students in a list that can be opened. */
.remix-audience { margin-top: .8rem; border-top: 1px solid var(--border); padding-top: .6rem; }
.remix-audience h4 { margin: 0 0 .3rem; }
.remix-class { margin: .8rem 0 0; }
.remix-class h5 { margin: 0 0 .2rem; }
.remix-class p { margin: .2rem 0; }
.remix-class .row { flex-wrap: wrap; gap: .5rem; margin: .4rem 0; }
.remix-student-list { list-style: none; margin: .4rem 0 0; padding: 0; display: grid; gap: .3rem; }
.remix-student { display: flex; flex-wrap: wrap; align-items: baseline; gap: .4rem; }
@media (max-width: 760px) {
  .remix-cols { grid-template-columns: minmax(0, 1fr); }
}