/* Reading colours belong to the article; the site masthead and footer own theirs. */
body.article-ui{--paper:#fff;--sheet:#fff;--ink:#203330;--subtle:#596d66;--border:#d9e3dc;--teal:#11695e;--orange:#bb4e29;--wash:#e7f1e9;--warm:#fff0df;--lavender:#efebf7;--shadow:0 12px 35px #24382b08;--bg:var(--paper);--panel:var(--sheet);--text:var(--ink);--muted:var(--subtle);--line:var(--border);--accent:var(--teal);--cyan:var(--teal);background:#fff}
:root[data-reader-theme=dark] body.article-ui{--paper:#16221f;--sheet:#1d2e29;--ink:#e7eee6;--subtle:#b0c4b8;--border:#3e544a;--teal:#8bdfc5;--orange:#ffbb8a;--wash:#253d32;--warm:#3d3025;--lavender:#333044;--shadow:0 12px 35px #0002}
.article-ui #main{background:var(--paper);color:var(--ink);color-scheme:light;padding-bottom:1px}
:root[data-reader-theme=dark] .article-ui #main{color-scheme:dark}

.article-ui #main{padding-top:128px}
.article-reading-progress{position:fixed;top:0;inset-inline:0;height:3px;z-index:40;pointer-events:none;background:transparent}
.article-reading-progress>span{display:block;width:0;height:100%;background:linear-gradient(90deg,#2a89a3,#687bc6)}
.article-ui .skip-link{z-index:100;background:#e8f1f7;color:#174b64}
@media(max-width:800px){.article-ui #main{padding-top:98px}}