
  .f-documents {
    @apply max-w-7xl mx-auto px-4 py-10;
  }

  .f-documents-title {
    @apply text-4xl md:text-5xl font-bold text-[--f-header];
  }

  .f-documents-grid {
    @apply mt-8 grid gap-6 sm:grid-cols-2 lg:grid-cols-3;
  }

  .f-document-card {
    @apply border border-[--f-border-color] bg-[--f-background] text-[--f-text]
           p-5 shadow-sm transition hover:-translate-y-0.5 hover:shadow-md;
  }

  .f-document-title {
    @apply text-2xl font-bold;
  }

  .f-document-intro {
    @apply mt-3 text-xl opacity-80 leading-relaxed;
  }

  .f-document-link {
    @apply mt-4 inline-block text-base opacity-70 text-[--f-link-text];
  }

