.worker-intro { max-width: 70ch; }
.worker-role-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; margin: 24px 0; }
.worker-role { min-width: 0; display: flex; flex-direction: column; gap: 12px; }
.worker-role h3, .worker-role p { margin: 0; }
.worker-role details { flex: 1; }
.worker-role button { align-self: flex-start; }
.worker-boundaries { padding-left: 18px; margin: 0; font-size: .8rem; color: var(--muted,#aab7c4); }
.worker-seat-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.worker-agent-output { white-space: pre-wrap; overflow-wrap: anywhere; padding: 14px; border: 1px solid var(--border,#34414e); }
.worker-gate { color: var(--muted, #aab7c4); font-size: .83rem; border-left: 2px solid #bea679; padding-left: 10px; }
.worker-contract { white-space: pre-wrap; overflow-wrap: anywhere; max-height: 320px; overflow-y: auto; font-size: .76rem; }
.worker-work { margin-top: 24px; }
.worker-task { padding: 16px 0; border-top: 1px solid var(--border, #34414e); }
.worker-task h4 { margin: 0 0 8px; }
.worker-filter { max-width: 280px; margin: 16px 0; }
.worker-output-note { max-width: 75ch; }
@media(max-width: 950px) { .worker-role-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media(max-width: 600px) { .worker-role-grid { grid-template-columns: minmax(0,1fr); } .workspace-stage #product-workers { padding: 12px; } }
.workspace-stage #product-workers { padding: 20px; }
#product-workers > .product-page { min-height: 0; }