.speech-roles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.speech-roles>div,.learning-source{background:#f3f6f0;border:1px solid #cddace;padding:1rem;border-radius:12px}.learning-source{margin:1.5rem 0}.reporting-context{border-left:3px solid #345c47;padding-left:1rem}.learning-source h3{line-height:1.6}.source-ideas p{margin:.4rem 0}.advanced-picture{padding:0;border:0;background:transparent;cursor:zoom-in;display:block;width:100%;max-width:700px;margin:1rem auto}.advanced-picture img{display:block;width:100%;height:auto;border-radius:12px}#learning-app .filter-row{flex-wrap:wrap}#learning-app .filter-row label{flex:1;min-width:0}#learning-app .filter-row label:last-child{flex:2}#learning-app select{max-width:100%;width:100%;text-overflow:ellipsis}#learning-step label{display:block;margin:.8rem 0;font-weight:600}#learning-step textarea,#learning-step select{width:100%;padding:.75rem;font-size:1.05rem}#learning-workspace progress{width:100%}.sentence-plan,.paragraph-plan{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:1rem 0}.sentence-plan label,.paragraph-plan label{display:block}.sentence-plan input,.paragraph-plan textarea{display:block;width:100%;padding:.65rem}#sentence-order{padding:0;list-style:none}#sentence-order li{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem;margin:.5rem 0;background:#f3f6f0;border:1px solid #b7cbbd;border-radius:10px}#sentence-order li>div{display:flex;gap:.5rem}#sentence-order button{min-width:40px;min-height:40px}.advanced-topic{color:inherit;text-decoration:none}.advanced-topic small{display:block;color:#385c48}.advanced-topic h3{margin:.5rem 0}.conversation-bubbles{display:grid;gap:.75rem;margin:1rem 0}.conversation-bubble{padding:1rem;border:1px solid #b7cbbd;border-radius:14px;background:#fff}.conversation-bubble p{margin:.4rem 0}.picture-sequence{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}.picture-sequence .scene-image-button{margin:0}.picture-sequence figure{margin:0}.self-review{margin:1rem 0;padding:1rem;background:#f6f8f2}.self-review label{display:flex!important;gap:.6rem;align-items:start;margin:.6rem 0}.self-review input{width:auto!important;flex:none;margin-top:.35rem}.revision-comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.revision-comparison pre{white-space:pre-wrap;overflow-wrap:anywhere}.planner-actions{display:flex;gap:.6rem;flex-wrap:wrap}#advanced-image-viewer{max-width:95vw;max-height:95vh}#advanced-image-viewer img{display:block;max-width:100%;max-height:80vh}#advanced-progress small{display:block}.task-notes{padding:1rem;border-left:3px solid #b78b40}#learning-model{padding:1rem;background:#f7f4e9}@media(max-width:700px){.speech-roles,.sentence-plan,.paragraph-plan,.revision-comparison,.picture-sequence{grid-template-columns:minmax(0,1fr)}#learning-app .filter-row{display:grid;grid-template-columns:minmax(0,1fr)}.learning-source h3{overflow-wrap:anywhere}.writing-stage-nav{flex-wrap:wrap}.picture-sequence img{max-height:300px;object-fit:contain}}
