/* Custom styles for content */
.content {
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .guidelines-content h1 {
        font-size: 1.5em;
    }

    .guidelines-content p {
        font-size: 1em;
    }
}

/* Custom styles for accordion */
.accordion-header {
    border-bottom: 1px solid var(--light-gray);
}

.accordion-button {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.accordion-button:not(.collapsed) {
    background-color: var(--background-gray);
}

.accordion-button.collapsed {
    background-color: var(--background-gray);
}

.accordion-button.collapsed::after {
    filter: invert(0);
}

.favourite-icon {
    margin-left: 15px; /* Increase spacing between title and icon */
    text-decoration: none; /* Remove underline */
}

/* Use higher specificity to override anchor tag color */
.favourite-icon .far.fa-star,
.favourite-icon .fas.fa-star {
    color: var(--medium-gray) !important; /* Default to medium-gray */
}

/* Color for liked icon (fas star) */
.favourite-icon .fas.fa-star {
    color: var(--highlight-color) !important; /* Use --highlight-color for liked icon */
}