/* This static worksheet keeps its table layout on desktop and on paper. */
.task-owner-worksheet .task-owner-blank { display: block; min-width: 3em; min-height: 1.5em; border-bottom: 1px solid #738078; }
.task-owner-worksheet .task-owner-blank-label { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
.task-owner-worksheet thead th:nth-child(2),
.task-owner-worksheet thead th:nth-child(3) { width: 14%; min-width: 5.5em; white-space: nowrap; overflow-wrap: normal; }
@media screen and (max-width: 600px) {
  .task-owner-worksheet { overflow: visible; }
  .task-owner-worksheet table,
  .task-owner-worksheet tbody { display: block; width: 100%; }
  .task-owner-worksheet thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
  .task-owner-worksheet tbody tr { display: block; margin: 0 0 16px; border: 1px solid var(--line); border-radius: 10px; overflow: hidden; break-inside: avoid; }
  .task-owner-worksheet tbody th,
  .task-owner-worksheet tbody td { display: block; width: auto; padding: 10px 12px; overflow-wrap: normal; word-break: normal; }
  .task-owner-worksheet tbody th { background: var(--green-soft); }
  .task-owner-worksheet tbody td::before { content: attr(data-label); display: block; margin-bottom: 4px; font-weight: 750; }
  .task-owner-worksheet tbody td:last-child { border-bottom: 0; }
}