/* Article readability: explicit surface/text pairs in both themes. */
.article-header .lede{color:#42564b}
.article-header .article-meta{color:#52655a}
.diagram-open{display:inline-block;margin-top:10px;font-weight:750}
.guide-visual picture{display:block}
.guide-visual img{display:block;width:100%;height:auto!important}
.article-copy .diagram-checkpoints{margin-top:12px}
.article-copy .diagram-checkpoints h2{margin-top:0}
.article-copy .diagram-checkpoints ol{list-style:none!important;padding-left:0}
.article-copy .diagram-checkpoints li{margin-bottom:0}
.article-sidebar{max-height:calc(100vh - 120px);overflow-y:auto;scrollbar-gutter:stable}
html[data-theme="dark"] .article-header .lede{color:#c6cbd3!important}
html[data-theme="dark"] .article-header .article-meta{color:#bfc9d4!important}
html[data-theme="dark"] .article-header .eyebrow{color:#ffb66c!important}
html[data-theme="dark"] .quick-take{background:#263b35!important;border-color:#709c89!important}
html[data-theme="dark"] .quick-take p{color:#edf5f0!important}
html[data-theme="dark"] .quick-take strong{color:#ffce98!important}
html[data-theme="dark"] .article-copy .bottom-note,
html[data-theme="dark"] .article-copy .editor-note{background:#263541!important;border-color:#64778a!important}
html[data-theme="dark"] .article-copy .bottom-note p,
html[data-theme="dark"] .article-copy .editor-note p{color:#e0e8ee!important}
html[data-theme="dark"] .article-actions .print-guide{background:#c96d28!important;color:#111820!important;border-color:#e6a26c!important}
html[data-theme="dark"] .article-sidebar{background:transparent!important}
html[data-theme="dark"] .article-sidebar .source-jump{background:#263b35!important;color:#ffce98!important;border-color:#709c89!important}
.diagram-open:focus-visible{outline:3px solid currentColor;outline-offset:4px}
@media(max-width:700px){.article-sidebar{max-height:none;overflow:visible}.article-copy .diagram-checkpoints{padding:15px}.diagram-open{padding:8px 0;min-height:44px}}
/* Print must remain legible even when the visitor selected dark mode. */
@media print{
 html[data-theme] body,html[data-theme] .article-header,html[data-theme] .article-copy,
 html[data-theme] .article-copy *{background:#fff!important;color:#111!important;box-shadow:none!important;text-shadow:none!important}
 html[data-theme] .article-header *{color:#111!important}
 .article-sidebar,.diagram-open,.mn-project-record,.mn-save-project{display:none!important}
 .guide-visual,.diagram-checkpoints,.project-outcome{break-inside:avoid}
 .article-copy h2{break-after:avoid}
 html[data-theme] .article-copy a{text-decoration:underline!important}
}