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

.material-symbols-outlined {
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}

.material-symbols-outlined.fill {
    font-variation-settings: 'FILL' 1;
}

.nav-link-hover {
    position: relative;
}

.nav-link-hover::after {
    content: '';
    position: absolute;
    width: 0;
    height: 2px;
    bottom: -4px;
    left: 0;
    background-color: currentColor;
    transition: width 0.3s ease;
}

.nav-link-hover:hover::after {
    width: 100%;
}

/* Mobile nav panel, toggled by site.js */
#mobile-menu {
    display: none;
}

#mobile-menu.open {
    display: block;
}

/* Language switcher dropdown, toggled by site.js (works on touch too, not just hover) */
.lang-dropdown {
    display: none;
}

.lang-dropdown.open {
    display: block;
}

/* FAQ accordion */
.accordion-content {
    transition: max-height 0.3s ease-in-out, opacity 0.3s ease-in-out, padding-top 0.3s ease-in-out;
    max-height: 0;
    opacity: 0;
    overflow: hidden;
}

.accordion-content.active {
    max-height: 400px;
    opacity: 1;
    padding-top: 16px;
}

.accordion-icon {
    transition: transform 0.3s ease-in-out;
}

.accordion-icon.active {
    transform: rotate(180deg);
}