.english-tutor-shell{max-width:920px;margin:0 auto;display:grid;gap:12px}
.english-tutor-summary{display:grid;gap:10px}
.english-tutor-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.english-tutor-kpi{border:1px solid var(--bd);border-radius:10px;background:var(--bg2);padding:10px}
.english-tutor-kpi small{display:block;color:var(--tx3);font-size:11px;margin-bottom:4px}
.english-tutor-kpi b{display:block;color:var(--tx);font-size:14px;overflow-wrap:anywhere}
.english-tutor-error{border-left:4px solid var(--rd);background:rgba(239,68,68,.08);padding:12px;border-radius:8px}
.english-tutor-correction{border-left:4px solid var(--gn);background:rgba(46,204,113,.08);padding:12px;border-radius:8px}
.english-tutor-progress{height:8px;background:var(--bg4);border-radius:999px;overflow:hidden}
.english-tutor-progress>span{display:block;height:100%;background:var(--ac);transition:width .2s ease}
.english-tutor-stepbar{display:flex;gap:6px;overflow:auto;padding-bottom:2px}
.english-tutor-stepbar button{flex:0 0 auto;border:1px solid var(--bd);background:var(--bg3);color:var(--tx2);border-radius:999px;padding:7px 10px;font:inherit;font-size:11px;font-weight:800;cursor:pointer}
.english-tutor-stepbar button.current{background:rgba(79,142,247,.22);border-color:rgba(79,142,247,.65);color:#cfe0ff}
.english-tutor-stepbar button.done{border-color:rgba(46,204,113,.45);color:#a8efc2}
.english-tutor-stepbar button:disabled{opacity:.38;cursor:not-allowed}
.english-tutor-lesson{border:1px solid var(--bd);border-radius:12px;background:var(--bg2);padding:16px}
.english-tutor-lesson h3{margin:0 0 8px;font-size:17px}
.english-tutor-script{color:var(--tx2);line-height:1.65;margin:0 0 12px}
.english-tutor-target{border:1px solid rgba(245,158,11,.45);background:rgba(245,158,11,.08);padding:10px;border-radius:8px;margin:8px 0;overflow-wrap:anywhere}
.english-tutor-target mark,.english-tutor-highlight{background:#fde68a;color:#713f12;border-radius:3px;padding:1px 3px;font-weight:800}
.english-tutor-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.english-tutor-actions .btn{min-width:90px}
.english-tutor-choice{display:block;border:1px solid var(--bd);border-radius:8px;padding:10px;margin:7px 0;cursor:pointer}
.english-tutor-choice.correct{border-color:rgba(46,204,113,.6)}
.english-tutor-choice.wrong{border-color:rgba(239,68,68,.6)}
.english-tutor-detail{margin-top:10px}
.english-tutor-detail summary{cursor:pointer;color:var(--tx2);font-weight:800}
.english-tutor-grid{display:grid;gap:9px}
.english-tutor-structure{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px}
.english-tutor-structure>div,.english-tutor-example,.english-tutor-message{border:1px solid var(--bd);background:var(--bg3);border-radius:8px;padding:10px}
.english-tutor-structure-card{border:1px solid var(--bd);background:var(--bg3);color:var(--tx);border-radius:8px;padding:10px;text-align:left;font:inherit;cursor:pointer}
.english-tutor-structure-card.current{border-color:rgba(79,142,247,.65);box-shadow:0 0 0 1px rgba(79,142,247,.18)}
.english-tutor-structure-card small{display:block;color:var(--tx2);margin-top:5px}
.english-role-noun{color:#f59e0b}.english-role-conjunction{color:#a78bfa}.english-role-subject{color:#60a5fa}.english-role-verb{color:#34d399}.english-role-adverb{color:#fb7185}.english-role-other{color:var(--tx)}
.english-tutor-translation-row{width:100%;text-align:left;color:var(--tx);font:inherit;cursor:pointer}
.english-tutor-translation-row.current{border-color:rgba(245,158,11,.65);background:rgba(245,158,11,.08)}
.english-tutor-structure small{display:block;color:var(--ac);margin-top:4px}
.english-tutor-question-list{display:grid;gap:8px;margin-top:10px}
.english-tutor-question-list button{text-align:left;white-space:normal}
.english-tutor-chat{display:grid;gap:8px;margin-top:10px}
.english-tutor-chat .english-tutor-message.student{border-color:rgba(79,142,247,.45)}
.english-tutor-chat .english-tutor-message.answer{border-color:rgba(46,204,113,.35)}
.english-tutor-note{display:grid;gap:8px}
.english-tutor-note label{font-size:11px;color:var(--tx2);font-weight:800}
.english-tutor-admin-preview{border:1px dashed rgba(79,142,247,.55);padding:12px;border-radius:10px;margin-top:12px}
.english-tutor-step-editor{display:grid;gap:8px}
.english-tutor-step-row{display:grid;grid-template-columns:110px 1fr 1fr 90px;gap:7px;align-items:start;border:1px solid var(--bd);padding:8px;border-radius:8px;background:var(--bg3)}
.english-tutor-step-row textarea{min-height:60px;resize:vertical}
.english-tutor-muted{color:var(--tx3);font-size:12px}
@media(max-width:680px){
  #pg-englishAi .english-ai-layout{display:block;min-width:0}
  #pg-englishAi .english-ai-layout>main,
  #pg-englishAi .english-ai-question,
  #pg-englishAi .english-ai-passage{width:100%;min-width:0;max-width:100%;box-sizing:border-box}
  #pg-englishAi .english-ai-question{overflow:hidden}
  #pg-englishAi .english-ai-passage{overflow-wrap:anywhere;word-break:break-word}
  .english-tutor-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  .english-tutor-lesson{padding:12px}
  .english-tutor-step-row{grid-template-columns:1fr}
  .english-tutor-step-row .inp{width:100%}
}