@tailwind base;
@tailwind components;
@tailwind utilities;

.article-content {
    @apply text-gray-500;
    h2,
    h3,
    h4,
    h5,
    h6 {
        @apply font-semibold;
    }
    p {
        @apply mb-4;
    }
    blockquote {
        @apply border-l-4 border-gray-300 pl-4 italic my-4 font-thin;
    }
}
summary {
    list-style: none;
    padding: 0;
    margin: 0;
}
summary::-webkit-details-marker {
    display: none;
}
summary::before {
    content: "";
    width: 18px;
    height: 20px;
    background-size: contain;
    background: url("./arrow.svg") no-repeat center;
    margin-right: 0.75em;
    transition: 0.2s;
    display: inline-block;
}

details[open] > summary::before {
    transform: rotate(180deg);
}
@tailwind variants;

.section-title {
    @apply text-2xl font-bold mb-4 text-center;
}