/* Synapka · formátovaný text (rich.js): lišta nad polem, náhled a vykreslený text. Barvy se dědí z portálu (currentColor). */
.rich-bar { display: flex; flex-wrap: wrap; align-items: center; gap: 2px; width: max-content; max-width: 100%; margin: 0 0 6px; padding: 3px; border: 1px solid rgba(127, 127, 127, .28); border-radius: 10px; background: rgba(127, 127, 127, .07); }
.rich-bar button { box-sizing: border-box; display: inline-grid; place-items: center; min-width: 30px; height: 28px; margin: 0; padding: 0 8px; border: 0; border-radius: 7px; background: none; color: inherit; font-family: inherit; font-size: 13.5px; font-weight: 600; line-height: 1; cursor: pointer; opacity: .82; transition: background-color .15s, opacity .15s; }
.rich-bar button:hover, .rich-bar button:focus-visible { opacity: 1; background: rgba(127, 127, 127, .18); }
.rich-bar button[aria-pressed="true"] { opacity: 1; background: rgba(127, 127, 127, .26); }
.rich-bar button i { font-family: Georgia, "Times New Roman", serif; font-size: 15px; }
.rich-bar svg { display: block; }
.rich-sep { width: 1px; height: 18px; margin: 0 4px; background: rgba(127, 127, 127, .35); }
.rich-wrap { position: relative; }
/* pole s popiskem nad sebou (EcoDev DS.Field): lišta vpravo na řádku popisku */
.rich-wrap--label > .rich-bar { position: absolute; top: -10px; right: 0; z-index: 1; margin: 0; padding: 2px; }
.rich-wrap--label > .rich-bar button { height: 24px; min-width: 26px; padding: 0 7px; font-size: 12.5px; }
.rich-prev { margin-top: 8px; padding: 12px 14px; border: 1px dashed rgba(127, 127, 127, .4); border-radius: 10px; }
.rich-prev:empty::before { content: "Náhled se zobrazí, až začnete psát."; opacity: .6; }

.rich { overflow-wrap: anywhere; }
.rich > :first-child { margin-top: 0; }
.rich > :last-child { margin-bottom: 0; }
.rich p { margin: 0 0 .7em; }
.rich h2, .rich h3, .rich h4, .rich h5 { margin: .9em 0 .35em; line-height: 1.25; font-weight: 700; letter-spacing: -0.01em; }
.rich h2 { font-size: 1.4em; }
.rich h3 { font-size: 1.2em; }
.rich h4, .rich h5 { font-size: 1.06em; }
.rich ul, .rich ol { margin: 0 0 .7em; padding-left: 1.35em; }
.rich li { margin: .15em 0; }
.rich a { color: inherit; text-decoration: underline; text-underline-offset: 2px; }
.rich blockquote { margin: 0 0 .7em; padding-left: .9em; border-left: 3px solid rgba(127, 127, 127, .4); opacity: .9; }
.rich code { padding: .05em .35em; border-radius: 5px; background: rgba(127, 127, 127, .15); font-size: .92em; }
.rich pre { overflow: auto; padding: .7em .9em; border-radius: 8px; background: rgba(127, 127, 127, .12); }