.announcement-editor {
  border: 1px solid #d6d3d1;
  border-radius: .65rem;
  background: white;
  overflow: hidden;
}
.announcement-editor:focus-within {
  border-color: #ea580c;
  outline: 1px solid #ea580c;
}
.announcement-editor trix-toolbar {
  display: block;
  background: #fafaf9;
  border-bottom: 1px solid #e7e5e4;
  padding: .5rem .625rem 0;
}
.announcement-editor trix-toolbar .trix-button-group {
  margin-bottom: .5rem;
  border-color: #e7e5e4;
  border-radius: .3rem;
}
.announcement-editor trix-toolbar .trix-button-group:not(:first-child) { margin-left: .5rem; }
.announcement-editor trix-toolbar .trix-button { height: 2rem; border-bottom: 0; }
.announcement-editor trix-toolbar .trix-button.trix-active { background: #ffedd5; color: #9a3412; }
.announcement-editor trix-editor { border: 0; min-height: 12rem; padding: .875rem; line-height: 1.65; }
.announcement-rich-text { overflow-wrap: anywhere; }
.announcement-rich-text p, .announcement-rich-text div { margin: 0 0 .65rem; }
.announcement-rich-text strong, .announcement-rich-text b { font-weight: 700; }
.announcement-rich-text em, .announcement-rich-text i { font-style: italic; }
.announcement-rich-text ul { list-style: disc; padding-left: 1.5rem; margin: .5rem 0; }
.announcement-rich-text ol { list-style: decimal; padding-left: 1.5rem; margin: .5rem 0; }
.announcement-rich-text li { padding-left: .15rem; }
.announcement-rich-text a { color: #c2410c; text-decoration: underline; }