.category {
    width: 100%;
}

.category-header {
    display: flex;
    justify-content: space-between; /*Space between label and arrow*/
    min-width: var(--desktop-menu-width);
    cursor: pointer;
    padding: 0.1rem;
    padding-left: 1rem;
    padding-right: 0.5rem;
    background-color: rgba(0, 0, 0, 0.8);
    box-shadow: 0 0 10px rgba(255, 0, 0, 1);
    transition: background-color 0.3s;
    border-radius: 10px;
}

.category-header::after {
    content: "\25BC";
    transition: transform 0.3s ease;
}

.category-header::before {
    content: " ";
}

.category-header.expanded::after {
    display: inline-block;
    content: "\25BC";
    margin-right: inherit;
    transform: rotate(180deg);
    transition: transform 0.3s ease;
}

.category-header:hover {
    box-shadow: inset 0 0 10px 5px rgba(255, 0, 0, 0.75), inset 0 0 5px 2px rgba(0, 0, 0, 0.5);
}

.category-content {
    display: flex;
    flex-direction: column;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.5s ease;
    border-radius: 10px;
    margin-top: 0.1rem;
    gap: 0.2rem;
}

.category-content-item {
    background-color: rgba(0, 0, 0, 0.75);
    padding: 0.3rem;
}

.category .category-content a:visited {
    color: var(--font-color-primary);
}

.category-content a {
    color: whitesmoke;
    padding: 5px 10px;
    text-decoration: none;
}

.category-content a:hover {
    box-shadow: inset 0 0 10px 5px rgba(255, 0, 0, 0.75), inset 0 0 5px 2px rgba(0, 0, 0, 0.5);
    text-decoration: none;
}

/* Styling for the Obsidian Core Guides dropdown (left side) */
.main-left-container .section-container-column {
    align-items: flex-start;
}

/* Styling for the External Resources dropdown (right side) */
.main-right-container .section-container-column {
    align-items: flex-end;
}