<style>
  #failedCriteriaCard {
    display: flex;
    flex-direction: column;
  }

  #failedCriteriaCard li:not(:last-of-type) {
    border-bottom: 1px solid var(--chinese-silver);
    padding-bottom: 0.5rem;
    margin-bottom: 0.5rem;
  }

  .wcag-row-column {
    display: flex;
    flex-direction: column;
  }

  .view-all-link {
    align-self: center;
    padding: 0.5rem 0;
    border: none;
    background: transparent;
    color: var(--a11y-majorelle-blue);
    font-size: 1rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    transition: color 0.2s ease;
  }

  .modal-title {
    border-bottom: none;
  }

  .view-all-link:hover {
    text-decoration: underline;
  }

  .view-all-link svg {
    flex-shrink: 0;
  }

  #failedCriteriaModal li:not(:last-of-type) {
    border-bottom: 1px solid var(--chinese-silver);
    padding-bottom: 0.5rem;
    margin-bottom: 0.5rem;
  }

  @media (max-width: 768px) {
    .failed-criteria-list {
      max-height: 300px;
    }

    .failed-criteria-item {
      padding: 0.5rem 0.75rem;
    }
  }
</style>
