.announcement-banner {
    position: relative;
    background: #29255b;
    color: #fff;
    border-bottom: 5px solid #e4e986;
    padding: 24px 24px 20px;
    text-align: center;
    overflow-wrap: break-word;
}
.announcement-banner__content { max-width: 1080px; margin: 0 auto; }
.announcement-banner h2 { margin: 0 0 12px; color: #e4e986; font-size: 24px; line-height: 1.3; }
.announcement-banner p { margin: 8px 0; font-size: 16px; line-height: 1.6; }
.announcement-banner a { color: #fff; text-decoration: underline; }
.announcement-banner a:hover { color: #e4e986; }
.announcement-banner a:focus { outline: 2px solid #e4e986; outline-offset: 3px; }
/* Keep the fixed menu controls below the banner on the homepage, without JS offsets. */
.has-announcement .app-navbar { position: absolute; }
.job-vacancies__widget { display: block; width: 100%; height: 600px; border: 0; background: transparent; }
.job-vacancies p { line-height: 1.6; }
@media (max-width: 600px) {
    .announcement-banner { padding: 18px 16px; }
    .announcement-banner h2 { font-size: 21px; }
    .job-vacancies__widget { height: 650px; }
}
