.nightshade-markdown {
display: flex;
flex-direction: column;
color: var(--nightshade-text);
line-height: 1.6;
}
.nightshade-md-h1,
.nightshade-md-h2,
.nightshade-md-h3,
.nightshade-md-h4 {
margin: 0.8em 0 0.4em;
line-height: 1.25;
}
.nightshade-md-h1 {
font-size: 1.7em;
}
.nightshade-md-h2 {
font-size: 1.4em;
padding-bottom: 0.2em;
border-bottom: 1px solid var(--nightshade-panel-border);
}
.nightshade-md-h3 {
font-size: 1.18em;
}
.nightshade-md-h4 {
font-size: 1.02em;
}
.nightshade-md-p {
margin: 0.5em 0;
}
.nightshade-md-list {
margin: 0.4em 0;
padding-left: 1.4em;
display: flex;
flex-direction: column;
gap: 3px;
}
.nightshade-md-code {
padding: 1px 5px;
border-radius: 5px;
background: var(--nightshade-input-bg);
font-family: var(--nightshade-mono);
font-size: 0.9em;
color: var(--nightshade-tok-string);
}
.nightshade-md-pre {
margin: 0.6em 0;
padding: 12px 14px;
border: 1px solid var(--nightshade-panel-border);
border-radius: 9px;
background: var(--nightshade-panel-2);
overflow: auto;
font-family: var(--nightshade-mono);
font-size: 0.9em;
}
.nightshade-md-pre code {
color: var(--nightshade-tok-plain);
}
.nightshade-md-link {
color: var(--nightshade-accent);
text-decoration: none;
}
.nightshade-md-link:hover {
text-decoration: underline;
}
.nightshade-md-quote {
margin: 0.6em 0;
padding: 4px 14px;
border-left: 3px solid var(--nightshade-accent-soft);
color: var(--nightshade-text-dim);
}
.nightshade-md-rule {
width: 100%;
height: 1px;
margin: 1em 0;
border: none;
background: var(--nightshade-panel-border);
}