.a131-head{max-width:850px;margin-bottom:20px}.a131-head h1{font-size:clamp(1.7rem,3vw,2.5rem);margin:.35em 0}.a131-layout{display:grid;grid-template-columns:minmax(300px,.85fr) minmax(340px,1.15fr);gap:20px;align-items:start;margin-top:20px}.a131-compose,.a131-result{min-width:0}.a131-compose textarea,.a131-result textarea{width:100%;min-height:110px;resize:vertical}.a131-compose details{margin:14px 0}.a131-compose details>button{display:block;text-align:left;margin:8px 0;white-space:normal}.a131-actions{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0}.a131-preview{border-left:4px solid #4c8b8d;background:var(--surface,#f0f7f7);padding:14px 18px;margin:18px 0;border-radius:10px}.a131-copy{white-space:pre-wrap;overflow-wrap:anywhere}.a131-history{margin-top:20px}.a131-history>button{display:block;text-align:left;white-space:normal;margin:8px 0;max-width:100%}.a131-layout select{width:100%;max-width:100%}@media(max-width:800px){.a131-layout{grid-template-columns:1fr}.a131-actions>button{flex:1 1 auto}.a131-head h1{font-size:1.8rem}}.dark .a131-preview{background:#233b40}

.a131-alternatives{margin:20px 0}.a131-alternatives>summary{cursor:pointer}.a131-compose>h2{margin-top:0}@media(max-width:1050px){body.teacher-mode .workspace-mobile134{flex-wrap:wrap}body.teacher-mode .workspace-mobile134>strong{flex:1 1 90px}body.teacher-mode .workspace-mobile134>button{flex:0 0 auto;padding:8px 10px}body.teacher-mode .workspace-mobile134>button[aria-label="PolyPlan-Agent öffnen"]{background:var(--pale);color:var(--ink);font-weight:700}}

.a138-information{min-width:0}.a138-card{padding:14px;margin:12px 0;border:1px solid var(--border,#cbd8df);border-radius:14px;background:var(--surface,#f5f9fa)}.a138-card h4{margin:0 0 8px}.a138-card p{margin:8px 0}.a138-card button{white-space:normal;max-width:100%}

/* Conversational workspace: natural reading order on mobile, preview alongside on wide screens. */
.a131-layout{grid-template-columns:minmax(320px,1.05fr) minmax(320px,1fr);gap:24px}
.a131-compose{background:var(--surface,#fff)}.a141-conversation{display:flex;flex-direction:column;gap:16px;margin-bottom:24px;max-height:55vh;overflow:auto;padding:4px}
.a141-assistant,.a141-user{padding:16px 20px;border-radius:20px;max-width:94%;overflow-wrap:anywhere}.a141-assistant{align-self:flex-start;background:var(--pale,#e8f3f2);border-bottom-left-radius:5px}.a141-user{align-self:flex-end;background:var(--surface,#fff);border:1px solid var(--border,#cbd8df);border-bottom-right-radius:5px}.a141-conversation p{margin:8px 0 0;line-height:1.6}.a141-composer{border:1px solid var(--border,#cbd8df);border-radius:18px;padding:16px;box-shadow:0 5px 20px #173b4710}.a141-composer textarea{min-height:100px;margin:8px 0 12px}.a141-composer>button{min-width:110px}.a141-composer [role=status]{font-size:.9rem;margin:10px 0 0}.a141-starters{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.a141-starters[hidden]{display:none}.a141-starters button{font-size:.9rem;padding:8px 12px;white-space:normal}.a141-details{margin-top:20px}.a131-history>summary{font-size:1.1rem;font-weight:700;cursor:pointer}.a131-result{border-top:4px solid var(--teal,#387f80)}.dark .a141-assistant{background:#233b40}.dark .a141-user{background:#192d36}
@media(max-width:1000px){.a131-layout{grid-template-columns:1fr}.a141-conversation{max-height:none}.a131-compose,.a131-result{padding:18px}.a141-assistant,.a141-user{max-width:100%}}

.a195-flow{border:1px solid var(--border,#cbd8df);background:var(--pale,#e8f3f2);padding:16px;border-radius:14px;margin-bottom:18px;overflow-wrap:anywhere}.a195-flow p{margin:8px 0;line-height:1.5}.a195-flow button{margin:6px 8px 0 0;white-space:normal;max-width:100%}.a195-context{font-size:.9rem}.a195-group{margin:18px 0}.a195-group h3{font-size:1rem;margin:0 0 10px}.a195-group button{display:block;text-align:left;white-space:normal;overflow-wrap:anywhere;width:100%;margin:8px 0}.dark .a195-flow{background:#233b40}

.a131-history,.a131-result{scroll-margin-top:100px}

/* One task boundary; colour supplements the title and textual progress. */
.a131-layout{--task-color:#256a66;border:1px solid #cbd8df;border-top:6px solid var(--task-color);border-radius:18px;padding:20px;background:#fff;gap:20px}
.a131-layout>.a195-flow{grid-column:1/-1;margin:0;background:#f5f8fa;border:0;border-left:5px solid var(--task-color);padding:20px}
.a131-layout>.card{box-shadow:none;margin:0;min-width:0}
.a131-layout .a131-result{border-top:3px solid var(--task-color)}
.a238-origin{margin:6px 0 10px;font-size:1.3rem;overflow-wrap:anywhere}
.a238-reference{margin:8px 0;font-weight:600}
.a238-steps{list-style:none;padding:0;margin:20px 0;display:flex;gap:8px}
.a238-steps li{flex:1;padding:12px;border:1px solid #cbd8df;border-radius:10px;display:flex;gap:8px;align-items:center;font-size:.9rem;min-width:0;overflow-wrap:anywhere}
.a238-steps li>span{flex-shrink:0;font-weight:700}
.a238-steps .is-current{border:2px solid var(--task-color);font-weight:700;background:#fff}
.a238-steps .is-done{background:#eaf3f0}.a238-steps .is-pending{color:#526475}
.a238-next{font-weight:600;max-width:85ch}.a238-nav{display:flex;flex-wrap:wrap;gap:8px}
.a238-trail{margin-bottom:16px}.a238-trail>summary{padding:10px 0;font-weight:600;cursor:pointer}
.a238-trail .a141-conversation{margin:12px 0;max-height:440px;border-left:3px solid var(--task-color);padding-left:12px}
.a238-question{border-left:4px solid var(--task-color);padding:12px;background:#f1f6f7;margin-bottom:16px}
.a131-layout .a141-composer{box-shadow:none}.a131-layout .a131-actions{gap:8px}
@media(max-width:1000px){.a131-layout{padding:12px;gap:12px}.a131-layout>.a195-flow{padding:14px}.a238-steps{flex-direction:column;margin:14px 0}.a238-steps li{padding:9px}.a238-origin{font-size:1.1rem}.a238-nav>button{max-width:100%}.a131-layout>.card{padding:14px}.a238-trail .a141-conversation{max-height:360px}}

.a238-current{overflow-wrap:anywhere}.a238-nav{margin-bottom:12px}
.dark .a131-layout{background:#152735;border-color:#526475;border-top-color:var(--task-color)}
.dark .a131-layout>.a195-flow,.dark .a238-question{background:#203644;color:#e9f3f7}
.dark .a238-steps .is-current{background:#152735;color:#fff}
.dark .a238-steps .is-done{background:#25463f;color:#e9f3f7}
.dark .a238-steps .is-pending{color:#bdced9}

.a238-milestones{padding-left:22px;margin:8px 0 16px}.a238-milestones li{margin:6px 0}.a238-milestones button{white-space:normal;text-align:left;max-width:100%}