.rich-text { margin-block: 1.25rem; }
.rich-text__toolbar { display: flex; flex-wrap: wrap; gap: .4rem; margin-block: .6rem; }
.rich-text [hidden] { display: none; }
.rich-text__toolbar button { padding: .4rem .65rem; }
.rich-text__surface, .rich-text textarea { box-sizing: border-box; width: 100%; min-height: 20rem; padding: 1rem; border: 1px solid currentColor; border-radius: .3rem; overflow-wrap: anywhere; }
.rich-text__surface:focus-visible { outline: 3px solid #527ab3; outline-offset: 2px; }
.rich-text__surface table, .rich-content table { border-collapse: collapse; max-width: 100%; }
.rich-text__surface th, .rich-text__surface td, .rich-content th, .rich-content td { border: 1px solid currentColor; padding: .5rem; }
.rich-content { overflow-wrap: anywhere; overflow-x: auto; }
.rich-content, .rich-text__surface { white-space: pre-line; }
.rich-content pre, .rich-text__surface pre { white-space: pre-wrap; }
.rich-content blockquote, .rich-text__surface blockquote { border-inline-start: .2rem solid currentColor; padding-inline-start: 1rem; }