body {
    font-family: 'Inter', sans-serif;
}

/* Simple transition for accordion */
details > summary {
    list-style: none;
}

details > summary::-webkit-details-marker {
    display: none;
}

details > summary::after {
    content: '+';
    float: right;
    font-size: 1.5rem;
    font-weight: 500;
    transition: transform 0.2s;
}

details[open] > summary::after {
    transform: rotate(45deg);
}

details[open] summary ~ * {
    animation: sweep .5s ease-in-out;
}

@keyframes sweep {
    0%    {opacity: 0; transform: translateY(-10px)}
    100%  {opacity: 1; transform: translateY(0)}
}