/* the-story-of-old-english: colours and course-only rules for history.css */

.history-lesson.the-story-of-old-english {
  --c1: #e8a77c;
  --c2: #7a3d1a;
  --c3: #24160e;
  --c4: #d97745;
  --c5: #f0c4a5;
}

.history-lesson:where(.the-story-of-old-english) .course-complete {
  background: #24160e;
  border: 1px solid #d97745;
  border-radius: 8px;
  padding: 1rem 1.2rem;
  margin: 1.5rem 0;
  color: #c9d1d9;
}

.history-lesson:where(.the-story-of-old-english) .course-complete .box-title {
  display: block;
  font-weight: 700;
  color: #f0c4a5;
  margin-bottom: .3rem;
}

/* Try It Yourself items, with answers hidden in <details> */
.history-lesson:where(.the-story-of-old-english) .practice-item {
  background: #161b22;
  border: 1px solid #30363d;
  border-radius: 8px;
  padding: 0.8rem 1.1rem;
  margin: 0.9rem 0;
}

.history-lesson:where(.the-story-of-old-english) .practice-item p {
  margin: 0 0 0.5rem 0;
}

.history-lesson:where(.the-story-of-old-english) .practice-item summary {
  cursor: pointer;
  color: var(--c1, #e8a77c);
  font-size: 0.9rem;
}

.history-lesson:where(.the-story-of-old-english) .practice-item .answer {
  margin: 0.6rem 0 0 0;
  padding-left: 0.9rem;
  border-left: 3px solid var(--c4, #d97745);
}

/* Coming-up box and Old English words */
.history-lesson:where(.the-story-of-old-english) .coming-up {
  background: var(--c3, #24160e);
  border: 1px dashed var(--c4, #d97745);
  border-radius: 8px;
  padding: 0.9rem 1.2rem;
  margin: 1.8rem 0 0.5rem 0;
}

.history-lesson:where(.the-story-of-old-english) .oe-word {
  font-weight: 600;
  color: #fff;
}