.tracked-activity {
  position: relative;
  transition: opacity 180ms ease;
}
.tracked-activity.activity-completed {
  opacity: 0.65;
  padding-bottom: 2rem;
}
.tracked-activity.activity-completed:hover,
.tracked-activity.activity-completed:focus-visible {
  opacity: 1;
}
.tracked-activity > .activity-completion-label {
  position: absolute;
  right: 0.5rem;
  bottom: 0.4rem;
  padding: 0.2rem 0.4rem;
  border-radius: 0.25rem;
  background: #174c36;
  color: #fff;
  font: 700 0.625rem/1.2 system-ui, sans-serif;
  letter-spacing: 0.06em;
  pointer-events: none;
}
.activity-completion-label[hidden] { display: none; }
.activity-mark-complete { margin: 1rem; padding: 0.7rem 1rem; cursor: pointer; }
@media (prefers-reduced-motion: reduce) {
  .tracked-activity { transition: none; }
}
@media print {
  .activity-mark-complete, .activity-completion-label { display: none; }
}