/* Forum feature styles only. Layout, typography and category alignment belong
   to the existing stylesheet and administrator settings. */
.forum-ext--public .forum-ext-post-permalink,
.forum-ext--public .forum-ext-latest-reply {
    color: inherit;
    font: inherit;
    text-decoration: none;
}
.forum-ext--public .forum-ext-post-permalink > small { font-size: inherit; }
.forum-ext--public .forum-ext-post-footer {
    display: flex;
    justify-content: flex-end;
    margin-top: 16px;
}
.forum-ext--public .forum-ext-pagination { flex-wrap: wrap; }
.forum-ext--public .forum-ext-page-gap { padding: 8px 4px; color: var(--forum-muted); }
.forum-ext--public .forum-ext-editor-status { color: var(--forum-muted); }
.forum-ext--public .forum-ext-editor-status:empty { display: none; }

/* The compact Markdown help shares the existing editor label line. */
.forum-ext .forum-ext-markdown-editor { position: relative; }
.forum-ext .forum-ext-markdown-editor > span { padding-inline-end: 10rem; }
/* Size help against the editor, not the viewport or its compact trigger. */
.forum-ext .forum-ext-markdown-help { position: absolute; inset-inline-end: 0; top: 0; z-index: 5; width: 100%; pointer-events: none; }
.forum-ext .forum-ext-markdown-help summary { cursor: pointer; color: var(--forum-muted); font-size: .8125rem; width: max-content; max-width: 100%; margin-inline-start: auto; pointer-events: auto; }
.forum-ext .forum-ext-markdown-help__panel {
    position: absolute; inset-inline-end: 0; top: calc(100% + 8px);
    width: min(420px, 100%); max-height: 55vh; overflow: auto; pointer-events: auto;
    padding: 14px; border: 1px solid var(--forum-line); border-radius: var(--mz-border-radius);
    background: var(--forum-card); color: var(--forum-text);
}
.forum-ext .forum-ext-markdown-help dl { margin: 0; display: grid; gap: 8px; }
.forum-ext .forum-ext-markdown-help dl > div { display: grid; grid-template-columns: 100px minmax(0, 1fr); gap: 8px; }
.forum-ext .forum-ext-markdown-help dt { font-size: .8125rem; font-weight: 600; }
.forum-ext .forum-ext-markdown-help dd { margin: 0; overflow-wrap: anywhere; }
.forum-ext .forum-ext-markdown-help code { white-space: pre-wrap; font-size: .75rem; }
.forum-ext .forum-ext-markdown-help p { font-size: .8125rem; margin: 12px 0 0; }
.forum-ext .forum-ext-draft-status { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; color: var(--forum-muted); }
.forum-ext .forum-ext-draft-status[hidden] { display: none; }
.forum-ext .forum-ext-draft-discard { border: 0; background: transparent; color: inherit; font: inherit; font-size: .8125rem; text-decoration: underline; cursor: pointer; padding: 2px; }
.forum-ext :is(.forum-ext-post-body, .forum-ext-preview__body) table { display: block; max-width: 100%; overflow-x: auto; border-collapse: collapse; }
.forum-ext :is(.forum-ext-post-body, .forum-ext-preview__body) :is(th, td) { border: 1px solid var(--forum-line); padding: 8px; }
.forum-ext :is(.forum-ext-post-body, .forum-ext-preview__body) pre { max-width: 100%; overflow-x: auto; }
.forum-ext :is(.forum-ext-post-body, .forum-ext-preview__body) img { max-width: 100%; height: auto; }