.bulletin {
    padding: 20px;
    margin: 20px 0;
    border-radius: 15px;
    background-color: #ffffff;
    color: #000000;
    transition: background-color 0.5s ease, color 0.5s ease;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    max-width: 100%;
    box-sizing: border-box;
    opacity: 1; /* Ensure full opacity */
    gap: 20px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body.dark-mode .bulletin {
    background-color: #2c2c2c; /* Updated from landconditions.css */
    color: #ffffff; /* Updated from landconditions.css */
    opacity: 1; /* Ensure full opacity */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.bulletin img {
    margin-left: 5px;
    margin-right: 5px;
    width: 1.5em;
    height: 1.5em;
    align-self: flex-start;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.bulletin-content {
    flex: 1;
    width: 100%;
    padding: 10px; /* Added padding for space around the description */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.bulletin h1, .bulletin h2, .bulletin h3, .bulletin h4, .bulletin p {
    margin: 0;
    color: inherit;
    padding-bottom: 5px; /* Reduced padding to decrease vertical spacing */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.bulletin h1 { font-size: 28px; font-weight: bold; }
.bulletin h2 { font-size: 1.6em; }
.bulletin h3 { font-size: 1.4em; }
.bulletin h4 { font-size: 1.2em; }
.bulletin p { font-family: "Inter Tight"; font-weight: normal; font-size: 18px; margin: 5px 0; word-wrap: break-word; } /* Reduced margin to decrease vertical spacing and ensure text wraps */

.bulletin.info { background-color: rgba(43, 189, 142, 0.9); } /* Increased opacity for more vivid color */
.bulletin.warning { background-color: rgba(255, 217, 102, 0.9); } /* Increased opacity for more vivid color */
.bulletin.important { background-color: rgba(255, 145, 68, 0.9); } /* Increased opacity for more vivid color */
.bulletin.critical { background-color: #fc9292; } /* Increased opacity for more vivid color */

body.dark-mode .bulletin.info { background-color: rgb(0, 124, 83); } /* Increased opacity for more vivid color */
body.dark-mode .bulletin.warning { background-color: rgb(105, 104, 0); } /* Increased opacity for more vivid color */
body.dark-mode .bulletin.important { background-color: rgb(114, 57, 0); } /* Increased opacity for more vivid color */
body.dark-mode .bulletin.critical { background-color: rgb(131, 2, 2); } /* Increased opacity for more vivid color */

@media (max-width: 768px) {
    .bulletin {
        flex-direction: column;
        align-items: flex-start;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }
    .bulletin-icon {
        margin-bottom: 0px;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }
    .bulletin p {
        word-wrap: break-word; /* Ensure text wraps on mobile */
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }
}