/* Govori 2: navigation and focused language practice, extending the existing theme. */
.small,.btn.compact{font-size:.875rem}.tiny{font-size:.76rem}
.practice-entry{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 24px;padding:18px 22px;border-radius:18px;background:var(--ink);color:white}
.practice-entry p{color:#d1dfd4;font-size:.9rem}.practice-entry .btn{white-space:nowrap}
.word-pager{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;margin:16px 0;padding:15px 18px;background:var(--paper);border:1px solid var(--line);border-radius:17px}
.page-jump{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.page-jump input{width:85px;min-height:44px}.page-jump select{max-width:155px}
.page-buttons{display:flex;gap:5px;flex-wrap:wrap}.page-buttons .btn{min-width:42px;padding:9px}
.word-pager p{font-size:.875rem}.word-pager .page-current{background:var(--ink);color:white}
.practice-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}
.practice-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(250px,.8fr);gap:24px;align-items:start}
.practice-card{display:flex;flex-direction:column;gap:18px}.practice-card label,.practice-side label{display:block;font-weight:650;margin-bottom:8px}
.practice-card textarea{min-height:115px;width:100%;font-size:1.08rem}.practice-card .cue-text{font-size:1.55rem;line-height:1.5;font-weight:650;overflow-wrap:anywhere}
.practice-card .target-text{font-size:1.35rem;line-height:1.6;font-weight:650}
.practice-meta{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.practice-meta select{min-width:160px;flex:1}.practice-feedback{padding:18px;border-radius:15px;background:var(--soft);border:1px solid #c9d8bd;line-height:1.65;overflow-wrap:anywhere}
.practice-feedback.attention{background:#fff4e3;border-color:#ecd2a9}.practice-feedback h3{margin-bottom:8px}.practice-feedback p+p{margin-top:9px}.practice-feedback ul{padding-left:22px;margin:12px 0 0}
.word-diff{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.word-diff span{padding:4px 8px;background:white;border-radius:6px;border:1px solid var(--line);font-size:.9rem}.word-diff .changed{border-color:#cd9b70;background:#fff9ee}.word-diff del{color:#a03b2f}.word-diff ins{text-decoration:none;font-weight:650;color:var(--primary)}
.speech-status{font-size:.9rem;padding:10px 14px;background:var(--soft);border-radius:10px}.speech-status:empty{display:none}.practice-side{display:flex;flex-direction:column;gap:18px}.practice-side p{font-size:.9rem}.practice-side .card{padding:22px}
.chat-message{max-width:94%;padding:15px 18px;border-radius:17px;background:var(--soft);margin:10px 0;overflow-wrap:anywhere}.chat-message.user{background:#eef0f5;margin-left:auto}.chat-message small{display:block;color:var(--muted);margin-bottom:5px}.chat-message p{line-height:1.6}.chat-message .chat-note{font-size:.875rem;margin-top:8px;border-top:1px solid #d8ded0;padding-top:8px}.chat-log{max-height:380px;overflow-y:auto;overscroll-behavior:contain}.chat-counter{font-size:.9rem;color:var(--muted)}
.practice-stats{display:flex;gap:20px;padding:12px 0}.practice-stats strong{display:block;font-size:1.6rem}.practice-stats span{font-size:.875rem;color:var(--muted)}
.practice-hint summary{cursor:pointer;font-weight:650;padding:8px 0;color:var(--primary)}.practice-hint p{margin-top:9px}
.worddetails .practice-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:15px}.practice-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;align-items:center}
@media(max-width:1000px){.practice-layout{grid-template-columns:1fr}.practice-side{display:grid;grid-template-columns:1fr 1fr}.word-pager{padding:13px}.practice-entry{flex-wrap:wrap}}
@media(max-width:650px){.practice-side{grid-template-columns:1fr}.practice-entry{padding:18px}.page-buttons{gap:4px}.page-buttons .btn{min-width:38px}.page-jump{width:100%}.page-jump select{max-width:130px}.practice-meta{align-items:stretch}.practice-card .cue-text{font-size:1.3rem}.practice-tabs .btn{flex:1}.practice-card{gap:15px}.practice-bottom .btn{flex:1}.chat-message{max-width:100%}}

[hidden]{display:none!important}