.site-header { border-bottom: 1px solid #eee; background: #fff; }
.navbar-brand img { max-height: 45px; }

.hero-img { height: 360px; object-fit: cover; filter: brightness(0.7); }
.carousel-caption { bottom: 80px; }




.notice-list li a { max-width: 280px; }

.story-img { height: 200px; object-fit: cover; }

.bg-purple { background-color: #833ab4 !important; }

.site-footer { background-color: #f8f9fa; border-top: 1px solid #dee2e6; }
.footer-label { font-weight: 600; color: #333; }

@media (max-width: 768px) {
    .hero-img { height: 220px; }
    .carousel-caption h2 { font-size: 1.4rem; }
}