.learning-flow { max-width:1040px; margin:0 auto; }
.learning-status,.learning-word,.learning-sentence,.learning-errors { padding:24px; margin:20px 0; border:1px solid var(--line,#dce1dc); border-radius:16px; background:var(--paper,#fff); }
.learning-status p,.learning-guide p,.learning-errors p { line-height:1.8; }
.learning-target { font-size:2rem; margin:0 0 12px; }
.learning-feedback { padding:12px 16px; background:#edf4ef; border-left:3px solid #397451; border-radius:8px; line-height:1.7; }
.learning-step { font-weight:600; color:#325a46; line-height:1.7; }
.learning-first-look .learning-answer { font-size:1.15rem; }
.learning-context-image { display:block; max-width:100%; width:320px; max-height:280px; object-fit:contain; margin:12px auto; }
.compact-audio-actions,.compact-audio-options { display:flex; flex-wrap:wrap; align-items:center; gap:10px; }
.learning-flow details>summary,.learning-errors details>summary { cursor:pointer; padding:12px 0; line-height:1.6; }
.compact-audio { border:1px solid var(--line,#dce1dc); background:#f5f7f2; border-radius:12px; padding:14px; margin:16px 0; display:flex; flex-wrap:wrap; align-items:center; gap:10px; }
.compact-audio label { display:flex; align-items:center; gap:8px; font-size:14px; }
.compact-audio select { font:inherit; padding:6px; border-radius:6px; max-width:100%; }
.compact-audio-status { flex-basis:100%; margin:0; font-size:14px; line-height:1.7; }
.learning-word blockquote,.learning-error-list blockquote { margin:12px 0; font:1.15rem/1.8 var(--serif,Georgia,serif); }
.learning-recall textarea { display:block; width:100%; box-sizing:border-box; resize:vertical; padding:14px; border:1px solid #b9c8bf; border-radius:10px; font:inherit; }
.learning-actions { display:flex; flex-wrap:wrap; gap:10px; margin:18px 0; }
.learning-answer { background:#eef4ee; padding:18px; border-radius:10px; margin:18px 0; line-height:1.8; }
.learning-error-picks { display:flex; flex-wrap:wrap; gap:10px; margin:16px 0; }
.learning-error-picks label { border:1px solid #d5dfd7; border-radius:8px; padding:8px; line-height:1.6; }
.learning-error-list { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr)); gap:16px; }
.learning-error-list article { padding:18px; border:1px solid #d5dfd7; border-radius:12px; }
.sentence-word-map { margin:16px 0; display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr)); gap:8px; }
.sentence-word-map>div { display:grid; grid-template-columns:minmax(60px,1fr) 2fr; padding:8px; background:#f4f6f1; gap:10px; }
.sentence-word-map dd { margin:0; line-height:1.6; }
.learning-guide { font-size:15px; line-height:1.8; color:#334139; }
.sentence-translation { color:#334139; font-size:16px; }
.sentence-chunks { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr)); gap:10px; margin:18px 0; }
.sentence-chunk { display:flex; flex-direction:column; padding:12px; border:1px solid #d5dfd7; border-radius:10px; gap:8px; }
.sentence-chunk small { max-width:26em; line-height:1.7; font-size:13px; color:#53645b; }
@media(max-width:600px) { .learning-status,.learning-word,.learning-sentence,.learning-errors { padding:16px; } .learning-recall h2 {font-size:1.2rem;} }
.essay-scope{margin:0 0 18px}
.reading-illustration{display:block;max-width:100%;max-height:420px;object-fit:contain;margin:16px auto}