/* Regole per nascondere il banner su tutti i dispositivi */
.sidebar-alert,
.card.sidebar-alert,
div[class*="sidebar-alert"] {
    display: none !important;
    visibility: hidden !important;
}

/* Regole specifiche per tablet */
@media only screen 
and (min-device-width: 768px) 
and (max-device-width: 1024px) {
    .sidebar-alert,
    .card.sidebar-alert {
        display: none !important;
    }
}

.variables-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 0.5rem;
    padding: 0.5rem;
    background-color: #f8f9fa;
    border-radius: 4px;
}

.variables-grid code {
    background-color: #e9ecef;
    padding: 2px 4px;
    border-radius: 3px;
    color: #dc3545;
}