/* What the post editor writes, on the public post page: pictures with captions, tables, videos, sound, alignment. */
.prose h4 { font-size: 19px; margin-top: 26px; }
.prose a { text-decoration: underline; text-underline-offset: 3px; }
.prose figure { margin: 32px 0; }
.prose figure img { width: 100%; height: auto; margin: 0; }
.prose figcaption { margin-top: 10px; font-size: 15px; color: var(--text-3); }
.prose figcaption:empty { display: none; }
.prose mark { background: rgba(0, 245, 216, 0.22); color: inherit; padding: 0 3px; }
.prose hr { border: 0; height: 1px; background: var(--s4); margin: 40px 0; }
.prose code { background: var(--s3); padding: 2px 6px; border-radius: 6px; font-size: 0.9em; }
.prose pre code { background: none; padding: 0; }
.prose audio { display: block; width: 100%; margin: 24px 0; }
.prose div[data-youtube-video] { margin: 32px 0; }
.prose div[data-youtube-video] iframe { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; border: 0; border-radius: var(--r-md); }
.prose .table-wrap { overflow-x: auto; margin: 28px 0; }
.prose table { width: 100%; border-collapse: collapse; font-size: 16px; line-height: 1.5; }
.prose th, .prose td { padding: 12px 14px; text-align: left; vertical-align: top; border-bottom: 1px solid var(--s4); }
.prose th { color: var(--text); font-weight: 600; background: var(--s1); }
.prose td > p, .prose th > p { margin: 0; }
.prose [style*="text-align: center"] { text-align: center; }
.prose [style*="text-align: right"] { text-align: right; }

/* a sound in the text: the Listn player's card (vendor/listn-player) */
.prose .lp.lp-card { margin: 28px 0; }
.prose .lp.lp-card b { font-weight: 600; }