/* Capability card (DS §7.4) — white surface, 1px mist border, no shadows. */
@layer components {
  .pk-card {
    background: var(--pk-white);
    border: 1px solid var(--pk-mist);
    border-radius: var(--pk-radius-md);
    padding: var(--pk-space-5);
    display: flex;
    flex-direction: column;
    gap: var(--pk-space-3);
    transition: border-color 160ms ease, transform 160ms ease;
  }

  .pk-card:hover {
    border-color: var(--pk-steel);
  }

  .pk-card-title {
    font-size: var(--pk-text-h3);
    font-weight: 600;
    color: var(--pk-steel);
    margin: 0;
  }

  .pk-card-body {
    font-size: var(--pk-text-body);
    color: var(--pk-slate);
    margin: 0;
    flex: 1;
  }

  .pk-card-tag {
    font-family: var(--pk-font-mono);
    font-size: var(--pk-text-eyebrow);
    color: var(--pk-marine);
  }

  .pk-card-link {
    color: var(--pk-marine);
    text-decoration: none;
    font-size: var(--pk-text-small);
    font-weight: 500;
    margin-top: var(--pk-space-2);
  }

  .pk-card-link::after {
    content: ' →';
  }

  .pk-card-link:hover {
    text-decoration: underline;
  }

  /* The "made to order" contact card sits on paper, not white (mockup). */
  .pk-card-contact {
    background: var(--pk-paper);
  }

  @media (min-width: 720px) {
    .pk-card {
      padding: var(--pk-space-6);
    }
  }
}