/* Solid monochrome surfaces for the desktop text documents. Layout and motion stay in each page. */
:root {
    --doc-black: #0b0c0e;
    --doc-nav: #17181b;
    --doc-nav-soft: #242529;
    --doc-paper: #e6e6e8;
    --doc-paper-soft: #f0f0f2;
    --doc-paper-muted: #d4d4d8;
    --doc-ink: #1b1c20;
    --doc-ink-soft: #48494f;
    --doc-ink-faint: #686970;
    --doc-line: #c4c5c9;
    --doc-line-strong: #aeb0b5;
}
body { background-color: var(--doc-black) !important; background-image: none !important; }
.nav { background-color: var(--doc-nav) !important; background-image: none !important; border-bottom-color: #3b3c41 !important; box-shadow: 0 8px 24px rgba(0,0,0,.24) !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important; }
.toc { background-color: #151619 !important; background-image: none !important; border-color: #35363b !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important; }
.pill-btn, .toc-item, .track { background-color: var(--doc-nav-soft) !important; background-image: none !important; border-color: #5a5b61 !important; box-shadow: 0 4px 12px rgba(0,0,0,.22) !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important; }
.pill-btn, .toc-item { color: #ededee !important; }
.pill-btn:hover, .toc-item:hover { background-color: #393a3f !important; background-image: none !important; border-color: #898a90 !important; }
.toc-item.active, .toc-item.active:hover { background-color: #d8d8dc !important; background-image: none !important; color: #17181b !important; border-color: #f5f5f6 !important; }
.genre, .unit, .topic { color: var(--doc-ink) !important; background-color: var(--doc-paper) !important; background-image: none !important; border-color: #f7f7f8 !important; box-shadow: 0 18px 42px rgba(0,0,0,.22) !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important; }
.genre h2, .unit h2, .topic h2, .genre h3, .unit h3, .topic h3, .genre h4, .unit h4, .topic h4, .genre strong, .unit strong, .topic strong, .genre .p-t, .unit .p-t, .topic .p-t { color: var(--doc-ink) !important; }
.genre .g-en, .unit .u-en, .topic .t-en, .genre .core, .unit .core, .topic .core, .genre .lead, .unit .lead, .topic .lead, .genre .pt, .unit .pt, .topic .pt, .genre .row .v, .unit .row .v, .topic .row .v, .genre .p-v, .unit .p-v, .topic .p-v, .genre td, .unit td, .topic td { color: var(--doc-ink-soft) !important; }
.genre .g-index, .unit .u-index, .topic .t-index { color: rgba(27,28,32,.11) !important; }
.genre .core, .unit .core, .topic .note, .topic .verdict { background-color: var(--doc-paper-muted) !important; background-image: none !important; border-color: var(--doc-line-strong) !important; color: var(--doc-ink-soft) !important; }
.genre .row, .unit .row, .topic .row, .genre .pt, .unit .pt, .topic .pt { border-color: var(--doc-line) !important; }
.sub { background-color: var(--doc-paper-soft) !important; background-image: none !important; border-color: var(--doc-line) !important; box-shadow: none !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important; }
.sub .s-letter { background-color: var(--doc-paper-muted) !important; background-image: none !important; border-color: var(--doc-line-strong) !important; box-shadow: none !important; color: var(--doc-ink) !important; }
.track { background-color: var(--doc-paper-muted) !important; color: var(--doc-ink) !important; border-color: var(--doc-line-strong) !important; box-shadow: none !important; }
.track i { background-color: #62636a !important; box-shadow: none !important; }
.blk h3 .n, .deep .blk h3 .n, .unit .u-tag { background-color: #c8c9cd !important; background-image: none !important; color: var(--doc-ink) !important; border-color: var(--doc-line-strong) !important; }
table, .tbl-wrap { background-color: var(--doc-paper-soft) !important; background-image: none !important; border-color: var(--doc-line) !important; }
thead th { background-color: var(--doc-paper-muted) !important; background-image: none !important; color: var(--doc-ink) !important; border-color: var(--doc-line-strong) !important; }
td { color: var(--doc-ink-soft) !important; border-color: var(--doc-line) !important; }
.reader-frame, .reader-loading { background-color: var(--doc-paper) !important; background-image: none !important; border-color: var(--doc-line-strong) !important; box-shadow: 0 18px 42px rgba(0,0,0,.22) !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important; }
.reader-loading { color: var(--doc-ink-faint) !important; }
.reader-loading .spin { border-color: #b7b8bd !important; border-top-color: #4d4e54 !important; }
.page-sub, .foot { color: #c7c8cc !important; }
:focus-visible { outline-color: #e1e1e4 !important; }
.genre *, .unit *, .topic *, .sub *, .reader-frame * { -webkit-backdrop-filter: none !important; backdrop-filter: none !important; }
.genre .tip, .unit .tip, .topic .tip { color: var(--doc-ink-faint) !important; }
.genre .row .k, .unit .row .k, .topic .row .k { color: var(--doc-ink) !important; }
.genre .row .v b, .unit .row .v b, .topic .row .v b, .genre .p-v b, .unit .p-v b, .topic .p-v b { color: #25262b !important; }
.formula span { background-color: var(--doc-paper-muted) !important; background-image: none !important; color: var(--doc-ink) !important; border-color: var(--doc-line-strong) !important; box-shadow: none !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important; }
.formula .gt { color: var(--doc-ink-faint) !important; }
.dot { background-color: #717279 !important; box-shadow: none !important; }
@media (max-width: 860px) { .toc { background-color: #17181b !important; background-image: none !important; } }