/* Custom Background Pattern for a premium feel */
body {
    background-image: radial-gradient(#E5E7EB 1px, transparent 1px);
    background-size: 32px 32px;
    background-color: #F3F4F6;
}

/* Smooth Accordion Animation */
.accordion-content {
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows 0.4s ease-out;
}

.accordion-content > div {
    overflow: hidden;
}

.accordion-item.is-open .accordion-content {
    grid-template-rows: 1fr;
}

.accordion-item.is-open .icon-plus {
    transform: rotate(45deg);
    color: #F59E0B; /* Changes to accent color when open */
}

/* Optional: Custom Scrollbar for Webkit */
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: #F3F4F6;
}
::-webkit-scrollbar-thumb {
    background: #1791AB;
    border-radius: 4px;
}