/* Links with a one-line explanation under an ink rule (related checks, guides, tools) */
@layer components {
  .link-list {
    margin: 0;
    padding: 0;
    list-style: none;
    border-top: 2px solid var(--color-text);

    li {
      margin: 0;
      padding: var(--space-4) 0;
      border-bottom: 1px solid var(--color-border);
    }

    a {
      font-weight: var(--font-semibold);
      color: var(--color-text);
      text-decoration: underline;
      text-underline-offset: 0.2em;
    }

    p {
      margin: var(--space-1) 0 0;
      color: var(--color-text-muted);
    }
  }
}