/* The rich-text box (js/rich-text.js), on the storefront dialogs and the admin review page. */
.g-rich { border: 1px solid #c2c2c2; border-radius: 8px; background: #fff; color: #222; }
.g-rich:focus-within { border-color: #5b7a99; box-shadow: 0 0 0 2px rgba(91, 122, 153, .25); }
.g-rich__bar { display: flex; flex-wrap: wrap; gap: 4px; padding: 6px; border-bottom: 1px solid #e3e3e3; background: #f6f6f6; border-radius: 8px 8px 0 0; }
.g-rich__btn { min-width: 36px; height: 32px; padding: 0 10px; border: 1px solid #cfcfcf; border-radius: 6px; background: #fff; color: #222; font: inherit; font-size: 14px; cursor: pointer; }
.g-rich__btn.is-bold { font-weight: 700; }
.g-rich__btn.is-italic { font-style: italic; }
.g-rich__btn:hover { background: #eef2f6; }
.g-rich__btn.is-on { background: #dfe8f1; border-color: #5b7a99; }
.g-rich__edit { min-height: 180px; max-height: 50vh; overflow-y: auto; padding: 10px 12px; font-size: 15px; line-height: 1.55; outline: none; }
.g-rich__edit p { margin: 0 0 .8em; }
.g-rich__edit ul, .g-rich__edit ol { margin: 0 0 .8em 1.4em; padding: 0; }
.g-rich__edit ul { list-style: disc; }
.g-rich__edit ol { list-style: decimal; }
/* The same small subset, as a page prints it, for the admin's "on the site" column. */
.g-rich-view p { margin: 0 0 .8em; }
.g-rich-view ul, .g-rich-view ol { margin: 0 0 .8em 1.4em; padding: 0; }
.g-rich-view ul { list-style: disc; }
.g-rich-view ol { list-style: decimal; }