.block__system_announcements { display: grid; gap: 8px; padding: 10px 16px; }
.block__system_announcements[hidden] { display: none; }
.b_system_announcements--clock { display: flex; justify-content: flex-end; color: var(--text-secondary, #64748b); font-size: 11px; line-height: 1.3; }
.b_system_announcements--item { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 12px 16px; border: 1px solid #bfdbfe; border-radius: 12px; color: #1e3a5f; background: #eff6ff; box-shadow: 0 1px 3px rgba(15, 23, 42, .08); }
.b_system_announcements--item.__warning { border-color: #fcd34d; color: #713f12; background: #fffbeb; }
.b_system_announcements--item.__critical { border-color: #fca5a5; color: #7f1d1d; background: #fef2f2; }
.b_system_announcements--copy { min-width: 0; }
.b_system_announcements--title { display: block; margin-bottom: 3px; font-size: 14px; }
.b_system_announcements--icon { margin-right: 8px; }
.b_system_announcements--body { margin: 0; white-space: pre-wrap; overflow-wrap: anywhere; font-size: 13px; line-height: 1.45; }
.b_system_announcements--ends { display: block; margin-top: 5px; font-size: 11px; opacity: .72; }
.b_system_announcements--ack { flex: 0 0 auto; padding: 7px 12px; border: 1px solid currentColor; border-radius: 8px; color: inherit; background: transparent; font-weight: 700; cursor: pointer; }
.b_system_announcements--ack:hover { background: rgba(255, 255, 255, .5); }
.b_system_announcements--ack:focus-visible { outline: 3px solid rgba(37, 99, 235, .28); outline-offset: 2px; }
.block__public > .block__system_announcements { max-width: 1440px; margin: 0 auto; }
html[data-theme="dark"] .b_system_announcements--item,
body.__dark .b_system_announcements--item { border-color: #315b84; color: #dbeafe; background: #172b3f; }
html[data-theme="dark"] .b_system_announcements--item.__warning,
body.__dark .b_system_announcements--item.__warning { border-color: #92400e; color: #fde68a; background: #3a2a12; }
html[data-theme="dark"] .b_system_announcements--item.__critical,
body.__dark .b_system_announcements--item.__critical { border-color: #991b1b; color: #fecaca; background: #3b171b; }
@media (max-width: 720px) {
    .block__system_announcements { padding: 8px; }
    .b_system_announcements--item { align-items: stretch; flex-direction: column; gap: 10px; }
    .b_system_announcements--ack { align-self: flex-start; }
}