/* Keep long code readable in the submission editor without changing article styles. */
.submission-section > .container { max-width: 1600px; }
.submission-section .submission-form { padding: clamp(16px, 2vw, 32px); }

#submission-vditor.vditor { width: 100%; min-width: 0; min-height: 560px; }
#submission-vditor .vditor-content,
#submission-vditor .vditor-sv,
#submission-vditor .vditor-preview { min-width: 0; }

#submission-vditor .vditor-toolbar__item .vditor-tooltipped {
    width: 38px;
    height: 46px;
    padding: 12px 9px;
}
#submission-vditor .vditor-toolbar__item svg { width: 19px; height: 19px; }
#submission-vditor .vditor-sv {
    padding: 20px 24px;
    font-size: 16px;
    line-height: 1.75;
    overflow-x: auto;
}
#submission-vditor .vditor-preview .vditor-reset {
    max-width: none;
    padding: 22px 26px;
    font-size: 16px;
    line-height: 1.7;
}

#submission-vditor .vditor-preview .vditor-reset :not(pre) > code:not(.hljs):not(.highlight-chroma),
#markdown-preview :not(pre) > code:not(.hljs):not(.highlight-chroma) {
    padding: 0 .12em;
    border: 0;
    border-bottom: 1px solid rgba(31, 41, 55, .24);
    border-radius: 2px;
    color: inherit;
    background: rgba(31, 41, 55, .045);
    box-shadow: none;
}

[data-theme="dark"] #submission-vditor .vditor-preview .vditor-reset :not(pre) > code:not(.hljs):not(.highlight-chroma),
[data-theme="dark"] #markdown-preview :not(pre) > code:not(.hljs):not(.highlight-chroma) {
    border-bottom-color: rgba(225, 233, 244, .3);
    color: inherit;
    background: rgba(225, 233, 244, .055);
}

#submission-vditor .vditor-preview .vditor-reset pre {
    overflow-x: auto;
    border: 1px solid #d0d7de;
    border-radius: 8px;
    background: #f6f8fa;
}
#submission-vditor .vditor-preview .vditor-reset pre > code {
    display: block;
    min-width: max-content;
    padding: 18px 20px;
    color: #24292f;
    background: #f6f8fa;
    font: 15.5px/1.7 ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", monospace;
    white-space: pre;
}
#submission-vditor .vditor-preview .hljs-comment,
#submission-vditor .vditor-preview .hljs-quote { color: #57606a; }
#submission-vditor .vditor-preview .hljs-keyword,
#submission-vditor .vditor-preview .hljs-type { color: #b42318; }
#submission-vditor .vditor-preview .hljs-number,
#submission-vditor .vditor-preview .hljs-literal { color: #0550ae; }
#submission-vditor .vditor-preview .hljs-string { color: #0a3069; }

[data-theme="dark"] #submission-vditor .vditor-preview .vditor-reset pre {
    border-color: #3d4959;
    background: #101823;
}
[data-theme="dark"] #submission-vditor .vditor-preview .vditor-reset pre > code {
    color: #e6edf3;
    background: #101823;
}
[data-theme="dark"] #submission-vditor .vditor-preview .hljs-comment,
[data-theme="dark"] #submission-vditor .vditor-preview .hljs-quote { color: #a6b3c2; }
[data-theme="dark"] #submission-vditor .vditor-preview .hljs-keyword,
[data-theme="dark"] #submission-vditor .vditor-preview .hljs-type { color: #ff8e88; }
[data-theme="dark"] #submission-vditor .vditor-preview .hljs-number,
[data-theme="dark"] #submission-vditor .vditor-preview .hljs-literal { color: #8cc8ff; }
[data-theme="dark"] #submission-vditor .vditor-preview .hljs-string { color: #b9dcff; }

@media (max-width: 900px) {
    .submission-section > .container { padding-inline: 12px; }
    #submission-vditor .vditor-sv,
    #submission-vditor .vditor-preview .vditor-reset { padding: 16px; }
    #submission-vditor .vditor-preview .vditor-reset pre > code { font-size: 15px; }
}
.submission-form #submission-problem-group[hidden] { display: none !important; }