.notice-card {
            border-radius: 12px;
            overflow: hidden;
            background: #fff;
            box-shadow: 0 5px 20px rgba(0,0,0,0.08);
            transition: 0.3s;
            height: 100%;
        }

        .notice-card:hover {
            transform: translateY(-5px);
        }

        .notice-img {
            width: 100%;
            height: 200px;
            object-fit: cover;
        }

        .notice-body {
            padding: 15px;
        }

        .notice-title {
            font-weight: 600;
            color: #d32f2f;
        }

        .notice-meta {
            font-size: 13px;
            color: #555;
        }

        .badge-notice {
            background: #d32f2f;
            color: #fff;
            font-size: 11px;
            padding: 5px 10px;
            border-radius: 20px;
        }
        
        /* Sticky navbar background when scrolling */
#site-header.nav-fixed {
    position: fixed;
    top: 0;
    width: 100%;
    background: #ffffff; /* the "bar" */
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
    z-index: 999;
}

/* Prevent content jump when navbar becomes fixed */
body {
    padding-top: 0;
}

body.nav-fixed-padding {
    padding-top: 80px; /* adjust to your header height */
}