/* Chinese textbook practice generator */
.yw-controls {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.yw-controls input {
  width: 100%;
  min-height: 42px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: #fff;
  color: var(--ink);
  font: inherit;
}

.yw-practice-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 14px;
}

.yw-practice-meta span {
  display: inline-flex;
  min-height: 28px;
  align-items: center;
  padding: 4px 10px;
  border-radius: 999px;
  color: var(--accent, var(--pdf-blue));
  background: var(--accent-soft, var(--pdf-cyan));
  font-size: 12px;
  font-weight: 800;
}

.yw-module-card.is-static {
  cursor: default;
}

.yw-question-list {
  display: grid;
  gap: 14px;
}

.yw-question-set {
  display: grid;
  gap: 14px;
  padding: 16px;
  border: 1px solid var(--line);
  border-radius: 16px;
  background: #fffefb;
}

.yw-question-set-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 10px;
}

.yw-question-set-head h3 {
  margin: 0;
  color: var(--ink);
  font-size: 18px;
}

.yw-question-set-head span {
  color: var(--muted);
  font-size: 13px;
}

.yw-empty {
  padding: 16px;
  border: 1px solid var(--line);
  border-radius: 14px;
  color: var(--muted);
  background: #fffefb;
  line-height: 1.7;
}

.yw-question-card {
  display: grid;
  gap: 12px;
  padding: 16px;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: #fff;
}

.yw-question-card.correct {
  border-color: #86efac;
  background: #f0fdf4;
}

.yw-question-card.incorrect {
  border-color: #fecaca;
  background: #fff7f7;
}

.yw-question-head {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  color: var(--muted);
  font-size: 13px;
  font-weight: 800;
}

.yw-question-title {
  margin: 0;
  color: var(--ink);
  font-size: 16px;
  line-height: 1.7;
  font-weight: 800;
}

.yw-choice-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.yw-choice-grid label {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  padding: 10px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: #fffdfa;
  cursor: pointer;
  line-height: 1.5;
}

.yw-answer-input {
  width: 100%;
  min-height: 42px;
  padding: 0 12px;
  border: 1px solid var(--line);
  border-radius: 12px;
  color: var(--ink);
  background: #fff;
  font: inherit;
}

.yw-answer-feedback {
  display: none;
  padding: 10px 12px;
  border-radius: 12px;
  color: var(--ink);
  background: #f8fafc;
  line-height: 1.7;
  font-size: 14px;
}

.yw-answer-feedback.show {
  display: block;
}

.learning-modal-actions {
  display: flex;
  align-items: center;
  gap: 10px;
}

@media (max-width: 980px) {
  .yw-controls {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .yw-controls,
  .yw-choice-grid {
    grid-template-columns: 1fr;
  }
}

@media print {
  body.yw-read-print .site-header,
  body.yw-read-print .site-footer,
  body.yw-read-print .hero,
  body.yw-read-print .study-scope,
  body.yw-read-print .recitation-panel,
  body.yw-read-print .yw-study-board,
  body.yw-read-print #yw-tools,
  body.yw-read-print .learning-tab-row,
  body.yw-read-print .subject-panel,
  body.yw-read-print #ywCopybookModal,
  body.yw-read-print #englishReviewModal,
  body.yw-read-print .scroll-rail,
  body.yw-read-print .source-note,
  body.yw-read-print .toc {
    display: none !important;
  }

  body.yw-read-print #chinesePanel,
  body.yw-read-print #ywReadModal,
  body.yw-read-print #ywReadingLayout,
  body.yw-read-print .content {
    display: block !important;
  }

  body.yw-read-print #ywReadModal {
    position: static;
    inset: auto;
    z-index: auto;
    padding: 0;
    background: #fff;
    backdrop-filter: none;
  }

  body.yw-read-print #ywReadModal .learning-modal-panel {
    width: auto;
    max-height: none;
    display: block;
    overflow: visible;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    background: #fff;
  }

  body.yw-read-print #ywReadModal .learning-modal-head {
    display: none !important;
  }

  body.yw-read-print #ywReadModal .learning-modal-body {
    display: block;
    overflow: visible;
    padding: 0;
  }

  body.yw-read-print .content-page {
    break-inside: avoid;
    page-break-inside: avoid;
  }

  body.yw-practice-print .site-header,
  body.yw-practice-print .site-footer,
  body.yw-practice-print .hero,
  body.yw-practice-print .study-scope,
  body.yw-practice-print .recitation-panel,
  body.yw-practice-print #ywReadingLayout,
  body.yw-practice-print #yw-tools,
  body.yw-practice-print .subject-tabs,
  body.yw-practice-print .subject-action-tabs {
    display: none !important;
  }

  .yw-study-nav,
  .yw-controls,
  .controls.yw-control-grid,
  .yw-actions,
  .yw-practice-meta,
  .yw-summary-grid {
    display: none !important;
  }

  .yw-study-board,
  .chinese-control-layout,
  .yw-study-main,
  .yw-question-set,
  .yw-question-card {
    box-shadow: none !important;
    background: #fff !important;
  }

  .yw-study-board,
  .chinese-control-layout {
    display: block !important;
  }

  .yw-question-card {
    break-inside: avoid;
    page-break-inside: avoid;
  }
}