.ens-announcements {
    --notice-navy: #0d244c;
    background: var(--notice-navy);
    color: #fff;
    padding: 20px 24px;
    margin: 0 0 24px;
    display: flex;
    align-items: center;
    gap: 20px;
    border-radius: 8px;
}
.ens-announcements__content { min-width: 0; flex: 1; }
.ens-announcements__item { display: flex; align-items: center; gap: 18px; }
.ens-announcements__item[hidden], .ens-announcements [hidden] { display: none !important; }
.ens-announcements__item + .ens-announcements__item:not([hidden]) { margin-top: 16px; }
.ens-announcements[data-ready] .ens-announcements__item { margin: 0; }
.ens-announcements__status { color: #0d244c; background: #c4e5f8; padding: 5px 10px; font-size: 14px; font-weight: 700; white-space: nowrap; border-radius: 4px; }
body.ens-shell .ens-announcements h2 { color: #fff; font-size: 22px; line-height: 1.25; margin: 0 0 5px; }
body.ens-shell .ens-announcements p { color: #fff; font-size: 16px; line-height: 1.5; margin: 0; max-width: 75ch; }
.ens-announcements__controls { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
.ens-announcements button { background: transparent; border: 1px solid #9ecae7; color: #fff; min-height: 44px; padding: 8px 12px; border-radius: 4px; font: inherit; font-size: 14px; cursor: pointer; }
.ens-announcements button:hover { background: #29436a; }
.ens-announcements button:focus-visible, .ens-announcements a:focus-visible { outline: 3px solid #fff; outline-offset: 3px; }
.ens-announcements [data-announcement-count] { font-variant-numeric: tabular-nums; min-width: 36px; text-align: center; font-size: 14px; }
body.ens-shell .ens-announcements a.ens-announcements__link { color: #fff; text-decoration: underline; text-underline-offset: 4px; min-height: 44px; display: inline-flex; align-items: center; padding: 6px 0; font-weight: 700; flex-shrink: 0; }
.ens-announcements [data-announcement].ens-announcement-enter { animation: ens-notice-replace 220ms ease-out; }
@keyframes ens-notice-replace { from { opacity: .3; } to { opacity: 1; } }
@media (max-width: 1100px) {
    .ens-announcements { flex-wrap: wrap; gap: 12px; }
    .ens-announcements__content { flex-basis: 100%; }
}
@media (max-width: 600px) {
    .ens-announcements { padding: 18px; }
    .ens-announcements__item { flex-direction: column; align-items: flex-start; gap: 10px; }
    body.ens-shell .ens-announcements h2 { font-size: 21px; }
    .ens-announcements__controls { gap: 4px; }
    .ens-announcements button { padding: 8px 9px; }
}
@media (prefers-reduced-motion: reduce) {
    .ens-announcements [data-announcement].ens-announcement-enter { animation: none; }
}