/* =========================================================
   Announcement
   ========================================================= */

.announcement {
    border-bottom: 1px solid #e8e5df;
    background: #f5f3ee;
}

.announcement__list {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
    padding: 10px 0;
    text-align: center;
}

.announcement__item {
    color: #55524d;
    font-size: 0.8125rem;
    line-height: 1.5;
}

.announcement__title {
    color: #34332f;
    font-weight: 600;
}

.announcement__message {
    margin-left: 4px;
}


/* =========================================================
   Responsive
   ========================================================= */

@media (max-width: 720px) {
    .announcement__list {
        padding: 9px 0;
    }

    .announcement__item {
        font-size: 0.75rem;
    }
}