/* Project overview: one action, then two semantic boxed lists. */
@layer design-system {
 .project-tasks {display:grid;gap:var(--ww-space-6);width:100%;max-width:var(--ww-form-max);min-width:0}
 .project-record {display:flex;align-items:center;justify-content:center;min-height:var(--ww-input-min-height);padding:var(--ww-space-2) var(--ww-space-4);text-decoration:none;font-weight:600}
 .project-task-group {display:grid;align-content:start;gap:var(--ww-space-2);min-width:0}
 .project-task-group>h2 {font-size:var(--ww-font-small);line-height:var(--ww-line-small);font-weight:600;letter-spacing:normal;color:var(--ww-text-secondary);padding-inline:var(--ww-space-1)}
 .project-task-list {list-style:none;display:grid;gap:0;padding:var(--ww-space-1);border:1px solid var(--ww-border);border-radius:var(--ww-radius-panel);background:var(--ww-content);min-width:0}
 .project-task-list>li {min-width:0}
 .project-task-row {display:grid;grid-template-columns:20px minmax(0,1fr) 16px;align-items:center;gap:var(--ww-space-3);min-height:var(--ww-target-min);padding:var(--ww-space-2) var(--ww-space-3);border-radius:var(--ww-radius-control);font-size:var(--ww-font-body);line-height:var(--ww-line-body);font-weight:400;color:var(--ww-text);text-decoration:none}
 .project-task-row>span {min-width:0;overflow-wrap:anywhere}
 .project-task-row>.menu-icon:last-child {width:16px;height:16px}
 .project-task-row:is(:hover,:focus-visible) {background:var(--ww-page)}
 .project-task-row:focus-visible {outline:var(--ww-focus-width) solid var(--ww-focus);outline-offset:-2px}
 @media(min-width:701px) {
  .project-tasks {grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
  .project-record {grid-column:1/-1;justify-self:start;min-width:12rem}
 }
}