.task-columns { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; width:100%; overflow:hidden; }
.task-columns .panel { min-width:0; padding:16px; }
.task-columns .panel-head { gap:8px; }
.task-columns .panel h2 { font-size:16px; line-height:1.2; }
.task-columns .task { align-items:flex-start; gap:8px; }
.task-columns .task > div { min-width:0; }
.task-columns .task b,
.task-columns .task small { overflow-wrap:anywhere; }
.task-columns .task .pill { flex:0 0 auto; max-width:98px; text-align:center; white-space:normal; }
@media (max-width:1200px) { .task-columns { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:680px) { .task-columns { grid-template-columns:1fr; } }