.staff-grid-container { display: grid; grid-template-columns: repeat(3, 1fr); }
        .staff-col-1 { grid-template-columns: repeat(1, 1fr); }
        .staff-col-2 { grid-template-columns: repeat(2, 1fr); }
        .staff-col-3 { grid-template-columns: repeat(3, 1fr); }
        .staff-col-4 { grid-template-columns: repeat(4, 1fr); }
        .staff-col-5 { grid-template-columns: repeat(5, 1fr); }
        .staff-col-6 { grid-template-columns: repeat(6, 1fr); }
        .staff-card { text-align: center; padding: 15px; overflow: hidden; }
        .staff-photo { width: 100%; height: auto; aspect-ratio: 1/1; object-fit: cover; border-radius: 50%; margin-bottom: 10px; }
        .staff-no-photo { width: 100%; aspect-ratio: 1/1; background: #eee; display: flex; align-items: center; justify-content: center; border-radius: 50%; margin-bottom: 10px; }
        .staff-name { font-weight: bold; margin: 5px 0; }
        .staff-title { margin: 3px 0 8px; }
        .staff-icons { display: flex; justify-content: center; gap: 12px; margin-top: 6px; }
        .staff-icons a { text-decoration: none; font-size: 20px; transition: color 0.2s; }
        .staff-icons a:hover { text-decoration: none; }
        #staff-lightbox { position: fixed; top:0; left:0; width:100%; height:100%; background: rgba(0,0,0,0.7); display: flex; align-items: center; justify-content: center; z-index: 9999; }
        .lightbox-content { position: relative; padding: 30px; border-radius: 8px; margin: 20px; max-height: 90vh; overflow-y: auto; }
        .lightbox-close { position: absolute; top: 10px; right: 20px; font-size: 36px; cursor: pointer; color: #333; }
        .lightbox-inner { display: flex; flex-wrap: wrap; gap: 20px; }
        .lightbox-left { flex: 1 1 40%; min-width: 200px; }
        .lightbox-left img { width: 100%; height: auto; border-radius: 4px; }
        .lightbox-right { flex: 1 1 50%; min-width: 200px; }
        .lightbox-right h2 { margin-top: 0; }
        @media (max-width: 768px) { .staff-col-2, .staff-col-3, .staff-col-4, .staff-col-5, .staff-col-6 { grid-template-columns: repeat(2, 1fr); } }
        @media (max-width: 480px) { .staff-grid-container { grid-template-columns: 1fr !important; } }