/* korean-grammar-1: colours and course-only rules for language.css */

.language-lesson.korean-grammar-1 {
  --c1: #f87171;
  --c2: #3a1f1f;
}

.language-lesson:where(.korean-grammar-1) .pronun-key {
  background: #1a1d27;
  border: 1px solid #2a2d3a;
  border-radius: 6px;
  padding: 12px 16px;
  margin-bottom: 20px;
  font-family: system-ui, -apple-system, sans-serif;
  font-size: 0.85em;
  color: #a0a4b8;
  display: flex;
  flex-wrap: wrap;
  gap: 8px 24px;
}

.language-lesson:where(.korean-grammar-1) .pronun-key span {
  white-space: nowrap;
}

.language-lesson:where(.korean-grammar-1) .pronun-key strong {
  color: #f87171;
}

.language-lesson:where(.korean-grammar-1) .dialog-line .ko {
  font-size: 1.05em;
  display: block;
  margin-left: 28px;
  color: #e2e4ec;
}

.language-lesson:where(.korean-grammar-1) .ko-word {
  font-size: 1.08em;
  color: #fff;
  font-weight: 600;
}

.language-lesson:where(.korean-grammar-1) .rom {
  color: #a0a4b8;
  font-style: italic;
}

/* grammar-track blocks (rule box, changed-part highlight, in-use exchanges) */
.language-lesson:where(.korean-grammar-1) .rule-box {
  background: #3a1f1f;
  border-left: 4px solid #f87171;
  border-radius: 6px;
  padding: 12px 16px;
  margin: 16px 0 20px;
  font-size: 1.02em;
}

.language-lesson:where(.korean-grammar-1) .rule-box .rule-title {
  display: block;
  font-family: system-ui, -apple-system, sans-serif;
  font-size: 0.75rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #f87171;
  margin-bottom: 4px;
}

.language-lesson:where(.korean-grammar-1) .hl {
  color: #f87171;
  font-weight: 700;
}

.language-lesson:where(.korean-grammar-1) .ko-word {
  font-size: 1.05em;
  color: #fff;
  font-weight: 600;
}

.language-lesson:where(.korean-grammar-1) .vocab-table td,
.language-lesson:where(.korean-grammar-1) .vocab-table th {
  vertical-align: top;
}

.language-lesson:where(.korean-grammar-1) .dialog-line .ko {
  display: block;
  margin-left: 28px;
  color: #e2e4ec;
}

.language-lesson:where(.korean-grammar-1) .pronun-key {
  background: #1a1d27;
  border: 1px solid #2a2d3a;
  border-radius: 6px;
  padding: 12px 16px;
  margin-bottom: 20px;
  font-family: system-ui, -apple-system, sans-serif;
  font-size: 0.85em;
  color: #a0a4b8;
}

.language-lesson:where(.korean-grammar-1) .coming-up {
  border: 1px dashed #2a2d3a;
  border-radius: 6px;
  padding: 10px 16px;
  margin: 24px 0 8px;
  color: #a0a4b8;
  font-size: 0.95em;
}

.language-lesson:where(.korean-grammar-1) .coming-up strong {
  color: #f87171;
}

@media print {
  .language-lesson:where(.korean-grammar-1) .rule-box { background: #3a1f1f; }
}