/* ------------------------------
Theme
------------------------------ */

/* ------------------------------
Appearance
------------------------------ */
.announcements_section__container {
    container: announcements_section / inline-size;
}

/* Base Styles for Announcement List */
.announcement_list {
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.announcement_item {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding-bottom: 32px;
    border-bottom: 1px solid var(--md-sys-color-outline-variant);
}

.announcement_item:last-child {
    border-bottom: none;
}

.announcement_date {
    color: var(--md-sys-color-on-surface-variant);
}

.announcement_title {
    color: var(--md-sys-color-on-surface);
    margin: 0;
}

.announcement_body {
    color: var(--md-sys-color-on-surface);
}

.announcement_body p {
    margin: 0 0 8px 0;
}

.announcement_body p:last-child {
    margin-bottom: 0;
}


@container announcements_section (width < 600px) {
    .announcements_section {
        margin-bottom: var(--small-section-margin-bottom, 32px);

        .announcements__headline {
            margin-bottom: var(--small-headline-margin-bottom, 8px);
        }
    }
}

@container announcements_section (600px <=width) {
    .announcements_section {
        margin-bottom: var(--large-section-margin-bottom, 80px);

        .announcements__headline {
            margin-bottom: var(--large-headline-margin-bottom, 16px);
        }

    }
}