/* Base layout + scrollbar → inherited from .mod-shelf-content (mod-shared.css) */
.markdown-rendered {
    line-height: 1.6;
}

.markdown-rendered h1,
.markdown-rendered h2,
.markdown-rendered h3,
.markdown-rendered h4,
.markdown-rendered h5,
.markdown-rendered h6 {
    color: var(--text-orange);
    text-shadow: 0 0 6px var(--text-orange);
    margin: 0.8em 0 0.4em;
    line-height: 1.3;
}

.markdown-rendered h1 { font-size: 1.5em; }
.markdown-rendered h2 { font-size: 1.3em; }
.markdown-rendered h3 { font-size: 1.15em; }
.markdown-rendered h4 { font-size: 1.05em; }

.markdown-rendered p {
    margin: 0.5em 0;
}

.markdown-rendered strong {
    color: var(--text-cyan);
    text-shadow: 0 0 4px var(--text-cyan);
}

.markdown-rendered em {
    color: var(--text-orange);
    font-style: italic;
}

.markdown-rendered code {
    background: var(--text-green-10);
    border: 1px solid var(--text-green-10);
    padding: 0.1em 0.3em;
    border-radius: 2px;
    font-size: 0.9em;
}

.markdown-rendered pre {
    background: var(--text-green-10);
    border: 1px solid var(--text-green-10);
    padding: 0.8em;
    overflow-x: auto;
    margin: 0.6em 0;
}

.markdown-rendered pre code {
    background: none;
    border: none;
    padding: 0;
}

.markdown-rendered blockquote {
    border-left: 3px solid var(--text-orange);
    padding-left: 0.8em;
    margin: 0.6em 0;
    opacity: 0.85;
}

.markdown-rendered ul,
.markdown-rendered ol {
    padding-left: 1.5em;
    margin: 0.4em 0;
}

.markdown-rendered li {
    margin: 0.2em 0;
}

.markdown-rendered a {
    color: var(--text-cyan);
    text-decoration: underline;
}

.markdown-rendered hr {
    border: none;
    border-top: 1px solid var(--text-green);
    margin: 1em 0;
    opacity: 0.4;
}

.markdown-rendered table {
    border-collapse: collapse;
    width: 100%;
    margin: 0.6em 0;
}

.markdown-rendered th,
.markdown-rendered td {
    border: 1px solid var(--text-green-10);
    padding: 0.3em 0.6em;
    text-align: left;
}

.markdown-rendered th {
    color: var(--text-orange);
    background: var(--text-green-10);
}

.markdown-rendered img {
    max-width: 100%;
    height: auto;
}

.md-empty {
    opacity: 0.4;
    text-align: center;
    padding: 2em;
}