/* Apparence dédiée aux documentations Markdown */
.documentation-page {
    background: #fffdf8;
    color: #202020;
    border-color: #e7ddca;
}

.documentation-page .admin-section-heading h1,
.documentation-page > h1,
.documentation-page .article-content h1,
.documentation-page .article-content h2,
.documentation-page .article-content h3,
.documentation-page .resource-body h1,
.documentation-page .resource-body h2,
.documentation-page .resource-body h3,
.documentation-page .markdown-content h1,
.documentation-page .markdown-content h2,
.documentation-page .markdown-content h3,
.documentation-page .markdown-content h4,
.documentation-page .markdown-content h5 {
    color: #172033;
}

.documentation-page .markdown-content,
.documentation-page .article-content,
.documentation-page .resource-body {
    max-width: 78rem;
    color: #202020;
    line-height: 1.75;
}

.documentation-page .markdown-content p,
.documentation-page .markdown-content ul,
.documentation-page .markdown-content ol {
    margin: .85rem 0;
}

.documentation-page .markdown-content pre {
    overflow-x: auto;
    margin: 1rem 0;
    padding: 1rem 1.15rem;
    border: 1px solid #d7d7d7;
    border-radius: .55rem;
    background: #eeeeee;
    color: #111111;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .04);
}

.documentation-page .markdown-content pre code,
.documentation-page .markdown-content pre code.language-bash,
.documentation-page .markdown-content pre code.language-shell,
.documentation-page .markdown-content pre code.language-php,
.documentation-page .markdown-content pre code.language-javascript,
.documentation-page .markdown-content pre code.language-js,
.documentation-page .markdown-content pre code.language-css,
.documentation-page .markdown-content pre code.language-html,
.documentation-page .markdown-content pre code.language-sql,
.documentation-page .markdown-content pre code.language-text {
    background: transparent;
    color: #111111;
    font-family: ui-monospace, Consolas, "Courier New", monospace;
    font-size: .9rem;
}

.documentation-page .markdown-content code {
    color: #202020;
}

.documentation-page .markdown-content table {
    width: 100%;
    margin: 1.2rem 0;
    border-collapse: collapse;
    background: #fffefa;
}

.documentation-page .markdown-content th,
.documentation-page .markdown-content td {
    padding: .65rem .75rem;
    border: 1px solid #ded6c8;
    text-align: left;
}

.documentation-page .markdown-content th {
    background: #f0e9dc;
    color: #172033;
}

.documentation-page .markdown-content a {
    color: #2457a6;
}

.reading-heading { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.reading-heading h1 { flex: 1; }
.reading-back { position: relative; display: grid; place-items: center; width: 2.75rem; height: 2.75rem; flex: 0 0 auto; border-radius: .5rem; background: #2563eb; color: #fff; font-size: 1.5rem; font-weight: 700; line-height: 1; text-decoration: none; }
.reading-back:hover { background: #1d4ed8; color: #fff; }
.podcast-player { margin-top: 2rem; padding: 1.25rem; border: 1px solid #e7ddca; border-radius: .6rem; background: #f5efe4; }
.podcast-player audio { display: block; width: 100%; }
.reading-back::after { content: attr(data-tooltip); position: absolute; top: calc(100% + .5rem); right: 0; z-index: 10; width: max-content; max-width: 14rem; padding: .4rem .6rem; border-radius: .35rem; background: #172033; color: #fff; font-size: .78rem; font-weight: 400; opacity: 0; pointer-events: none; transform: translateY(-.2rem); transition: opacity .15s ease, transform .15s ease; }
.reading-back:hover::after, .reading-back:focus-visible::after { opacity: 1; transform: translateY(0); }

.documentation-page .document-meta {
    color: #6d665b;
    font-size: .9rem;
}