/* Term and explanation rows under an ink rule (what the audit checks, what a credit buys) */
@layer components {
  .check-list {
    margin: 0;
    border-top: 2px solid var(--color-text);

    .check-list__row {
      display: grid;
      grid-template-columns: minmax(0, 13rem) minmax(0, 1fr);
      gap: var(--space-6);
      padding: var(--space-4) 0;
      border-bottom: 1px solid var(--color-border);
    }

    dt {
      display: flex;
      align-items: flex-start;
      gap: var(--space-3);
      font-weight: var(--font-semibold);
    }

    dd {
      margin: 0;
      color: var(--color-text-muted);
    }
  }

  @media (max-width: 640px) {
    .check-list .check-list__row {
      grid-template-columns: 1fr;
      gap: var(--space-1);
    }
  }
}