.action-notes {
  margin-top: var(--spacing-12);
  padding-top: var(--spacing-12);
  border-top-width: var(--stroke-weight-1);
  border-top-style: solid;
  border-top-color: var(--border-subtle);
  font-size: var(--font-size-14);
  line-height: 1.25rem;
  color: var(--text-primary);

  & .action-notes-heading {
    font-size: var(--font-size-12);
    line-height: 1rem;
    font-weight: var(--font-weight-600);
    color: var(--text-tertiary);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: var(--spacing-8);
  }

  & .action-notes-list > * + * { margin-top: var(--spacing-8); }

  & .action-notes-tags {
    margin-top: var(--spacing-4);
    display: flex;
    flex-wrap: wrap;
    gap: var(--spacing-4);
  }

  & .action-notes-tag {
    font-size: var(--font-size-12);
    font-weight: var(--font-weight-500);
    padding-inline: var(--spacing-4);
    padding-block: var(--spacing-2);
    border-radius: var(--corner-radius-sm);
    background-color: var(--background-surface-2);
    color: var(--text-primary);
  }
}