/* HUCIAL Markdown 1.0.0 - presentation only; no core phpBB layout changes. */
.hucial-markdown-option {
    margin: 0.35em 0;
}

.hucial-markdown-option-explain {
    display: block;
    margin: 0.2em 0 0 1.7em;
    color: #667176;
    font-size: 0.92em;
}

.postbody .content .hucial-md-heading {
    margin: 1.2em 0 0.55em;
    line-height: 1.25;
}

.postbody .content .hucial-md-h1 { font-size: 1.45em; }
.postbody .content .hucial-md-h2 { font-size: 1.30em; }
.postbody .content .hucial-md-h3 { font-size: 1.18em; }
.postbody .content .hucial-md-h4,
.postbody .content .hucial-md-h5,
.postbody .content .hucial-md-h6 { font-size: 1.08em; }

.postbody .content blockquote {
    margin: 1em 0;
    padding: 0.65em 1em;
    border-left: 4px solid #667176;
    background: rgba(102, 113, 118, 0.08);
}

.postbody .content code {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

.postbody .content :not(pre) > code {
    padding: 0.12em 0.35em;
    border: 1px solid rgba(102, 113, 118, 0.25);
    border-radius: 4px;
    background: rgba(102, 113, 118, 0.08);
}

.postbody .content .codebox pre,
.postbody .content pre {
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    white-space: pre;
}

.postbody .content table {
    display: block;
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    border-collapse: collapse;
    margin: 1em 0;
}

.postbody .content th,
.postbody .content td {
    padding: 0.5em 0.7em;
    border: 1px solid rgba(102, 113, 118, 0.35);
    text-align: left;
    vertical-align: top;
}

.postbody .content th {
    font-weight: 700;
    background: rgba(102, 113, 118, 0.08);
}

.postbody .content li[data-task-state] {
    list-style: none;
    margin-left: -1.35em;
}

.postbody .content li[data-task-state] > input[type="checkbox"],
.postbody .content li > input[type="checkbox"] {
    margin-right: 0.45em;
    vertical-align: middle;
}

/* Lightweight local syntax highlighting. */
.hucial-md-token-comment { color: #667176; font-style: italic; }
.hucial-md-token-string { color: #0b6e4f; }
.hucial-md-token-number { color: #8a4b08; }
.hucial-md-token-keyword { color: #6f42c1; font-weight: 600; }
.hucial-md-token-boolean { color: #b42318; font-weight: 600; }
.hucial-md-token-variable { color: #005a9c; }
.hucial-md-token-function { color: #0e7490; }
.hucial-md-token-tag { color: #b42318; }
.hucial-md-token-attribute { color: #8a4b08; }
.hucial-md-token-operator { color: #4b5563; }
.hucial-md-token-punctuation { color: #4b5563; }
.hucial-md-token-property { color: #005a9c; }
.hucial-md-token-selector { color: #7c3aed; }

@media (prefers-color-scheme: dark) {
    .hucial-md-token-comment { color: #9ca3af; }
    .hucial-md-token-string { color: #6ee7b7; }
    .hucial-md-token-number { color: #fbbf24; }
    .hucial-md-token-keyword { color: #c4b5fd; }
    .hucial-md-token-boolean { color: #fca5a5; }
    .hucial-md-token-variable,
    .hucial-md-token-property { color: #7dd3fc; }
    .hucial-md-token-function { color: #67e8f9; }
    .hucial-md-token-tag { color: #fca5a5; }
    .hucial-md-token-attribute { color: #fdba74; }
    .hucial-md-token-operator,
    .hucial-md-token-punctuation { color: #d1d5db; }
    .hucial-md-token-selector { color: #d8b4fe; }
}