@layer base {
    h1 {
        @apply text-2xl font-medium mt-8;
    }

    h2 {
        @apply text-xl font-medium mt-8;
    }

    h3 {
        @apply text-lg font-medium mt-8;
    }

    h4 {
        @apply text-base font-medium;
    }

    h5 {
        @apply text-sm font-semibold mt-5;
    }

    h6 {
        @apply text-sm font-semibold mt-5;
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        @apply mb-1;
    }

    a {
        @apply text-blue-500 hover:text-blue-900 hover:underline;
    }

    p {
        @apply my-2;
    }

    small {
        @apply text-sm;
    }

    details summary {
        cursor: pointer;
    }

    strong {
        @apply font-medium;
    }
}