.assignment{border-color:color-mix(in srgb,var(--person-color,#64748b) 48%,#fff);border-left:5px solid var(--person-color,#64748b);background:color-mix(in srgb,var(--person-color,#64748b) 14%,#fff)}
.assignment:hover{border-color:var(--person-color,#64748b);border-left-width:5px}
.assignment.done{background:color-mix(in srgb,var(--person-color,#64748b) 8%,#fff);text-decoration:none;opacity:.64}
.assignment.done strong{text-decoration:line-through}
.assignment.task-age-current strong,.assignment.task-age-current>span:first-child,.task-card.task-age-current h2{color:#15803d}
.assignment.task-age-one strong,.assignment.task-age-one>span:first-child,.task-card.task-age-one h2{color:#a16207}
.assignment.task-age-two strong,.assignment.task-age-two>span:first-child,.task-card.task-age-two h2{color:#c2410c}
.assignment.task-age-three strong,.assignment.task-age-three>span:first-child,.task-card.task-age-three h2{color:#dc2626}
.assignment.task-age-old strong,.assignment.task-age-old>span:first-child,.task-card.task-age-old h2{color:#7f1d1d}
.assignment.task-age-completed strong,.assignment.task-age-completed>span:first-child,.task-card.task-age-completed h2{color:inherit}
.assignment.done small{color:#475569;text-decoration:none}