@layer components {
  /* ===================================================
     Account Digital Purchases (WP-138)
     Uses the shared .gnostic-card / .portal-grid card system;
     this file only styles the order-specific bits that system
     does not already cover.
     =================================================== */

  .account-orders-grid {
    margin-top: var(--space-md, 1.5rem);
  }

  .account-order-card .btn-wrap {
    margin-top: var(--space-xs, 0.5rem);
  }

  .account-orders__downloads {
    margin-top: var(--space-xs, 0.5rem);
  }

  .account-orders__download-link {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: var(--space-2xs, 0.35rem) var(--space-xs, 0.5rem);
  }

  .account-orders-help {
    margin-top: var(--space-lg, 2rem);
  }
}