#layout-menu {
    background-color: #f2f2f2; /* Light grey background */
    padding: 20px; /* Padding around the menu */
    border-radius: 8px; /* Rounded corners */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* Subtle shadow */
}

.menu-category {
    font-weight: bold; /* Bold category title */
    font-size: 1.2em; /* Larger font size */
    margin-bottom: 10px; /* Space below the category */
}

.menu-item {
    margin: 5px 0; /* Space between menu items */
}

.menu-item a {
    text-decoration: none; /* Remove underline */
    color: #333; /* Dark text color */
    padding: 8px 15px; /* Padding around links */
    border-radius: 4px; /* Rounded link corners */
    transition: background 0.3s; /* Smooth background transition */
}

.menu-item a.current {
    background-color: #9ddae5; /* Blue background for current page */
    color: white; /* White text for current page */
}

.menu-item a:hover {
    background-color: #e0e0e0; /* Light grey background on hover */
}