/* Texts from your words (word_texts/*): the words as chips (struggling ones marked), the next text, past ones */
.word-texts { display: flex; flex-direction: column; gap: 20px; max-width: 860px; }
.word-texts__lead { max-width: 60ch; margin: 6px 0 0; }
.word-texts__h2 { font-family: var(--font-serif); font-weight: 400; font-size: 24px; margin: 0 0 12px; }
.word-texts__next, .word-texts__ready, .word-texts__state { display: flex; flex-direction: column; gap: 14px; padding: 24px; border-radius: 18px; align-items: flex-start; }
.word-texts__words { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; list-style: none; }
.word-texts__word { display: inline-flex; align-items: baseline; gap: 8px; padding: 6px 12px; border-radius: 999px; background: var(--sand); border: 1px solid var(--line); }
.word-texts__word.is-struggling { border-color: var(--clay); background: var(--clay-soft); }
.word-texts__word.is-missing { opacity: 0.6; border-style: dashed; }
.word-texts__word-ar { font-size: 20px; line-height: 1.3; }
.word-texts__word-en { font-size: 13px; color: var(--text-muted); }
.word-texts__word-flag { font-size: 12px; color: var(--text-muted); }
.word-texts__key { display: flex; align-items: center; gap: 8px; margin: 0; font-size: 13px; }
.word-texts__key-dot { width: 10px; height: 10px; border-radius: 50%; background: var(--clay-soft); border: 1px solid var(--clay); }
.word-texts__note { margin: 0; font-size: 14px; max-width: 60ch; }
.word-texts__links { margin: 0; }
.word-texts__native { margin: 0; font-size: 22px; }
.word-texts__actions { display: flex; flex-wrap: wrap; gap: 10px; }
.word-texts__back { font-size: 14px; }
.word-texts__state-title { font-family: var(--font-serif); font-weight: 400; font-size: 28px; margin: 0; }
.word-texts__spinner { width: 28px; height: 28px; border-radius: 50%; border: 3px solid var(--line); border-top-color: var(--clay); animation: word-texts-spin 0.9s linear infinite; }
@keyframes word-texts-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .word-texts__spinner { animation: none; } }
.word-texts__list { display: flex; flex-direction: column; gap: 8px; margin: 0; padding: 0; list-style: none; }
.word-texts__item { display: flex; flex-direction: column; gap: 2px; padding: 14px 18px; border-radius: 14px; background: var(--card); border: 1px solid var(--line); text-decoration: none; color: inherit; }
.word-texts__item:hover { border-color: var(--line-strong); }
.word-texts__item-title { font-weight: 600; }
.word-texts__item-meta { font-size: 13px; }