/* prize20: colours and course-only rules for history.css */

.history-lesson.prize20 {
  --c1: #38bdf8;
  --c2: #0369a1;
  --c3: #0a1f2e;
  --c4: #0ea5e9;
  --c5: #bae6fd;
}

.history-lesson:where(.prize20) .course-complete {
  background: #0a1f2e;
  border: 1px solid #0ea5e9;
  border-radius: 8px;
  padding: 1rem 1.2rem;
  margin: 1.5rem 0;
  color: #c9d1d9;
}

.history-lesson:where(.prize20) .course-complete .box-title {
  display: block;
  font-weight: 700;
  color: #bae6fd;
  margin-bottom: .3rem;
}

.history-lesson:where(.prize20) .code-block-wrap { position: relative; margin: 1rem 0; }
.history-lesson:where(.prize20) .code-block {
  background: #0d1117; border: 1px solid #30363d; border-radius: 8px;
  padding: 1rem 1.2rem; font-family: Consolas, monospace; font-size: .9rem;
  color: #c9d1d9; white-space: pre; overflow-x: auto;
}
.history-lesson:where(.prize20) .code-block .cm { color: #8b949e; }
.history-lesson:where(.prize20) .code-block .kw { color: #38bdf8; }
.history-lesson:where(.prize20) .copy-btn {
  position: absolute; top: .4rem; right: .5rem; background: #21262d; color: #c9d1d9;
  border: 1px solid #30363d; border-radius: 4px; padding: .15rem .6rem; cursor: pointer; font-size: .75rem;
}
@media print { .history-lesson:where(.prize20) .copy-btn { display: none; } }