.announcements-dialog {
  box-sizing: border-box;
  width: min(560px, calc(100% - 32px));
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  overflow: auto;
  border: 1px solid #d8dcd9;
  border-radius: 8px;
  background: #fff;
  color: #232925;
  box-shadow: 0 18px 64px #0003;
  line-height: 1.7;
  letter-spacing: 0;
}
.announcements-dialog::backdrop { background: #17221bcc; }
.announcements-dialog header { padding: 20px 24px 12px; border-bottom: 1px solid #e6e9e7; }
.announcements-dialog h2 { margin: 0; font-size: 22px; }
.announcements-content { padding: 4px 24px 12px; overflow-wrap: anywhere; }
.announcements-content section + section { border-top: 1px solid #e6e9e7; margin-top: 20px; }
.announcements-date { color: #66736a; font-size: 14px; margin: 16px 0 4px; }
.announcements-dialog h3 { margin: 0 0 12px; font-size: 19px; }
.announcements-dialog ul { margin: 0; padding-left: 22px; }
.announcements-dialog li + li { margin-top: 8px; }
.announcements-dialog footer { padding: 0 24px 20px; text-align: right; }
.announcements-status { min-height: 24px; color: #a43c23; margin: 0 0 8px; font-size: 14px; }
.announcements-dialog button { min-width: 112px; border-radius: 6px; }