/* ============================================
   HOME.CSS — HOME PAGE SPECIFIC STYLES
   ============================================ */

/* Hero / Welcome Section */
.home-hero {
    margin-bottom: var(--spacing-xl);
}

.home-hero h1 {
    margin-bottom: var(--spacing-md);
}

/* Featured Panels */
.home-featured {
    display: flex;
    gap: var(--spacing-lg);
    flex-wrap: wrap;
}

.home-featured .panel {
    flex: 1 1 300px;
}

/* News / Updates Section */
.home-news {
    margin-top: var(--spacing-xl);
}

.home-news h2 {
    margin-bottom: var(--spacing-md);
}

.home-news article {
    margin-bottom: var(--spacing-lg);
}