/* AI tutor */
.tu-layout { display: grid; grid-template-columns: 240px 1fr; gap: 16px; align-items: start; }
.tu-history { display: flex; flex-direction: column; gap: 4px; max-height: 70vh; overflow-y: auto; }
.tu-chat-item { display: flex; align-items: flex-start; gap: 4px; border-radius: 8px; }
.tu-chat-item.active { background: var(--primary-soft); }
.tu-open { flex: 1; min-width: 0; text-align: left; border: 0; background: none; padding: 8px 10px; font-weight: 500;
  overflow-wrap: anywhere; }
.tu-open small { display: block; color: var(--muted); font-weight: 400; }
.tu-chat { display: flex; flex-direction: column; min-height: 60vh; }
.tu-messages { flex: 1; max-height: 62vh; overflow-y: auto; padding-right: 4px; }
.tu-answer { max-width: 100%; }
.tu-answer p { margin: 0 0 8px; }
.tu-answer ul, .tu-answer ol { margin: 0 0 8px; padding-left: 20px; }
.tu-answer h4 { margin: 10px 0 6px; }
.tu-answer code { padding: 1px 5px; border-radius: 4px; background: var(--surface-3); font-size: .9em; }
.tu-question { white-space: pre-wrap; }
.tu-words { margin-top: 8px; padding-top: 8px; border-top: 1px solid var(--border); }
.tu-words ul { list-style: none; padding: 0; }
.tu-words li { margin-bottom: 6px; }
.tu-word-actions { white-space: nowrap; margin-left: 6px; }
.tu-chips { display: flex; flex-wrap: wrap; gap: 6px; margin: 6px 0 10px; }
.tu-chips button { padding: 5px 10px; font-size: .88em; font-weight: 500; text-align: left; }
.tu-welcome { text-align: center; padding: 24px 8px; }
.tu-welcome .tu-chips { justify-content: center; }
.tu-composer { display: flex; gap: 8px; align-items: flex-end; margin-top: 10px; }
.tu-composer textarea { flex: 1; resize: vertical; }
.mistake-actions { display: flex; flex-wrap: wrap; gap: 4px 12px; align-items: center; margin-top: 6px; }
.mistake-actions .saved-note { margin-top: 0; }
@media (max-width: 760px) {
  .tu-layout { grid-template-columns: 1fr; }
  .tu-history { max-height: 160px; }
}