/* Double the logo size without affecting navbar */
.md-header__button.md-logo img {
    height: auto !important;
    max-height: 50px !important; /* Keeps navbar stable */
    width: auto !important;
    transform: scale(5); /* Increase scale to 2x */
}

/* Keep buttons in one row */
.button-container {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 12px; /* Space between buttons */
    margin-top: 20px;
    flex-wrap: nowrap; /* Prevents wrapping */
}

/* Dashboard buttons - fixed size, rectangular shape */
.dashboard-button {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 8px 16px; /* Balanced padding */
    width: 160px; /* Ensures equal width */
    height: 50px; /* Ensures equal height */
    background-color: #ffffff;
    border-radius: 6px;
    border: 1px solid #ddd;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);
    transition: background-color 0.3s ease, transform 0.2s ease;
}

/* Button hover effect */
.dashboard-button:hover {
    background-color: #f5f5f5;
    transform: translateY(-2px);
}

/* Logo inside button - properly sized */
.button-logo {
    height: 20px; /* Same perfect size as before */
    width: auto;
}

/* Sticky Sidebar Navigation */
.md-sidebar--secondary {
    position: sticky;
    top: 80px;
    max-height: 80vh;
    overflow-y: auto;
}

/* Make external links in sidebar bold and open in new tab */
nav a[href^="http"] {
    font-weight: bold;
}

/* Add an external link icon next to external links */
nav a[href^="http"]::after {
    content: " ↗"; /* Adds an external link icon */
    font-size: 14px;
    color: #aaa;
}
.md-sidebar--secondary {
    height: auto !important;
    max-height: 100vh !important; /* Ensure it doesn't get cut off */
    overflow-y: auto !important;  /* Allow scrolling if necessary */
}
.md-nav__list {
    max-height: 100%;
    overflow-y: auto;
}

.md-header__topic {
    display: none !important;
}