/* ---- Rendered Markdown (library/markdown/markdownrenderer.ts) ---- */

.na-markdown {
    color: var(--na-text-body, #354052);
    font-size: .875rem;
    line-height: 1.55;
    overflow-wrap: anywhere;
    min-width: 0;
}

.na-markdown > :first-child {
    margin-top: 0;
}

.na-markdown > :last-child {
    margin-bottom: 0;
}

.na-markdown h1,
.na-markdown h2,
.na-markdown h3,
.na-markdown h4,
.na-markdown h5,
.na-markdown h6 {
    margin: 1.25em 0 .5em;
    color: var(--na-text-strong, #202833);
    font-weight: 600;
    line-height: 1.3;
}

.na-markdown h1 { font-size: 1.375rem; }
.na-markdown h2 { font-size: 1.125rem; padding-bottom: .3em; border-bottom: 1px solid var(--na-control-border, #d9dee7); }
.na-markdown h3 { font-size: 1rem; }
.na-markdown h4,
.na-markdown h5,
.na-markdown h6 { font-size: .875rem; }

.na-markdown p,
.na-markdown ul,
.na-markdown ol,
.na-markdown pre,
.na-markdown blockquote,
.na-markdown .na-markdown__table {
    margin: 0 0 .75em;
}

.na-markdown ul,
.na-markdown ol {
    padding-left: 1.5em;
}

.na-markdown li + li {
    margin-top: .2em;
}

/* A list inside an item follows its text closely. */
.na-markdown li > ul,
.na-markdown li > ol,
.na-markdown li > p,
.na-markdown li > pre,
.na-markdown li > blockquote {
    margin: .2em 0 0;
}

.na-markdown li.na-markdown__task {
    list-style: none;
}

.na-markdown li.na-markdown__task > input[type="checkbox"] {
    margin: 0 .45em 0 -1.35em;
    vertical-align: -.1em;
}

.na-markdown code {
    padding: .1em .35em;
    border-radius: .3rem;
    background: rgba(15, 23, 42, .06);
    color: var(--na-text-strong, #202833);
    font-size: .875em;
    overflow-wrap: anywhere;
}

.na-markdown pre {
    padding: .65em .85em;
    border-radius: .5rem;
    background: #172033;
    color: #e2e8f0;
    overflow-x: auto;
}

.na-markdown pre code {
    padding: 0;
    background: none;
    color: inherit;
    overflow-wrap: normal;
    white-space: pre;
}

.na-markdown blockquote {
    padding-left: .9em;
    border-left: 3px solid var(--na-control-border, #d9dee7);
    color: var(--na-text-muted, #6b7585);
}

.na-markdown hr {
    margin: 1.25em 0;
    border: 0;
    border-top: 1px solid var(--na-control-border, #d9dee7);
    opacity: 1;
}

.na-markdown a {
    color: rgb(var(--na-primary-rgb, 50, 31, 219));
    text-decoration: underline;
}

.na-markdown .na-markdown__table {
    overflow-x: auto;
}

.na-markdown table {
    border-collapse: collapse;
}

.na-markdown th,
.na-markdown td {
    padding: .35em .7em;
    border: 1px solid var(--na-control-border, #d9dee7);
    vertical-align: top;
}

.na-markdown th {
    background: rgba(15, 23, 42, .03);
    color: var(--na-text-strong, #202833);
    font-weight: 600;
}

/* ---- MarkdownTextWidget: Preview / Edit over one text field ---- */

.na-markdown-field {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.na-markdown-field__toolbar {
    display: flex;
    justify-content: flex-end;
    margin-bottom: .5rem;
}

.na-markdown-field.is-previewing > .na-input-adorned {
    display: none !important;
}

.na-markdown-field:not(.is-previewing) > .na-markdown-field__preview {
    display: none;
}

/* Framed like the text field it stands in for. */
.na-markdown-field__preview {
    padding: .75rem 1rem;
    border: 1px solid var(--cui-border-color, #dee2e6);
    border-radius: var(--cui-border-radius, .375rem);
    background: var(--cui-body-bg, #fff);
}

.na-markdown-field__empty {
    color: var(--na-text-muted, #6b7585);
    font-size: .875rem;
}