@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
body {
    font-family: 'Inter', sans-serif;
}
/* Custom styles to hide default details marker */
details > summary {
    list-style: none;
}
details > summary::-webkit-details-marker {
    display: none;
}

/* View Transition Animation */
.view-transition {
    transition: opacity 0.4s ease-in-out, max-height 0.4s ease-in-out, transform 0.4s ease-in-out, margin-top 0.4s ease-in-out, padding-top 0.4s ease-in-out, padding-bottom 0.4s ease-in-out, border-width 0.4s ease-in-out;
    transform-origin: top;
    will-change: opacity, max-height, transform;
    overflow: hidden;
}

.view-hidden {
    opacity: 0;
    max-height: 0px !important;
    transform: scaleY(0.98);
    margin-top: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    border-width: 0 !important;
    pointer-events: none;
}

.view-visible {
    opacity: 1;
    max-height: 5000px; /* A large enough value to not clip content */
    transform: scaleY(1);
}