/* Production-native English practice. The card, rail, progress, widgets and
   responsive geometry come from training.css, test-general.css and test-training.css.
   Keep only activity integration rules here; do not design another trainer shell. */
.english-native-practice.training_layout.english .training.trainer-training {
    min-height: 0;
    padding: 32px 24px 24px;
    align-items: stretch;
    display: flex;
    flex-direction: column;
}
.english-native-practice :is(.trainer-content,.five-live,.g2-live,.wn-live,.jk-app,.jk-batch-app) {
    width: 100%; max-width: none; margin: 0; min-width: 0;
}
.english-native-practice :is(.english-practice-live,.five-activity) { flex: 1; align-items: stretch; }
.english-native-practice .trainer-content { gap: 18px; }
.english-native-practice :is(.trainer-instruction,.g2-prompt,.wn-prompt,.jk-prompt,.ba-prompt) {
    font: inherit; line-height: 1.6; text-align: center; margin: 0 0 18px;
}
.english-native-practice :is(.g3-activity,.g1-question,.g2-prompt) { font-size: inherit; }
.english-native-practice .g3-activity { display: flex; flex-direction: column; flex: 1; line-height: 1.6; }
.english-native-practice .g1-context { flex: 1; }
.english-native-practice .g1-task { display: flex; flex-direction: column; flex: 1; }
.english-native-practice .g1-task > .five-choices { margin-top: auto; }
.english-native-practice .trainer-prompt { justify-content: center; min-height: 0; }
.english-native-practice :is(.g3-progress-row,.g2-session-line,.g1-count,.jk-progress,.ba-count,.factory-count) {
    position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden;
    clip: rect(0,0,0,0); white-space: nowrap; border: 0; margin: 0;
}
.english-native-practice .english-native-progress { display: block; }
.english-native-practice .english-native-progress progress {
    display: block; appearance: none; border: 0; width: 100%; max-width: none;
    height: 14px; margin: 0; border-radius: 50vh; overflow: hidden;
    background: var(--gray); accent-color: var(--green);
}
.english-native-practice .english-native-progress progress::-webkit-progress-bar { background: var(--gray); }
.english-native-practice .english-native-progress progress::-webkit-progress-value { background: var(--green); border-radius: 50vh; }
.english-native-practice .english-native-progress progress::-moz-progress-bar { background: var(--green); border-radius: 50vh; }
.english-native-practice .fill_choice_big { display: grid; gap: 0 8px; flex-direction: initial; }
.english-native-practice .fill_choice_big > button {
    font: inherit; font-weight: var(--main_bold_weight); text-align: center;
    color: var(--main); padding: 10px; line-height: 1.5; min-height: 48px;
    width: 100%; height: auto; margin-top: 8px;
}
.english-native-practice .g3-choices.fill_choice_big { margin-bottom: 0; }
.english-native-practice .g3-activity > .fill_choice_big:last-child { margin-top: auto; }
.english-native-practice :is(.trainer-actions,.g2-edit-actions,.jk-actions) {
    display: flex; justify-content: flex-end; align-items: center; gap: 10px; flex-wrap: wrap;
}
.english-native-practice .g3-feedback { font: inherit; border: 0; padding: 0; }
.english-native-practice .g3-feedback[data-result] { border-left: var(--border); padding-left: 24px; margin-top: 24px; }
.english-native-practice .g3-feedback strong { color: var(--red); }
.english-native-practice .g3-feedback[data-result=correct] strong { color: var(--green); }
.english-native-practice .training_details.practice-completion-details[hidden] { display: block !important; }
.english-native-practice .settings :is(.g1-toolbar,.g2-toolbar,.g3-toolbar,.k-toolbar,.wn-toolbar) {
    display: flex; justify-content: center; align-items: center; flex-wrap: wrap;
    padding: 0; margin: 16px 0; gap: 15px; background: transparent;
}
.english-native-practice .settings :is(.g2-settings,.g3-settings) { border: 0; margin: 16px 0; padding: 0; }
.english-native-practice .g2-form > .g2-check,.english-native-practice .g2-task > .g2-next { display: block; margin-left: auto; }
.english-native-practice :is(.jk-app,.jk-batch-app) { border: 0; border-radius: 0; padding: 0; background: transparent; }
.english-native-practice.jk-english { padding: 0; max-width: none; }
.english-native-practice .training_side [hidden] { display: none !important; }
.english-native-practice .english-practice-points { color: var(--green); }
.english-native-practice .english-practice-correct { color: var(--accent); }
@media (min-width: 768px) { .english-native-practice.training_layout.english .training.trainer-training { padding: 32px; } }