/* C12: the "Dnes" card on the home screen, mini-lessons (#/lekce…) and dictation (#/diktat).
   Exercises reuse the Training styles (.train-item, .train-result, .talk in training.css). */
.today-card { display: grid; gap: 4px; }
.today-card h2 { margin: 0 0 4px; }
.today-row { display: grid; gap: 2px; padding: 8px 0; border-top: 1px solid var(--border); color: var(--text); text-decoration: none; }
a.today-row strong { color: var(--accent); }
.today-row.word-row { grid-template-columns: 1fr auto; align-items: center; gap: 8px; }
.word-text { display: grid; gap: 1px; min-width: 0; }
.word-text .en { font-size: 1.15rem; overflow-wrap: anywhere; }
.today-links { display: flex; flex-wrap: wrap; gap: 4px 16px; padding-top: 8px; border-top: 1px solid var(--border); font-size: 0.9rem; }

.lesson-offer strong { color: var(--accent); }
.lesson-intro { display: grid; gap: 12px; }
.lesson-intro .card h2 { margin-top: 8px; }
.lesson-examples { list-style: none; padding: 0; margin: 0; display: grid; gap: 12px; }
.lesson-example { display: grid; gap: 2px; }
.lesson-example .wrong { color: var(--error); }
.lesson-example .en { overflow-wrap: anywhere; }
.lesson-answer { border: 0; padding: 0; margin: 0; display: grid; gap: 8px; min-width: 0; }
.lesson-answer .link { justify-self: start; padding: 0; }

.dict-form { display: grid; grid-template-columns: 1fr auto; gap: 8px; }
.dict-form input { min-width: 0; }
.dict-diff { text-align: center; font-size: 1.15rem; margin: 0 0 6px; overflow-wrap: anywhere; }
.dict-diff .ok { color: var(--accent); }
.dict-diff .typo { color: var(--accent); text-decoration: underline dotted; text-underline-offset: 4px; }
.dict-diff .wrong, .dict-diff .missing { color: var(--error); font-weight: 700; }
.dict-diff .missing { text-decoration: underline; text-underline-offset: 4px; }
.dict-diff .extra { color: var(--muted); text-decoration: line-through; }
.dict-diff s.typed { color: var(--muted); font-size: 0.9em; margin-right: 2px; }
.word-of-day { display: grid; gap: 2px; }
.word-of-day .wod-en { font-size: 1.5rem; font-weight: 700; margin: 0; overflow-wrap: anywhere; }
.word-of-day .wod-cs { margin: 0 0 4px; }
.word-of-day button { justify-self: start; }
.dict-results li { display: grid; gap: 2px; }