/* Rendered Markdown (md.js), on the dashboard and lsgrid.xyz/r/<code> (2026-11-02). Black and white, one accent. */
.md { color: var(--ink-2, #a1a1a8); line-height: 1.7; font-size: 15px; overflow-wrap: anywhere; }
.md > :first-child { margin-top: 0; }
.md h2, .md h3, .md h4 { color: var(--ink, #ededef); font-weight: 500; line-height: 1.3; scroll-margin-top: 20px; }
.md h2 { font-size: 22px; margin: 32px 0 8px; } .md h3 { font-size: 18px; margin: 28px 0 8px; } .md h4 { font-size: 15.5px; margin: 20px 0 6px; }
.md p { margin: 0 0 12px; }
.md strong { color: var(--ink, #ededef); font-weight: 600; }
.md a { color: var(--acc, #cfedfc); text-underline-offset: 3px; }
.md code { font: 13px "Geist Mono", ui-monospace, SFMono-Regular, Menlo, monospace; padding: 2px 6px; border-radius: 8px; background: var(--pane-2, #141417); color: var(--ink, #ededef); }
.md pre { margin: 0 0 16px; padding: 16px 16px; border-radius: 8px; background: var(--pane-2, #141417); overflow-x: auto; }
.md pre code { padding: 0; background: none; }
.md ul, .md ol { margin: 0 0 12px; padding-left: 24px; } .md li { margin: 4px 0; } .md li > ul, .md li > ol { margin: 4px 0 0; }
/* the dashboard turns list markers off everywhere; documents and descriptions need them back */
.md ul { list-style: disc outside; } .md ul ul { list-style-type: circle; } .md ol { list-style: decimal outside; }
.md li { display: list-item; } .md li::marker { color: var(--ink-3, #8a8a90); }
.md li.md-check { list-style: none; position: relative; margin-left: -24px; padding-left: 28px; }
.md li.md-check > span { position: absolute; left: 0; top: 5px; width: 16px; height: 16px; border-radius: 6px; border: 1px solid rgba(255, 255, 255, .25); }
.md li.md-check.done > span { background: var(--acc, #cfedfc); border-color: var(--acc, #cfedfc); }
.md li.md-check.done { color: var(--ink-3, #8a8a90); text-decoration: line-through; }
.md blockquote { margin: 0 0 16px; padding: 2px 0 2px 16px; border-left: 2px solid var(--rule, rgba(255, 255, 255, .08)); color: var(--ink-3, #8a8a90); }
.md blockquote p:last-child, .md .md-call p:last-child { margin-bottom: 0; }
.md .md-call { margin: 0 0 16px; padding: 12px 16px; border-radius: 8px; background: var(--pane-2, #141417); border-left: 3px solid var(--ink-3, #8a8a90); }
.md .md-tip, .md .md-note { border-left-color: var(--acc, #cfedfc); }
.md .md-important, .md .md-warning, .md .md-rule { border-left-color: #f2b8c6; }
.md hr { border: 0; height: 1px; background: var(--rule, rgba(255, 255, 255, .08)); margin: 28px 0; }
.md .md-table { overflow-x: auto; margin: 0 0 16px; }
.md table { border-collapse: collapse; width: 100%; font-size: 14px; }
.md th, .md td { text-align: left; padding: 8px 12px; border-bottom: 1px solid var(--rule, rgba(255, 255, 255, .08)); }
.md th { color: var(--ink, #ededef); font-weight: 500; }
@media print { .md, .md h2, .md h3, .md strong, .md th { color: #000; } .md a { color: #000; } }
.md mark { background: rgba(207, 237, 252, .22); color: var(--ink, #ededef); padding: 0 2px; border-radius: 3px; }
.md u { text-decoration-thickness: 1px; text-underline-offset: 3px; }
@media print { .md mark { background: #fff3a3; color: #000; } }