.fuz-markdown {
  @apply leading-relaxed text-base md:text-lg;

  /* odstępy między elementami */
}

.fuz-markdown p {
  @apply text-2xl;
}

.fuz-markdown h1 {
  @apply text-3xl font-bold mt-8 mb-4;
}

.fuz-markdown h2 {
  @apply text-2xl font-semibold mt-6 mb-3;
}

.fuz-markdown h3 {
  @apply text-xl font-semibold mt-4 mb-2;
}

.fuz-markdown ul {
  @apply list-disc pl-10 mb-4;
}

.fuz-markdown ol {
  @apply list-decimal pl-6 mb-4;
}

.fuz-markdown li {
  @apply mb-1;
}

.fuz-markdown ul li::marker {
  @apply text-[--f-text];
}


.fuz-markdown a {
  @apply no-underline hover:no-underline text-[var(--f-link-text)];
}

.fuz-markdown button.modal-link {
  @apply no-underline hover:no-underline mt-2 bg-[--f-background] text-[--f-link-text];
}

.fuz-markdown blockquote {
  @apply border-l-4 border-gray-300 dark:border-gray-700 pl-4 italic mb-4;
}

.fuz-markdown strong {
  @apply font-semibold;
}

.f-hl {
  padding: 0 .15em;
  border-radius: .35em;
  background: rgba(255, 215, 0, 0.35);
}