/* Modern styling for both light and dark themes using Furo's CSS variables */

/* Sidebar version styling - works with both themes */
.sidebar-version {
    display: flex;
    color: var(--color-brand-primary);
    font-size: 1rem;
    text-align: left;
    padding: var(--sidebar-item-spacing-vertical) var(--sidebar-item-spacing-horizontal);
}

.sidebar-version:visited {
    color: var(--color-brand-primary);
}

/* Simple responsive banner classes */
.mobile-only {
    display: block;
}

.desktop-only {
    display: none;
}

@media (min-width: 768px) {
    .mobile-only {
        display: none;
    }
    
    .desktop-only {
        display: block;
    }
}