/* Importing Inter font, matching the style of Facility_Eng.html */
        @import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap');
        body {
            font-family: 'Inter', sans-serif;
            /* Background and text color from Facility_Eng.html */
            background-color: #f8fafc; /* light blue-gray */
            color: #1f2937; /* dark gray */
        }
        /* Custom styles for the main content blocks */
        .main-card {
            transition: all 0.2s ease-in-out;
            border-left: 4px solid transparent;
        }
        .main-card:hover {
            transform: translateY(-2px);
            box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
        }

        /* Specific style for the news boxes */
        .news-box {
            background-color: #fff;
            border-top: 5px solid;
            transition: transform 0.2s;
            display: block; /* Ensure the link fills the box */
        }
        .news-box:hover {
            transform: translateY(-2px);
            box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
        }

        /* Style for the scrollable sidebars */
        .sidebar-list {
            /* ALTEZZA scroll laterali */
            height: 1100px; 
            overflow-y: scroll; /* Permette lo scorrimento manuale */
            cursor: grab; /* Cursore "mano aperta" per indicare il trascinamento */
            user-select: none; /* Impedisce la selezione del testo durante il trascinamento */
            padding-right: 8px; 
        }
        /* Cursore "mano chiusa" durante il trascinamento */
        .sidebar-list.active {
            cursor: grabbing;
        }
        /* Rimuovi lo scrollbar visibile su WebKit (Chrome, Safari) */
        .sidebar-list::-webkit-scrollbar {
            width: 0; /* Rendi invisibile lo scrollbar */
            background: transparent;
        }
        .sidebar-list::-webkit-scrollbar-thumb {
            background-color: transparent;
        }

		body {
				font-family: 'Inter', sans-serif;
				color: #1f2937;
				position: relative;
				background-color: #ffffff; /* Colore di base dietro l'immagine */
			}

			body::before {
				content: "";
				position: fixed;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				/* Inserisci qui il nome del tuo file */
				background-image: url('/home/sfondo_scienza_materiali_gemini.png'); 
				background-repeat: repeat;
				background-attachment: fixed;
				background-size: auto;
				
				/* REGOLA LA TRASPARENZA QUI: 
				   0.1 è molto trasparente (quasi bianco)
				   0.5 è metà e metà
				   0.9 è quasi piena
				*/
				opacity: 0.15; 
				
				z-index: -1; /* Mantiene lo sfondo dietro ai contenuti */
			}