/*
Theme Name: Sacha Chua
Theme URI: http://www.sachachua.com
Description: A new theme 
Version: 1.2
Author: Sacha Chua
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/* Variables */


:root {
		--body-max-width: 55rem;
		--sidebar-width: calc((100vw - --body-max-width) / 2);
}
body.list-page {
		--body-max-width: 80rem;
}
body.list-page table { width: 100%; white-space: wrap }
body.list-page td, body.list-page th { padding: 0.4em }

/* Colors */
:root {
		--quote-bg: #eee;
}

/* Based on Modus Operandi by Protesilaos Stavrou */
:root {
  --modus-bg-main: #fff;
  --modus-bg-dim: #f2f2f2;
  --modus-fg-main: #000;
  --modus-fg-dim: #595959;
  --modus-fg-alt: #193668;
  --modus-bg-active: #c4c4c4;
  --modus-bg-inactive: #e0e0e0;
  --modus-border: #9f9f9f;
  --modus-red: #a60000;
  --modus-red-warmer: #972500;
  --modus-red-cooler: #a0132f;
  --modus-red-faint: #7f0000;
  --modus-red-intense: #d00000;
  --modus-green: #006800;
  --modus-green-warmer: #316500;
  --modus-green-cooler: #00663f;
  --modus-green-faint: #2a5045;
  --modus-green-intense: #008900;
  --modus-yellow: #6f5500;
  --modus-yellow-warmer: #884900;
  --modus-yellow-cooler: #7a4f2f;
  --modus-yellow-faint: #624416;
  --modus-yellow-intense: #808000;
  --modus-blue: #0031a9;
  --modus-blue-warmer: #3548cf;
  --modus-blue-cooler: #0000b0;
  --modus-blue-faint: #003497;
  --modus-blue-intense: #00f;
  --modus-magenta: #721045;
  --modus-magenta-warmer: #8f0075;
  --modus-magenta-cooler: #531ab6;
  --modus-magenta-faint: #7c318f;
  --modus-magenta-intense: #d2d;
  --modus-cyan: #005e8b;
  --modus-cyan-warmer: #3f578f;
  --modus-cyan-cooler: #005f5f;
  --modus-cyan-faint: #005077;
  --modus-cyan-intense: #089;
  --modus-rust: #8a290f;
  --modus-gold: #80601f;
  --modus-olive: #56692d;
  --modus-slate: #2f3f83;
  --modus-indigo: #4a3a8a;
  --modus-maroon: #731c52;
  --modus-pink: #7b435c;
  --modus-bg-red-intense: #ff8f88;
  --modus-bg-green-intense: #8adf80;
  --modus-bg-yellow-intense: #f3d000;
  --modus-bg-blue-intense: #bfc9ff;
  --modus-bg-magenta-intense: #dfa0f0;
  --modus-bg-cyan-intense: #a4d5f9;
  --modus-bg-red-subtle: #ffcfbf;
  --modus-bg-green-subtle: #b3fabf;
  --modus-bg-yellow-subtle: #fff576;
  --modus-bg-blue-subtle: #ccdfff;
  --modus-bg-magenta-subtle: #fdf;
  --modus-bg-cyan-subtle: #bfefff;
  --modus-bg-red-nuanced: #ffe8e8;
  --modus-bg-green-nuanced: #e0f6e0;
  --modus-bg-yellow-nuanced: #f8f0d0;
  --modus-bg-blue-nuanced: #ecedff;
  --modus-bg-magenta-nuanced: #f8e6f5;
  --modus-bg-cyan-nuanced: #e0f2fa;
  --modus-bg-clay: #f1c8b5;
  --modus-fg-clay: #63192a;
  --modus-bg-ochre: #f0e3c0;
  --modus-fg-ochre: #573a30;
  --modus-bg-lavender: #dfcdfa;
  --modus-fg-lavender: #443379;
  --modus-bg-sage: #c0e7d4;
  --modus-fg-sage: #124b41;
  --modus-bg-graph-red-0: #ef7969;
  --modus-bg-graph-red-1: #ffaab4;
  --modus-bg-graph-green-0: #45c050;
  --modus-bg-graph-green-1: #75ef30;
  --modus-bg-graph-yellow-0: #ffcf00;
  --modus-bg-graph-yellow-1: #f9ff00;
  --modus-bg-graph-blue-0: #7f90ff;
  --modus-bg-graph-blue-1: #a6c0ff;
  --modus-bg-graph-magenta-0: #e07fff;
  --modus-bg-graph-magenta-1: #fad0ff;
  --modus-bg-graph-cyan-0: #70d3f0;
  --modus-bg-graph-cyan-1: #afefff;
  --modus-bg-completion: #c0deff;
  --modus-bg-hover: #b2e4dc;
  --modus-bg-hover-secondary: #f5d0a0;
  --modus-bg-hl-line: #dae5ec;
  --modus-bg-region: #bdbdbd;
  --modus-fg-region: #000;
  --modus-bg-char-0: #7feaff;
  --modus-bg-char-1: #faf;
  --modus-bg-char-2: #dff000;
  --modus-bg-mode-line-active: #c8c8c8;
  --modus-fg-mode-line-active: #000;
  --modus-border-mode-line-active: #5a5a5a;
  --modus-bg-mode-line-inactive: #e6e6e6;
  --modus-fg-mode-line-inactive: #585858;
  --modus-border-mode-line-inactive: #a3a3a3;
  --modus-modeline-err: #7f0000;
  --modus-modeline-warning: #5f0070;
  --modus-modeline-info: #002580;
  --modus-bg-tab-bar: #dfdfdf;
  --modus-bg-tab-current: #fff;
  --modus-bg-tab-other: #c2c2c2;
  --modus-bg-added: #c1f2d1;
  --modus-bg-added-faint: #d8f8e1;
  --modus-bg-added-refine: #aee5be;
  --modus-bg-added-fringe: #6cc06c;
  --modus-fg-added: #005000;
  --modus-fg-added-intense: #006700;
  --modus-bg-changed: #ffdfa9;
  --modus-bg-changed-faint: #ffefbf;
  --modus-bg-changed-refine: #fac090;
  --modus-bg-changed-fringe: #d7c20a;
  --modus-fg-changed: #553d00;
  --modus-fg-changed-intense: #655000;
  --modus-bg-removed: #ffd8d5;
  --modus-bg-removed-faint: #ffe9e9;
  --modus-bg-removed-refine: #f3b5af;
  --modus-bg-removed-fringe: #d84a4f;
  --modus-fg-removed: #8f1313;
  --modus-fg-removed-intense: #a22;
  --modus-bg-diff-context: #f3f3f3;
  --modus-bg-paren-match: #5fcfff;
  --modus-fg-paren-match: var(--modus-fg-main);
  --modus-bg-paren-expression: #efd3f5;
  --modus-underline-paren-match: var(--modus-unspecified);
  --modus-fringe: var(--modus-bg-dim);
  --modus-cursor: var(--modus-fg-main);
  --modus-keybind: var(--modus-blue-cooler);
  --modus-name: var(--modus-magenta);
  --modus-identifier: var(--modus-yellow-cooler);
  --modus-err: var(--modus-red);
  --modus-warning: var(--modus-yellow-warmer);
  --modus-info: var(--modus-cyan-cooler);
  --modus-underline-err: var(--modus-red-intense);
  --modus-underline-warning: var(--modus-yellow-intense);
  --modus-underline-note: var(--modus-cyan-intense);
  --modus-bg-prominent-err: var(--modus-bg-red-intense);
  --modus-fg-prominent-err: var(--modus-fg-main);
  --modus-bg-prominent-warning: var(--modus-bg-yellow-intense);
  --modus-fg-prominent-warning: var(--modus-fg-main);
  --modus-bg-prominent-note: var(--modus-bg-cyan-intense);
  --modus-fg-prominent-note: var(--modus-fg-main);
  --modus-bg-active-argument: var(--modus-bg-yellow-nuanced);
  --modus-fg-active-argument: var(--modus-yellow-warmer);
  --modus-bg-active-value: var(--modus-bg-cyan-nuanced);
  --modus-fg-active-value: var(--modus-cyan-warmer);
  --modus-bracket: var(--modus-fg-main);
  --modus-builtin: var(--modus-magenta-warmer);
  --modus-comment: var(--modus-fg-dim);
  --modus-constant: var(--modus-blue-cooler);
  --modus-delimiter: var(--modus-fg-main);
  --modus-docmarkup: var(--modus-magenta-faint);
  --modus-docstring: var(--modus-green-faint);
  --modus-fnname: var(--modus-magenta);
  --modus-keyword: var(--modus-magenta-cooler);
  --modus-number: var(--modus-fg-main);
  --modus-operator: var(--modus-fg-main);
  --modus-preprocessor: var(--modus-red-cooler);
  --modus-punctuation: var(--modus-fg-main);
  --modus-rx-backslash: var(--modus-magenta);
  --modus-rx-construct: var(--modus-green-cooler);
  --modus-string: var(--modus-blue-warmer);
  --modus-type: var(--modus-cyan-cooler);
  --modus-variable: var(--modus-cyan);
  --modus-accent-0: var(--modus-blue);
  --modus-accent-1: var(--modus-magenta-warmer);
  --modus-accent-2: var(--modus-cyan);
  --modus-accent-3: var(--modus-red);
  --modus-fg-button-active: var(--modus-fg-main);
  --modus-fg-button-inactive: var(--modus-fg-dim);
  --modus-bg-button-active: var(--modus-bg-active);
  --modus-bg-button-inactive: var(--modus-bg-dim);
  --modus-fg-completion-match-0: var(--modus-blue);
  --modus-fg-completion-match-1: var(--modus-magenta-warmer);
  --modus-fg-completion-match-2: var(--modus-cyan);
  --modus-fg-completion-match-3: var(--modus-red);
  --modus-bg-completion-match-0: var(--modus-unspecified);
  --modus-bg-completion-match-1: var(--modus-unspecified);
  --modus-bg-completion-match-2: var(--modus-unspecified);
  --modus-bg-completion-match-3: var(--modus-unspecified);
  --modus-date-common: var(--modus-cyan);
  --modus-date-deadline: var(--modus-red);
  --modus-date-event: var(--modus-fg-alt);
  --modus-date-holiday: var(--modus-red-cooler);
  --modus-date-holiday-other: var(--modus-blue);
  --modus-date-now: var(--modus-fg-main);
  --modus-date-range: var(--modus-fg-alt);
  --modus-date-scheduled: var(--modus-yellow-warmer);
  --modus-date-weekday: var(--modus-cyan);
  --modus-date-weekend: var(--modus-red-faint);
  --modus-fg-line-number-inactive: var(--modus-fg-dim);
  --modus-fg-line-number-active: var(--modus-fg-main);
  --modus-bg-line-number-inactive: var(--modus-bg-dim);
  --modus-bg-line-number-active: var(--modus-bg-active);
  --modus-fg-link: var(--modus-blue-warmer);
  --modus-bg-link: var(--modus-unspecified);
  --modus-underline-link: var(--modus-blue-warmer);
  --modus-fg-link-symbolic: var(--modus-cyan);
  --modus-bg-link-symbolic: var(--modus-unspecified);
  --modus-underline-link-symbolic: var(--modus-cyan);
  --modus-fg-link-visited: var(--modus-magenta);
  --modus-bg-link-visited: var(--modus-unspecified);
  --modus-underline-link-visited: var(--modus-magenta);
  --modus-mail-cite-0: var(--modus-blue-faint);
  --modus-mail-cite-1: var(--modus-yellow-warmer);
  --modus-mail-cite-2: var(--modus-cyan-cooler);
  --modus-mail-cite-3: var(--modus-red-cooler);
  --modus-mail-part: var(--modus-cyan);
  --modus-mail-recipient: var(--modus-magenta-cooler);
  --modus-mail-subject: var(--modus-magenta-warmer);
  --modus-mail-other: var(--modus-magenta-faint);
  --modus-bg-mark-delete: var(--modus-bg-red-subtle);
  --modus-fg-mark-delete: var(--modus-red);
  --modus-bg-mark-select: var(--modus-bg-cyan-subtle);
  --modus-fg-mark-select: var(--modus-cyan);
  --modus-bg-mark-other: var(--modus-bg-yellow-subtle);
  --modus-fg-mark-other: var(--modus-yellow);
  --modus-fg-prompt: var(--modus-cyan-cooler);
  --modus-bg-prompt: var(--modus-unspecified);
  --modus-bg-prose-block-delimiter: var(--modus-bg-dim);
  --modus-fg-prose-block-delimiter: var(--modus-fg-dim);
  --modus-bg-prose-block-contents: var(--modus-bg-dim);
  --modus-bg-prose-code: var(--modus-unspecified);
  --modus-fg-prose-code: var(--modus-cyan-cooler);
  --modus-bg-prose-macro: var(--modus-unspecified);
  --modus-fg-prose-macro: var(--modus-magenta-cooler);
  --modus-bg-prose-verbatim: var(--modus-unspecified);
  --modus-fg-prose-verbatim: var(--modus-magenta-warmer);
  --modus-prose-done: var(--modus-green);
  --modus-prose-todo: var(--modus-red);
  --modus-prose-metadata: var(--modus-fg-dim);
  --modus-prose-metadata-value: var(--modus-fg-alt);
  --modus-prose-table: var(--modus-fg-alt);
  --modus-prose-table-formula: var(--modus-magenta-warmer);
  --modus-prose-tag: var(--modus-magenta-faint);
  --modus-rainbow-0: var(--modus-fg-main);
  --modus-rainbow-1: var(--modus-magenta-intense);
  --modus-rainbow-2: var(--modus-cyan-intense);
  --modus-rainbow-3: var(--modus-red-warmer);
  --modus-rainbow-4: var(--modus-yellow-intense);
  --modus-rainbow-5: var(--modus-magenta-cooler);
  --modus-rainbow-6: var(--modus-green-intense);
  --modus-rainbow-7: var(--modus-blue-warmer);
  --modus-rainbow-8: var(--modus-magenta-warmer);
  --modus-bg-search-current: var(--modus-bg-yellow-intense);
  --modus-bg-search-lazy: var(--modus-bg-cyan-intense);
  --modus-bg-search-replace: var(--modus-bg-red-intense);
  --modus-bg-search-rx-group-0: var(--modus-bg-blue-intense);
  --modus-bg-search-rx-group-1: var(--modus-bg-green-intense);
  --modus-bg-search-rx-group-2: var(--modus-bg-red-subtle);
  --modus-bg-search-rx-group-3: var(--modus-bg-magenta-subtle);
  --modus-bg-space: var(--modus-unspecified);
  --modus-fg-space: var(--modus-border);
  --modus-bg-space-err: var(--modus-bg-red-intense);
  --modus-bg-term-black: #000;
  --modus-fg-term-black: #000;
  --modus-bg-term-black-bright: #595959;
  --modus-fg-term-black-bright: #595959;
  --modus-bg-term-red: var(--modus-red);
  --modus-fg-term-red: var(--modus-red);
  --modus-bg-term-red-bright: var(--modus-red-warmer);
  --modus-fg-term-red-bright: var(--modus-red-warmer);
  --modus-bg-term-green: var(--modus-green);
  --modus-fg-term-green: var(--modus-green);
  --modus-bg-term-green-bright: var(--modus-green-cooler);
  --modus-fg-term-green-bright: var(--modus-green-cooler);
  --modus-bg-term-yellow: var(--modus-yellow);
  --modus-fg-term-yellow: var(--modus-yellow);
  --modus-bg-term-yellow-bright: var(--modus-yellow-warmer);
  --modus-fg-term-yellow-bright: var(--modus-yellow-warmer);
  --modus-bg-term-blue: var(--modus-blue);
  --modus-fg-term-blue: var(--modus-blue);
  --modus-bg-term-blue-bright: var(--modus-blue-warmer);
  --modus-fg-term-blue-bright: var(--modus-blue-warmer);
  --modus-bg-term-magenta: var(--modus-magenta);
  --modus-fg-term-magenta: var(--modus-magenta);
  --modus-bg-term-magenta-bright: var(--modus-magenta-cooler);
  --modus-fg-term-magenta-bright: var(--modus-magenta-cooler);
  --modus-bg-term-cyan: var(--modus-cyan);
  --modus-fg-term-cyan: var(--modus-cyan);
  --modus-bg-term-cyan-bright: var(--modus-cyan-cooler);
  --modus-fg-term-cyan-bright: var(--modus-cyan-cooler);
  --modus-bg-term-white: #a6a6a6;
  --modus-fg-term-white: #a6a6a6;
  --modus-bg-term-white-bright: #fff;
  --modus-fg-term-white-bright: #fff;
  --modus-fg-heading-0: var(--modus-cyan-cooler);
  --modus-fg-heading-1: var(--modus-fg-main);
  --modus-fg-heading-2: var(--modus-yellow-faint);
  --modus-fg-heading-3: var(--modus-fg-alt);
  --modus-fg-heading-4: var(--modus-magenta);
  --modus-fg-heading-5: var(--modus-green-faint);
  --modus-fg-heading-6: var(--modus-red-faint);
  --modus-fg-heading-7: var(--modus-cyan-warmer);
  --modus-fg-heading-8: var(--modus-fg-dim);
  --modus-bg-heading-0: var(--modus-unspecified);
  --modus-bg-heading-1: var(--modus-unspecified);
  --modus-bg-heading-2: var(--modus-unspecified);
  --modus-bg-heading-3: var(--modus-unspecified);
  --modus-bg-heading-4: var(--modus-unspecified);
  --modus-bg-heading-5: var(--modus-unspecified);
  --modus-bg-heading-6: var(--modus-unspecified);
  --modus-bg-heading-7: var(--modus-unspecified);
  --modus-bg-heading-8: var(--modus-unspecified);
  --modus-overline-heading-0: var(--modus-unspecified);
  --modus-overline-heading-1: var(--modus-unspecified);
  --modus-overline-heading-2: var(--modus-unspecified);
  --modus-overline-heading-3: var(--modus-unspecified);
  --modus-overline-heading-4: var(--modus-unspecified);
  --modus-overline-heading-5: var(--modus-unspecified);
  --modus-overline-heading-6: var(--modus-unspecified);
  --modus-overline-heading-7: var(--modus-unspecified);
  --modus-overline-heading-8: var(--modus-unspecified);
}


@media (prefers-color-scheme: dark) {
		:root {
				--quote-bg: #333;
		}

		/* Based on Modus Vivendi by Protesilaos Stavrou */
		:root {
				--modus-bg-main: #000;
				--modus-bg-dim: #1e1e1e;
				--modus-fg-main: #fff;
				--modus-fg-dim: #989898;
				--modus-fg-alt: #c6daff;
				--modus-bg-active: #535353;
				--modus-bg-inactive: #303030;
				--modus-border: #646464;
				--modus-red: #ff5f59;
				--modus-red-warmer: #ff6b55;
				--modus-red-cooler: #ff7f9f;
				--modus-red-faint: #ff9580;
				--modus-red-intense: #ff5f5f;
				--modus-green: #44bc44;
				--modus-green-warmer: #70b900;
				--modus-green-cooler: #00c06f;
				--modus-green-faint: #88ca9f;
				--modus-green-intense: #44df44;
				--modus-yellow: #d0bc00;
				--modus-yellow-warmer: #fec43f;
				--modus-yellow-cooler: #dfaf7a;
				--modus-yellow-faint: #d2b580;
				--modus-yellow-intense: #efef00;
				--modus-blue: #2fafff;
				--modus-blue-warmer: #79a8ff;
				--modus-blue-cooler: #00bcff;
				--modus-blue-faint: #82b0ec;
				--modus-blue-intense: #338fff;
				--modus-magenta: #feacd0;
				--modus-magenta-warmer: #f78fe7;
				--modus-magenta-cooler: #b6a0ff;
				--modus-magenta-faint: #caa6df;
				--modus-magenta-intense: #f6f;
				--modus-cyan: #00d3d0;
				--modus-cyan-warmer: #4ae2f0;
				--modus-cyan-cooler: #6ae4b9;
				--modus-cyan-faint: #9ac8e0;
				--modus-cyan-intense: #00eff0;
				--modus-rust: #db7b5f;
				--modus-gold: #c0965b;
				--modus-olive: #9cbd6f;
				--modus-slate: #76afbf;
				--modus-indigo: #9099d9;
				--modus-maroon: #cf7fa7;
				--modus-pink: #d09dc0;
				--modus-bg-red-intense: #9d1f1f;
				--modus-bg-green-intense: #2f822f;
				--modus-bg-yellow-intense: #7a6100;
				--modus-bg-blue-intense: #1640b0;
				--modus-bg-magenta-intense: #7030af;
				--modus-bg-cyan-intense: #2266ae;
				--modus-bg-red-subtle: #620f2a;
				--modus-bg-green-subtle: #00422a;
				--modus-bg-yellow-subtle: #4a4000;
				--modus-bg-blue-subtle: #242679;
				--modus-bg-magenta-subtle: #552f5f;
				--modus-bg-cyan-subtle: #004065;
				--modus-bg-red-nuanced: #3a0c14;
				--modus-bg-green-nuanced: #092f1f;
				--modus-bg-yellow-nuanced: #381d0f;
				--modus-bg-blue-nuanced: #12154a;
				--modus-bg-magenta-nuanced: #2f0c3f;
				--modus-bg-cyan-nuanced: #042837;
				--modus-bg-clay: #49191a;
				--modus-fg-clay: #f1b090;
				--modus-bg-ochre: #462f20;
				--modus-fg-ochre: #e0d09c;
				--modus-bg-lavender: #38325c;
				--modus-fg-lavender: #dfc0f0;
				--modus-bg-sage: #143e32;
				--modus-fg-sage: #c3e7d4;
				--modus-bg-graph-red-0: #b52c2c;
				--modus-bg-graph-red-1: #702020;
				--modus-bg-graph-green-0: #0fed00;
				--modus-bg-graph-green-1: #007800;
				--modus-bg-graph-yellow-0: #f1e00a;
				--modus-bg-graph-yellow-1: #b08940;
				--modus-bg-graph-blue-0: #2fafef;
				--modus-bg-graph-blue-1: #1f2f8f;
				--modus-bg-graph-magenta-0: #bf94fe;
				--modus-bg-graph-magenta-1: #5f509f;
				--modus-bg-graph-cyan-0: #47dfea;
				--modus-bg-graph-cyan-1: #00808f;
				--modus-bg-completion: #2f447f;
				--modus-bg-hover: #45605e;
				--modus-bg-hover-secondary: #654a39;
				--modus-bg-hl-line: #2f3849;
				--modus-bg-region: #5a5a5a;
				--modus-fg-region: #fff;
				--modus-bg-char-0: #0050af;
				--modus-bg-char-1: #7f1f7f;
				--modus-bg-char-2: #625a00;
				--modus-bg-mode-line-active: #505050;
				--modus-fg-mode-line-active: #fff;
				--modus-border-mode-line-active: #959595;
				--modus-bg-mode-line-inactive: #2d2d2d;
				--modus-fg-mode-line-inactive: #969696;
				--modus-border-mode-line-inactive: #606060;
				--modus-modeline-err: #ffa9bf;
				--modus-modeline-warning: #dfcf43;
				--modus-modeline-info: #9fefff;
				--modus-bg-tab-bar: #313131;
				--modus-bg-tab-current: #000;
				--modus-bg-tab-other: #545454;
				--modus-bg-added: #00381f;
				--modus-bg-added-faint: #002910;
				--modus-bg-added-refine: #034f2f;
				--modus-bg-added-fringe: #237f3f;
				--modus-fg-added: #a0e0a0;
				--modus-fg-added-intense: #80e080;
				--modus-bg-changed: #363300;
				--modus-bg-changed-faint: #2a1f00;
				--modus-bg-changed-refine: #4a4a00;
				--modus-bg-changed-fringe: #8a7a00;
				--modus-fg-changed: #efef80;
				--modus-fg-changed-intense: #c0b05f;
				--modus-bg-removed: #4f1119;
				--modus-bg-removed-faint: #380a0f;
				--modus-bg-removed-refine: #781a1f;
				--modus-bg-removed-fringe: #b81a1f;
				--modus-fg-removed: #ffbfbf;
				--modus-fg-removed-intense: #ff9095;
				--modus-bg-diff-context: #1a1a1a;
				--modus-bg-paren-match: #2f7f9f;
				--modus-fg-paren-match: var(--modus-fg-main);
				--modus-bg-paren-expression: #453040;
				--modus-underline-paren-match: var(--modus-unspecified);
				--modus-fringe: var(--modus-bg-dim);
				--modus-cursor: var(--modus-fg-main);
				--modus-keybind: var(--modus-blue-cooler);
				--modus-name: var(--modus-magenta);
				--modus-identifier: var(--modus-yellow-faint);
				--modus-err: var(--modus-red);
				--modus-warning: var(--modus-yellow-warmer);
				--modus-info: var(--modus-cyan-cooler);
				--modus-underline-err: var(--modus-red-intense);
				--modus-underline-warning: var(--modus-yellow);
				--modus-underline-note: var(--modus-cyan);
				--modus-bg-prominent-err: var(--modus-bg-red-intense);
				--modus-fg-prominent-err: var(--modus-fg-main);
				--modus-bg-prominent-warning: var(--modus-bg-yellow-intense);
				--modus-fg-prominent-warning: var(--modus-fg-main);
				--modus-bg-prominent-note: var(--modus-bg-cyan-intense);
				--modus-fg-prominent-note: var(--modus-fg-main);
				--modus-bg-active-argument: var(--modus-bg-yellow-nuanced);
				--modus-fg-active-argument: var(--modus-yellow-cooler);
				--modus-bg-active-value: var(--modus-bg-cyan-nuanced);
				--modus-fg-active-value: var(--modus-cyan-cooler);
				--modus-bracket: var(--modus-fg-main);
				--modus-builtin: var(--modus-magenta-warmer);
				--modus-comment: var(--modus-fg-dim);
				--modus-constant: var(--modus-blue-cooler);
				--modus-delimiter: var(--modus-fg-main);
				--modus-docmarkup: var(--modus-magenta-faint);
				--modus-docstring: var(--modus-cyan-faint);
				--modus-fnname: var(--modus-magenta);
				--modus-keyword: var(--modus-magenta-cooler);
				--modus-number: var(--modus-fg-main);
				--modus-operator: var(--modus-fg-main);
				--modus-preprocessor: var(--modus-red-cooler);
				--modus-punctuation: var(--modus-fg-main);
				--modus-rx-backslash: var(--modus-magenta);
				--modus-rx-construct: var(--modus-green-cooler);
				--modus-string: var(--modus-blue-warmer);
				--modus-type: var(--modus-cyan-cooler);
				--modus-variable: var(--modus-cyan);
				--modus-accent-0: var(--modus-blue-cooler);
				--modus-accent-1: var(--modus-magenta-warmer);
				--modus-accent-2: var(--modus-cyan-cooler);
				--modus-accent-3: var(--modus-yellow);
				--modus-fg-button-active: var(--modus-fg-main);
				--modus-fg-button-inactive: var(--modus-fg-dim);
				--modus-bg-button-active: var(--modus-bg-active);
				--modus-bg-button-inactive: var(--modus-bg-dim);
				--modus-fg-completion-match-0: var(--modus-blue-cooler);
				--modus-fg-completion-match-1: var(--modus-magenta-warmer);
				--modus-fg-completion-match-2: var(--modus-cyan-cooler);
				--modus-fg-completion-match-3: var(--modus-yellow);
				--modus-bg-completion-match-0: var(--modus-unspecified);
				--modus-bg-completion-match-1: var(--modus-unspecified);
				--modus-bg-completion-match-2: var(--modus-unspecified);
				--modus-bg-completion-match-3: var(--modus-unspecified);
				--modus-date-common: var(--modus-cyan);
				--modus-date-deadline: var(--modus-red);
				--modus-date-event: var(--modus-fg-alt);
				--modus-date-holiday: var(--modus-red-cooler);
				--modus-date-holiday-other: var(--modus-blue);
				--modus-date-now: var(--modus-fg-main);
				--modus-date-range: var(--modus-fg-alt);
				--modus-date-scheduled: var(--modus-yellow-warmer);
				--modus-date-weekday: var(--modus-cyan);
				--modus-date-weekend: var(--modus-red-faint);
				--modus-fg-line-number-inactive: var(--modus-fg-dim);
				--modus-fg-line-number-active: var(--modus-fg-main);
				--modus-bg-line-number-inactive: var(--modus-bg-dim);
				--modus-bg-line-number-active: var(--modus-bg-active);
				--modus-fg-link: var(--modus-blue-warmer);
				--modus-bg-link: var(--modus-unspecified);
				--modus-underline-link: var(--modus-blue-warmer);
				--modus-fg-link-symbolic: var(--modus-cyan);
				--modus-bg-link-symbolic: var(--modus-unspecified);
				--modus-underline-link-symbolic: var(--modus-cyan);
				--modus-fg-link-visited: var(--modus-magenta);
				--modus-bg-link-visited: var(--modus-unspecified);
				--modus-underline-link-visited: var(--modus-magenta);
				--modus-mail-cite-0: var(--modus-blue-warmer);
				--modus-mail-cite-1: var(--modus-yellow-cooler);
				--modus-mail-cite-2: var(--modus-cyan-cooler);
				--modus-mail-cite-3: var(--modus-red-cooler);
				--modus-mail-part: var(--modus-blue);
				--modus-mail-recipient: var(--modus-magenta-cooler);
				--modus-mail-subject: var(--modus-magenta-warmer);
				--modus-mail-other: var(--modus-magenta-faint);
				--modus-bg-mark-delete: var(--modus-bg-red-subtle);
				--modus-fg-mark-delete: var(--modus-red-cooler);
				--modus-bg-mark-select: var(--modus-bg-cyan-subtle);
				--modus-fg-mark-select: var(--modus-cyan);
				--modus-bg-mark-other: var(--modus-bg-yellow-subtle);
				--modus-fg-mark-other: var(--modus-yellow);
				--modus-fg-prompt: var(--modus-cyan-cooler);
				--modus-bg-prompt: var(--modus-unspecified);
				--modus-bg-prose-block-delimiter: var(--modus-bg-dim);
				--modus-fg-prose-block-delimiter: var(--modus-fg-dim);
				--modus-bg-prose-block-contents: var(--modus-bg-dim);
				--modus-bg-prose-code: var(--modus-unspecified);
				--modus-fg-prose-code: var(--modus-cyan-cooler);
				--modus-bg-prose-macro: var(--modus-unspecified);
				--modus-fg-prose-macro: var(--modus-magenta-cooler);
				--modus-bg-prose-verbatim: var(--modus-unspecified);
				--modus-fg-prose-verbatim: var(--modus-magenta-warmer);
				--modus-prose-done: var(--modus-green);
				--modus-prose-todo: var(--modus-red);
				--modus-prose-metadata: var(--modus-fg-dim);
				--modus-prose-metadata-value: var(--modus-fg-alt);
				--modus-prose-table: var(--modus-fg-alt);
				--modus-prose-table-formula: var(--modus-magenta-warmer);
				--modus-prose-tag: var(--modus-magenta-faint);
				--modus-rainbow-0: var(--modus-fg-main);
				--modus-rainbow-1: var(--modus-magenta-intense);
				--modus-rainbow-2: var(--modus-cyan-intense);
				--modus-rainbow-3: var(--modus-red-warmer);
				--modus-rainbow-4: var(--modus-yellow-intense);
				--modus-rainbow-5: var(--modus-magenta-cooler);
				--modus-rainbow-6: var(--modus-green-intense);
				--modus-rainbow-7: var(--modus-blue-warmer);
				--modus-rainbow-8: var(--modus-magenta-warmer);
				--modus-bg-search-current: var(--modus-bg-yellow-intense);
				--modus-bg-search-lazy: var(--modus-bg-cyan-intense);
				--modus-bg-search-replace: var(--modus-bg-red-intense);
				--modus-bg-search-rx-group-0: var(--modus-bg-blue-intense);
				--modus-bg-search-rx-group-1: var(--modus-bg-green-intense);
				--modus-bg-search-rx-group-2: var(--modus-bg-red-subtle);
				--modus-bg-search-rx-group-3: var(--modus-bg-magenta-subtle);
				--modus-bg-space: var(--modus-unspecified);
				--modus-fg-space: var(--modus-border);
				--modus-bg-space-err: var(--modus-bg-red-intense);
				--modus-bg-term-black: #000;
				--modus-fg-term-black: #000;
				--modus-bg-term-black-bright: #595959;
				--modus-fg-term-black-bright: #595959;
				--modus-bg-term-red: var(--modus-red);
				--modus-fg-term-red: var(--modus-red);
				--modus-bg-term-red-bright: var(--modus-red-warmer);
				--modus-fg-term-red-bright: var(--modus-red-warmer);
				--modus-bg-term-green: var(--modus-green);
				--modus-fg-term-green: var(--modus-green);
				--modus-bg-term-green-bright: var(--modus-green-cooler);
				--modus-fg-term-green-bright: var(--modus-green-cooler);
				--modus-bg-term-yellow: var(--modus-yellow);
				--modus-fg-term-yellow: var(--modus-yellow);
				--modus-bg-term-yellow-bright: var(--modus-yellow-warmer);
				--modus-fg-term-yellow-bright: var(--modus-yellow-warmer);
				--modus-bg-term-blue: var(--modus-blue);
				--modus-fg-term-blue: var(--modus-blue);
				--modus-bg-term-blue-bright: var(--modus-blue-warmer);
				--modus-fg-term-blue-bright: var(--modus-blue-warmer);
				--modus-bg-term-magenta: var(--modus-magenta);
				--modus-fg-term-magenta: var(--modus-magenta);
				--modus-bg-term-magenta-bright: var(--modus-magenta-cooler);
				--modus-fg-term-magenta-bright: var(--modus-magenta-cooler);
				--modus-bg-term-cyan: var(--modus-cyan);
				--modus-fg-term-cyan: var(--modus-cyan);
				--modus-bg-term-cyan-bright: var(--modus-cyan-cooler);
				--modus-fg-term-cyan-bright: var(--modus-cyan-cooler);
				--modus-bg-term-white: #a6a6a6;
				--modus-fg-term-white: #a6a6a6;
				--modus-bg-term-white-bright: #fff;
				--modus-fg-term-white-bright: #fff;
				--modus-fg-heading-0: var(--modus-cyan-cooler);
				--modus-fg-heading-1: var(--modus-fg-main);
				--modus-fg-heading-2: var(--modus-yellow-faint);
				--modus-fg-heading-3: var(--modus-blue-faint);
				--modus-fg-heading-4: var(--modus-magenta);
				--modus-fg-heading-5: var(--modus-green-faint);
				--modus-fg-heading-6: var(--modus-red-faint);
				--modus-fg-heading-7: var(--modus-cyan-faint);
				--modus-fg-heading-8: var(--modus-fg-dim);
				--modus-bg-heading-0: var(--modus-unspecified);
				--modus-bg-heading-1: var(--modus-unspecified);
				--modus-bg-heading-2: var(--modus-unspecified);
				--modus-bg-heading-3: var(--modus-unspecified);
				--modus-bg-heading-4: var(--modus-unspecified);
				--modus-bg-heading-5: var(--modus-unspecified);
				--modus-bg-heading-6: var(--modus-unspecified);
				--modus-bg-heading-7: var(--modus-unspecified);
				--modus-bg-heading-8: var(--modus-unspecified);
				--modus-overline-heading-0: var(--modus-unspecified);
				--modus-overline-heading-1: var(--modus-unspecified);
				--modus-overline-heading-2: var(--modus-unspecified);
				--modus-overline-heading-3: var(--modus-unspecified);
				--modus-overline-heading-4: var(--modus-unspecified);
				--modus-overline-heading-5: var(--modus-unspecified);
				--modus-overline-heading-6: var(--modus-unspecified);
				--modus-overline-heading-7: var(--modus-unspecified);
				--modus-overline-heading-8: var(--modus-unspecified);
		}

}

/** Other rules */

*, body * { box-sizing: border-box }

p {
    text-rendering: auto;
}

.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

.aligncenter {
    display: block;
    margin: 5px auto;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: var(--modus-bg-main);
    border: 1px solid var(--modus-border);
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

/* RECAPTCHA STYLING */
.recaptcha-error {
    font-size: 1.8em;
    padding-bottom: 8px;
}

/* END RECAPTCHA STYLING */

html, body { overflow-x: hidden; }


@font-face{
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans'), local('OpenSans'),
       url('/assets/fonts/OpenSans-VariableFont_wdth,wght.woff2') format('woff2');
}

/* open-sans-700 - latin */
@font-face{
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'),
       url('/assets/fonts/OpenSans-Bold.woff2') format('woff2');
}

body{
		position: relative;
    line-height: 1.6;
    padding-left: 15px; padding-right: 15px;
	  font-family: 'Open Sans', Calibri, "Trebuchet MS", Verdana, Arial, sans-serif;
	  text-align: left;
	  vertical-align: top;
	  background: var(--modus-bg-main);
    color: var(--modus-fg-main);
		padding-bottom: 40px;
}

p code, .post-header-meta code, li code, dd code {
  color: var(--modus-keyword);
}
body nav.top-bar { height: auto }
div.wpnm-button.style-1 { display: inline-block }
#text-14 h1 { display: inline-block; padding-bottom: 0; margin-bottom: 0 }
#text-14 .textwidget { display: inline-block }
ul, ol, dl { padding-left: 13px }
h2 { margin-top: 0.83em; margin-bottom: 0; line-height: 100%; }
article .entry h2 { font-size: 200% }
h1 { margin-top: 0.83em; margin-bottom: 0.83em; }
h3 { margin-bottom: 0 }

#wrapper{
	  margin: 0 auto;
	  width: 1000px;
	  text-align: left;
	  border: none;
	  background: var(--modus-bg-main);
}

a:link{
	  color: var(--modus-red-warmer);
	  text-decoration-color: var(--modus-bg-clay);
}

a:hover{
	  text-decoration: underline;
	  color: var(--modus-red-intense);
}

a:visited{
	  color: var(--modus-red-faint);
}

a img {
	  border: none;
}

/*******************
----Custom Styles---
*******************/

code { 
	  font-family: "Courier New", monospace;
}

textarea#comment {
	  width: 545px;
}

#comment-preview {
    width: 535px; 
}

.bg {
	  padding-top: 15px;
	  padding-bottom: 10px;
	  padding-right: 10px;
}

.entry ul.bg {
	  padding-top: 15px;
	  padding-bottom: 10px;
	  padding-right: 10px;
}

.entry ul.bg.blue {
}

.entry ol.bg {
	  padding-top: 15px;
	  padding-bottom: 10px;
	  padding-right: 10px;
}

.entry ol.bg.blue {
}

.entry li { 
	  margin: 0 0 5px; 
}

.entry blockquote.right { 
	  width: 150px; 
	  font-style: normal !important; 
	  margin: 0.3em 0 0.3em 15px !important;
	  padding: 5px;
	  border-top: 2px solid var(--modus-border);
	  border-bottom: 2px solid var(--modus-border);
	  border-left: none;
	  border-right: none;
	  text-align: center; 
	  float: right; 
}

.entry blockquote.left { 
	  width: 150px; 
	  font-style: normal !important; 
	  margin: 0.3em 15px 0.3em 0 !important;
	  padding: 5px;
	  border-top: 2px solid var(--modus-border);
	  border-bottom: 2px solid var(--modus-border);
	  border-left: none;
	  border-right: none;
	  text-align: center; 
	  float: left; 
}

.entry blockquote.right p, .entry blockquote.left p { 
	  margin: 0; 
	  line-height: 1.4em !important; 
}

.entry img.left { 
	  padding: 6px; 
	  margin: 0.5em 15px 0.5em 0; 
	  border: none;
	  float: left; 	
	  clear: left; 
}

.entry img.right { 
	  padding: 6px; 
	  margin: 0.5em 0 0.5em 15px; 
	  border: none;
	  float: right; 
	  clear: right; 
}

.entry img.center { 
	  display: block; 
	  padding: 8px; 
	  margin: 0 auto 1.5em; 
	  border: none;
	  float: none; 
	  clear: both; 
}

.entry img.frame { 
	  padding: 6px; 
	  margin: 0.5em 0 0.5em 15px; 
	  border: 1px solid var(--modus-border);
	  float: right; 
	  clear: right; 
}

.entry img.stack { 
	  clear: none !important; 
}

.entry p { margin-bottom: 1.5em; margin-top: 1.5em; }
.entry .update p { margin-bottom: 0; margin-top: 0; }

.archive_head { 
	  text-align: center;
	  font-style: normal; 
	  margin: 25px auto 10px 30px;
}

.audio-icon.highlight { background-color: var(--modus-bg-active); }
.audio-icon.highlight.loop { font-weight: bold }

/*******************
------Header-------
*******************/

#header{
	  width: 100%;
	  margin: 0;
	  padding: 0;
	  clear: both;
}

div.title{
	  margin: 0 auto;
	  width: 1000px;
	  padding: 20px 20px 0 40px;
	  text-align: left;
}


/*******************
---------Post-------
*******************/
.post h2{
	  text-transform: normal;
}

pre { overflow: auto; padding: 5px; box-shadow: var(--modus-border) 1px 1px 2px; border: 1px solid var(--modus-border) }

.postinfo {
	  padding: 2px 0 20px;
}


.entry { line-height: 1.8; }
.postinfo { color: var(--modus-fg-dim); }

p.postmetadata{
	  color: var(--modus-fg-dim);
	  margin: 1en 0 0;
	  padding: 5px 0 0;
}

/* This is the link at the bottom of a post which lets you go to the next or previous post */

.postnav{
	  padding: 10px 20px 20px 10px;
	  font-weight: bold;
	  line-height: 18px;
}

/* Large screens */
@media only screen and (width >= 64.063em) {
    .newer { text-align: right }
    .archive-count { text-align: center }
		.row { display: flex; gap: 10px }
		.row .half, .row .columns { flex-grow: 1 }
		ul, .entry ul, ol, dl { padding-left: 1em }
		.two-col { display: grid; grid-template-columns: 1fr 1fr; }
}

h2.archive_head{ 
	  font-weight: bold !important; 
	  text-transform: normal !important; 
	  letter-spacing: normal !important; 
	  margin: 0 0 1.8em 10px !important; 
	  padding: 0.4em 5px !important; 
	  background: none; 
}


table#wp-calendar{
	  width: 100%;
}

/* Left Sidebar */

.leftbar ul{
	  list-style: none;
	  margin: 0;
    padding: 0;
}


.leftbar ul ul li{
	  line-height: 18px;
}

.leftbar a:hover{
	  text-decoration: underline;
}

/*******************
----Comment Form---
*******************/

#comment-form{
	  margin: 0;
	  padding: 5px 5px 15px 15px;
}

.comments-template a{
	  text-decoration: underline;
}


.comments-template a:hover{
	  text-decoration: underline;
}

.comments-template ol{
	  margin: 0;
	  padding: 0 0 15px;
	  list-style: none;
}

.comments-template ol li{
	  margin: 10px 0;
	  line-height: 18px;
	  padding: 10px 0 5px 15px;
}

.comments-template h2, .comments-template h3{
	  padding: 10px 0 30px;
}

.commentmetadata strong { 
}

.comments-template p.nocomments{
	  padding: 0;
}

.comments-template input{
	  border: 1px solid var(--modus-border);
}

.comments-template textarea{
	  margin: 0 15px 15px 0;
	  border: 1px solid var(--modus-border);
}

.even {
	  background: var(--modus-bg-inactive);
	  border: none;
}

.alt {
	  border: 2px solid #f1f0ed;
}

/*******************
-------Footer-------
*******************/

#footer a:link{
	  text-decoration: none;
}

#footer a:visited{
	  text-decoration: none;
}

#footer a:hover{
	  text-decoration: underline;
}
a:hover { text-decoration: underline; }

.example { border: 1pt solid var(--modus-border); padding: 10pt; overflow: auto }

blockquote > p:nth-child(1) {
		margin-top: 0;
}

blockquote > p:last-child {
		margin-bottom: 0;
}

blockquote {
	position: relative;
	background: var(--quote-bg);
	border-radius: .4em;
	padding: 5px 10px;
	margin-right: 10px;
	margin-left: 15px;
}

blockquote::after {
	content: '';
	position: absolute;
	left: 0;
	top: 20px;
	width: 0;
	height: 0;
	border: 20px solid transparent;
	border-right-color: var(--quote-bg);
	border-left: 0;
	margin-top: -10px;
	margin-left: -20px;
}

.bottom-quote blockquote {
		margin-left: 0;
}

.bottom-quote blockquote::after {
		left: calc(min(50%, 20px));
		bottom: 0;
		top: unset;
		margin-bottom: -20px;
		margin-top: 0;
		margin-left: 0;
		border-top-color: var(--quote-bg);
		border-bottom: 0;
		border-right-style: solid;
		border-right-color: transparent;
		border-left: 20px solid transparent;
}

blockquote code { border: 1px solid var(--modus-border); border-radius: 5px; padding-left: 3px; padding-right: 3px }
.progress-bar { width: 150px; font-size: x-small ! important }
.progress-bar div { margin: 0 ! important }
.chapter { width: 150px; text-align: center; font-size: xx-small !important }
.chapter_progress { background-color: var(--modus-bg-green-subtle) !important }
.chapter_box { background-color: var(--modus-bg-inactive) !important }
.chapter div { display: inline; margin: 4px }
.chapter_inactive { background-color: var(--modus-bg-inactive) !important }
.chapter_done { background-color: var(--modus-bg-green-subtle) !important }
.chapter_current { background-color: var(--modus-bg-active); font-weight: bold !important }
.comment_body { margin-top: 12pt; }
.rightbar ul ul li.recentcomments { margin-bottom: 1em;  }

div.friendfeed, li div.friendfeed.badge { padding-left: 0; width: 220px }

li { margin-bottom: 0.5em }
.navigation .right { float: right }
.navigation .left { float: left }

img#wpstats { visibility: hidden; height: 0 }

pre.comment {
    /* font-lock-comment-face */
    color: var(--modus-comment);
}
.org-function-name, body.wp-night-mode-on .org-function-name { font-weight: bold }

.comment-delimiter, body.wp-night-mode-on .comment-delimiter {
    /* font-lock-comment-delimiter-face */
    color: var(--modus-comment);
}

.constant, body.wp-night-mode-on .constant {
    /* font-lock-constant-face */
    color: var(--modus-constant);
}

.org-keyword, body.wp-night-mode-on .org-keyword,
.org-type, body.wp-night-mode-on .org-type {
    /* font-lock-keyword-face */
    color: var(--modus-keyword);
}

.org-string, .org-doc, body.wp-night-mode-on .org-string, body.wp-night-mode-on .org-doc {
    /* font-lock-string-face */
    color: var(--modus-string);
}

.variable-name, body.wp-night-mode-on .variable-name {
    /* font-lock-variable-name-face */
    color: var(--modus-variable);
}


.links { padding-left: 0; margin-top: 0; }
.container_16 { text-align: left; } 
.leftbar ul.featured_categories li { height: 100px; width: 100px; padding: 0; margin: 0; }
.leftbar ul.featured_categories { margin: 0; padding: 0; }

.footer {
	  border-top: 1px dotted var(--modus-border);
	  border-bottom: none;
    margin-top: 20px;
}
.post, .post h2 { text-align: left; }
.sketch_thumbnail li { list-style-type: none; margin: 0; padding: 0; width: 60px; display: inline }

.future td.date { color: var(--modus-bg-dim) }
.future td.future_title { margin-left: 10px; margin-right: 10px; }
td { vertical-align: top }
th { text-align: left }
.message { border: 1pt solid var(--modus-border); background-color: var(--modus-bg-changed); padding: 10px }
.entry a:link, entry a:visited { text-decoration: underline }
body .gsc-control-cse { padding: 0; }
body .gsc-control-cse { border: 0; }
body .cse .gsc-results div.gsc-cursor-current-page { background: var(--modus-bg-main); border: 1pt solid var(--modus-border) }
.bulk .title { padding: 0; margin-top: 2em}
.bulk { padding-left: 20px; }
#cboxLoadedContent {overflow: hidden !important;}

.update {
    margin-top: 20px;
    border: 1px dotted var(--modus-border);
    padding: 10px;
    margin-right: 0;
}
.update .date { font-style: italic }
.verse { border-left: 1px solid var(--modus-border); padding-left: 10px }

.ngg-gallery-thumbnail-box { width: 190px }
body .ngg-gallery-thumbnail { text-align: left }
.ngg-gallery-thumbnail img { padding: 0 }

.featured_resources .thumbnail {  }
.featured_resources li { list-style-type: none; margin-top: 20px; }
.featured_resources .description { color: var(--modus-fg-dim) }
.featured_resources .resource-title { font-weight: bold }
.widget ul.featured_resources { margin-left: 0; padding-left: 0 }

.featured_resources img {
    width: 100px;
    float: right;
}

.featured_categories li { display: inline-block }
ul.featured_categories { padding: 0; margin: 0 }

.rightbar ul { list-style-type: none }
.widget ul { list-style: disc; padding-left: 20px; margin: 0 }

.replace { white-space: nowrap; overflow: hidden; text-indent: 100%; }


.header h1 { margin: 0 }
.header { margin-bottom: 1.5em }
.top-bar .links, .header .links { margin: 0 }
.top-bar { background-color: var(--modus-bg-main); z-index: 9999; }
.top-menu { background: var(--modus-bg-main); border-bottom: 1px solid var(--modus-border) }
.top-bar li { margin-bottom: 0 }

.header h1 { font-size: 2.5em }
.header h1 a:hover { text-decoration: none }
.footer .links li { margin-right: 10px; }

body .recent-comment { list-style-type: disc }
span.count { font-weight: normal }
.highlight { background-color: var(--modus-bg-yellow-intense); }
.highlight-box { background-color: var(--modus-bg-yellow-intense); padding: 10px; border: 1px solid var(--modus-border); }
.rightbar p { margin-top: 0; margin-bottom: 1em; }
.rightbar h2 { margin-bottom: 0 }
div.reply { margin-top: 1em }

.alignright { float: right }
.wp-caption-text { font-size: small; font-style: italic }

table { border-collapse: collapse; border-spacing: 0 }

/* decided to make all tables boredered by default */
th, td, .bordered table, table.bordered, .bordered table th, table.bordered th, .bordered table td, table.bordered td { border: 1px solid gray; border-collapse: collapse; border-spacing: 0; padding: 2px }
table.spaced td { padding-bottom: 20px; padding-left: 3px; padding-right: 3px; }
.number { text-align: right }
.similar-posts li { font-weight: normal }
.posts { margin-bottom: 2em }

.on-this-page li { margin-bottom: 0 }
.on-this-page {margin-top: 0 }
.stats li { list-style-type: none; margin-bottom: 0; display: inline-block; color: var(--modus-fg-dim); font-size: small }
.header .site-title, .header .name { background: none; overflow: visible; text-indent: 0; }
.header { text-align: center }

@media screen { }

/* .top-bar { height: auto; } */

/* .header { margin-top: 60px; } */
@media screen and (width >= 420px) {  /* top menu stops wrapping */
    /*  .header { margin-top: 50px; } */
} 

@media screen and (width <= 40em) { } /* max-width 640px, mobile-only styles, use when QAing mobile issues */

@media screen and (width >= 40.063em) and (width <= 64em) { } /* min-width 641px and max-width 1024px, use when QAing tablet-only issues */

@media screen and (width >= 64.063em) { /* min-width 1025px, large screens */
    .header .links { left: 81px; position: relative; margin-left: 0 }
    .stats li { display: list-item; margin: 0;  }
    .stats ul { margin-left: 0 }
}

@media screen and (width >= 64.063em) and (width <= 90em) { } /* min-width 1024px and max-width 1440px, use when QAing large screen-only issues */

@media screen and (width >= 90.063em) { } /* min-width 1441px, xlarge screens */

@media screen and (width >= 90.063em) and (width <= 120em) { } /* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */

// XXLarge screens
@media screen and (min-width: 120.063em) { } /* min-width 1921px, xlarge screens */

.footer .links li { display: inline-block }
.footer .links { margin: 0 }
#searchform { display: inline-block; margin: 0 }
#searchform label { display: none }
#searchform #s { display: inline-block; margin: 0; width: 30px }

.on-this-day .comments { font-size: x-small; color: var(--modus-fg-dim); }
.on-this-day .comments a { color:  var(--modus-fg-dim) }
button.date-nav { padding-left: 1em; padding-right: 1em; height: 3em; }

.similar-posts .excerpt { color:  var(--modus-fg-dim) }
.authors-note { color: var(--modus-fg-dim); border: 1px solid  var(--modus-border); padding: 10px  }
.postdate abbr.published { font-size: 100%; color: var(--modus-fg-dim);; border-bottom: 0; cursor: inherit; }

.org-src-container { margin-bottom: 1rem; border: 1px solid var(--modus-fg-border); }

.pull-quote {
    padding: 10px;
    float: right;
    width: 250px;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 20px;
    border-top: 2px solid #694e1c;
    border-bottom: 2px solid #694e1c;
    font-size: 21px;
    line-height: 1.25em;
    text-align: left;
    font-weight: normal;
}

th.right, td.right { float: none !important; text-align: right }
.post { position: relative }

@media only screen and (width <= 90em) {
    .postdate::after, .read-more-link::after { content: ' | ' }
}

@media only screen and (width >= 90.063em) {
    .postinfo {
        position: absolute;
        left: -10rem;
        top: 0;
        width: 9rem;
        text-align: right;
    }
    .postdate, .read-more-link { display: block; margin-bottom: 1rem }
}
li.on { list-style-type: disc }

pre code, pre.example {
    font-size: 0.9rem;
		line-height: 1
}

pre code {
    border: none;
    padding: 0;
}

dl.gallery-item { margin-left: 0 }
td.center { text-align: center }
.sticky { }
.gallery-caption { } 
.bypostauthor { }


.bulk .top-menu { display: none }
.bulk .header { display: none }
.bulk .rightbar { display: none }
.bulk .footer { display: none }

.links { font-size: 1.4rem }
body p:empty::before { content: none }

@media only screen and (width >= 600px) {
    .collapsible { padding-left: 30px; }
    .outline-2.collapsible { padding-left: 0 }
}

nav ul.links { display: flex; flex-flow: row wrap; justify-content: space-evenly; align-items: baseline }
nav ul.links button { position: inherit; }
.wpnm-button { display: inline-block }
.collapsible.collapsed > .heading > button::before { content: '‣'; font-family: monospace }
.collapsible.collapsed > .outline-text, .collapsible.collapsed > .collapsible { display: none }
.collapsible > .heading > button { color: inherit; background: inherit; margin: 0; padding: 0; font-size: inherit; border: inherit; font-family: inherit; text-align: inherit }

@media (prefers-color-scheme: dark) {
      a {
        color: inherit;
        background-color: inherit;
        font: inherit;
        text-decoration: inherit;
      }

      a:hover {
        text-decoration: underline;
      }
			.bp-img img, .sketch-full img, .gallery img, .left-doodle, .right-doodle, .center-doodle, svg { filter: invert(1) hue-rotate(180deg) brightness(150%) contrast(0.9); }
			.bp-img img { background-color: var(--modus-bg-main); }
		.no-inversion .sketch-full img, .no-inversion .gallery img { filter: unset; }
		body a#site-logo-link:hover img { content: url('/assets/images/animated-logo-dark.gif'); }
		img#site-logo { content: url('/assets/images/small-logo-dark.png'); }
}

body a#site-logo-link:hover img {
		 content: url('/assets/images/animated-logo.gif');
}
body a#site-logo-link { text-indent: -9999px }

@media print {
    .expand-links { display: none }
    .collapsible > .heading > button::before { content: none; }
    .collapsible.collapsed > .heading > button::before { content: none }
}

@font-face {
    font-family: sachacHand-Regular;
    font-display: swap;
    src: local('sachacHand Regular'), url("/assets/sachacHand-Regular.woff?date=2026-05-11"), url("https://sachachua.com/assets/sachacHand-Regular.woff?date=2026-05-11");
		size-adjust: 120%;
}



.links {
    font-family: sachacHand-Regular,"Helvetica Neue",Helvetica,Helvetica,Arial,sans-serif;
}

nav.pages { display: flex }
nav.pages a { flex-grow: 1 }
nav.pages .right { text-align: right }
.body { clear: both; margin: auto }
header { text-align: center }

@media screen and (width <= 40em) {
    body { width: 100%; padding: 10px;  }
}
a:hover { text-decoration: underline }

article header { text-align: left;  }
article header h2 { margin-bottom: 0;  }
ul { margin-left: 0 }

table {
		overflow-x: auto;
		display: block;
		white-space: nowrap;
}

nav.page-nav h2 { display: none }
nav.top-bar ul, nav.page-nav ul { list-style-type: none; padding-left: 0 }
nav.page-nav li { display: inline-block; margin: 0; padding-right: 10px; }
nav.page-nav li:not(:first-child) { border-left: none }
nav.page-nav .current { font-weight: bold }
td.num-posts { text-align: right; position: relative }

td.num-posts .data-background-bar {
    background-color: var(--modus-bg-dim);
    overflow: visible;
    z-index: -1;
    display: inline-block;
    position: absolute;
    text-align: right;
    right: 0
}

img, video, svg { max-width: 100%; height: auto; width: auto; max-height: 80vh; margin: auto; display: block }
embed, iframe { margin: auto; display: block }
.pswp img, .pswp video { max-height: none }


article.post { border-bottom: 1px solid var(--modus-border) }

.sketch-thumbnails { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; width: 100%  }
.sketch-thumbnails .sketch-thumbnail { width: auto; max-width: auto }
.sketch-thumbnail { display: inline-block; max-width: 33%; margin-bottom: 30px }
.two-col-thumbnails .sketch-thumbnail {  max-width: 50% }
.sketch-full { max-width: 100%; margin-bottom: 30px; text-align: center }
details summary h1, details summary h2, details summary h3, details summary h4, details summary h5, details summary h6 { display: inline-block }

.screen-reader-text {
     border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important;
}

.datatable td, .datatable th { border: 1px solid var(--modus-bg-dim) }

/* Start of copy code */
pre.src { margin: 0; line-height: 1 }

.org-src-container {
		position: relative;
		margin: 0;
		padding: 1.75rem 0 1.75rem 1rem;
}
div > details { padding: 20px; border: 1px solid var(--modus-border) }
.org-src-container > details  { padding: 0; border: none }
details > .org-src-container { padding: 0; border: none }
summary { position: relative; }
summary .org-src-container { padding: 0 }
summary .org-src-container pre.src { margin: 0 }

.org-src-container button.copy-code, summary button.copy-code {
		position: absolute;
		top: 0;
		right: 0;
}

/* End of copy code */

.tldr { padding: 10px; border: 1px solid var(--modus-bg-dim) }
.yt-video { text-align: center }
figure { text-align: center; margin: 0 }

.hidden { display: none }
.org-center { text-align: center }
.js .audio-time[role="button"], .js .media-time[role="button"], .clickable { cursor: pointer; text-decoration: underline dotted; color: var(--modus-fg-dim) }
.js .audio-time.caption { text-decoration: none; }
body .transcript-heading { font-weight: bold; color: var(--modus-accent-2); font-size: larger }
.audio video { width: 100%; height: 150px }
.audio video::cue { font-size: 1rem }
article .audio, .media-post .audio {
    background-color: var(--modus-bg-main);
    position: sticky;
    top: 0;
    border: 1px solid var(--modus-border);
    padding: 10px;
    z-index: 1;
}
.padding20 { padding: 20px }

@media screen and (width >= 64.063em) { /* min-width 1025px, large screens */
		.gallery { display: grid;
							 grid-template-columns: 1fr 1fr; }
		.gallery img { max-height: 300px }
		.gallery > p { display: none }
		.speaker-name, .transcript-heading .audio-time {
				position: absolute;
				right: 100%;
				text-align: right;
				width: 15%;
				padding-right: 10px;
		}
		.full-transcript { position: relative; margin-left: 15%; }

}

div.topic-link { margin-bottom: 1em; }
img.box-shadow, .box-shadow img { box-shadow: 10px 5px 5px var(--modus-bg-inactive); border: 1px solidvar(--modus-border) }


.body, #content.content { max-width: var(--body-max-width) }

/* tables of contents */
.on-this-page > ul > li > ul, .on-this-page > ul > li > div { display: none }

@media only screen and (width >= 95em) {
		html, body { overflow-x: unset; }

		.sticky-toc, .sticky-left, .sticky-right {
				font-size: var(--fs-sm);
				width: calc((100vw - var(--body-max-width) - 5rem)/2);
				position: sticky;
				max-height: calc(100vh - 2rem);
				overflow-y: auto;
				scroll-behavior: smooth;
				background: var(--modus-bg-main);
				top: 0;
				padding: 1rem;
		}

		article .sticky-toc {
				display: none
		}

		.single-post article .sticky-toc {
				display: block;
		}

    .topic article .sticky-toc {
				display: block;
		}

		.sticky-toc, .sticky-left, .single-post article .sticky-toc {
				margin-left: calc((-100vw + var(--body-max-width))/2);
				float: left;
		}

		.sticky-right {
				margin-right: calc((-100vw + var(--body-max-width))/2);
				float: right;
		}

		/* Hide the TOCs for non-active posts, but only if JS is enabled */
		.js .on-this-page > ul > li > ul, .js .on-this-page > ul > li > div { display: none }
		.on-this-page > ul > li.post-active > ul, .on-this-page > ul > li.post-active > div { display: block }

		.active { background-color: var(--modus-bg-tab-bar) }

		.sticky-toc svg .active rect {
				fill: var(--modus-bg-tab-bar) !important;
				fill-opacity: 1 !important;
				mix-blend-mode: darken;
				stroke-dash-array: unset !important;
				stroke-width: 4px;
		}

		.link-to-nonsticky-toc {
				display: none
		}
}

/* end tables of contents */


@media only screen and (width >= 95em) {
		abbr[title]:hover::after,
		abbr[title]:focus::after {
				content: ""
		}
		.left-doodle, .right-doodle { max-width: calc((100vw - var(--body-max-width) - 5rem)/2); }
}
.inline-list { padding: 0 }
.inline-list li { display: inline-block; margin-right: 1em; }

.left-doodle { float:left;width:100px; margin-right: 10px }
.right-doodle { float:right;width:100px; margin-left: 10px }
.center-doodle { text-align:center; margin-top: 16px }

/* @media screen and (min-width: 64.063em) { /\* min-width 1025px, large screens *\/ */

/* 		.left-doodle { margin-left:-150px } */

/* 		.right-doodle { margin-right: -150px; } */

/* } */


@media print {
  mark {
    border: 1pt dotted var(--modus-fg-dim);;
  }
}
mark { background-color: var(--modus-bg-yellow-subtle) }
mark.green { background-color: var(--modus-bg-green-subtle) }
mark.red { background-color: var(--modus-bg-red-subtle) }

.panzoom svg.active { border: 2px solid var(--modus-fg-dim); }
.panzoom figure { margin-left: 0; margin-right: 0 }
.panzoom svg { max-height: unset }

/* Anchor icon */
.entry h2, .entry h3, .entry h4, .entry p, .content h2, .content h3, .content h4, .content p { position: relative }
div#main a.anchor-icon:link, article a.anchor-icon:link, .content a.anchor-icon:link, .entry a.anchor-icon:link { text-decoration: none !important; font-size: small; margin-right: 1em }
@media only screen and (width >= 95em) {
		div#main a.anchor-icon:link, article a.anchor-icon:link, .content a.anchor-icon:link, .entry a.anchor-icon:link { margin-left: -2.5em }
}
/* End anchor icon */

img#site-logo {
  max-width: min(640px, 100%);
  max-height: 116px;
}


/* https://www.perlmonks.org/?node_id=11161817 */
 abbr[title] {
        position: relative;

        /* ensure consistent styling across browsers */
        text-decoration: underline dotted;
    }

/* https://bitsofco.de/making-abbr-work-for-touchscreen-keyboard-mouse/ */
abbr[title]:hover::after,
abbr[title]:focus::after {
  content: attr(title);

 /* position tooltip like the native one */
  position: absolute;
  left: 0;
  bottom: -30px;
  width: auto;
  white-space: nowrap;

  /* style tooltip */
  background-color: var(--modus-fg-dim);
  color: var(--modus-bg-main);
  border-radius: 3px;
  box-shadow: 1px 1px 5px 0 var(--modus-by-inactive);
  font-size: 14px;
  padding: 3px 5px;
}

.bp-img img {
		max-height: unset;
		background: var(--modus-bg-main);
		object-fit: contain;
}

/* Comments */
.static-comments-reply {
    margin: 1em 0 3em;
}

.static-comments-reply > .static-comments-reply {
    margin-top: 2em;

    /* This is where the threading magic happens */
    padding-left: 1.5em;
    border-left: 4px solid var(--modus-border);
}

.static-comments-title {
    float: left;
    margin: 0;
}

.static-comments-img {
    float: left;
    max-width: 30px;
    margin-right: 1em;
    border-radius: 50%;
}

.static-comments-msg {
    clear: both;
    line-height: 1.7;
    margin-top: 1em;
}

.static-comments-date {
    float: left;
    clear: left;
    font-size: 0.8125em; /* 13px /16 */
}

@media (width >= 25em) { /* 400px */
    .static-comments-date {
        float: right;
        clear: none;
    }
}

/* Clearfixes */
.static-comments-hed::before,
.static-comments-hed::after,
.static-comments-msg::before,
.static-comments-msg::after {
    content: " ";
    display: table;
}

.static-comments-hed::after,
.static-comments-msg::after {
    clear: both;
}
.comments h3 { margin: 0 }

/* Assumed audience */
.assumed_audience {
	padding: 10px;
  border-radius: 5px;
  border: 1px solid var(--modus-border);
}

.assumed_audience p, .assumed_audience ul  {
		margin-bottom: 0;
		margin-top: 0;
}

/* Fluid type scale
https://www.fluid-type-scale.com/calculate?minFontSize=16&minWidth=400&minRatio=1.25&maxFontSize=22&maxWidth=1280&maxRatio=1.333&steps=sm%2Cbase%2Cmd%2Clg%2Cxl%2Cxxl%2Cxxxl&baseStep=base&prefix=fs&useContainerWidth=false&includeFallbacks=true&useRems=true&remValue=16&decimals=2&previewFont=Inter&previewText=Almost+before+we+knew+it%2C+we+had+left+the+ground&previewWidth=1280
*/

/* For browsers that support clamp  */
@supports (font-size: clamp(1rem, 1vi, 1rem)) {
  :root {
		--fs-sm: clamp(0.8rem, 0.42vi + 0.69rem, 1.03rem);
		--fs-base: clamp(1rem, 0.68vi + 0.83rem, 1.38rem);
		--fs-md: clamp(1.25rem, 1.06vi + 0.99rem, 1.83rem);
		--fs-lg: clamp(1.56rem, 1.6vi + 1.16rem, 2.44rem);
		--fs-xl: clamp(1.95rem, 2.37vi + 1.36rem, 3.26rem);
		--fs-xxl: clamp(2.44rem, 3.45vi + 1.58rem, 4.34rem);
		--fs-xxxl: clamp(3.05rem, 4.97vi + 1.81rem, 5.79rem);
  }
}

/* For browsers that don't support clamp */
@supports not (font-size: clamp(1rem, 1vi, 1rem)) {
  :root {
		--fs-sm: 0.8rem;
		--fs-base: 1rem;
		--fs-md: 1.25rem;
		--fs-lg: 1.56rem;
		--fs-xl: 1.95rem;
		--fs-xxl: 2.44rem;
		--fs-xxxl: 3.05rem;
  }

  @media screen and (width >= 1280px) {
    :root {
			--fs-sm: 1.03rem;
			--fs-base: 1.38rem;
			--fs-md: 1.83rem;
			--fs-lg: 2.44rem;
			--fs-xl: 3.26rem;
			--fs-xxl: 4.34rem;
			--fs-xxxl: 5.79rem;
    }
  }
}
body { font-size: var(--fs-base); }
h4 { font-size: var(--fs-base); font-weight: bold }
h3 { font-size: var(--fs-md); font-weight: bold }
h2 { font-size: var(--fs-lg); font-weight: bold }
h1 { font-size: var(--fs-xl); font-weight: normal;  }
h1, h2, h3 { font-family: sachacHand-Regular,"Helvetica Neue",Helvetica,Helvetica,Arial,sans-serif;}
h4, h5, h6 {
    font-family: "Helvetica Neue",Helvetica,Helvetica,Arial,sans-serif;
}
/* End Fluid type scale */

/* Footnotes and side notes */

.footpara {
		font-size: var(--fs-sm);
		margin-bottom: 0;
		margin-top: 0;
		line-height: normal;
		margin-left: 0.5em;
}
.footnum { float: left; clear: left; }
.footdef { line-height: 1em }
.entry .footpara p { margin-top: 0; margin-bottom: 0 }
.sidenotes-container, .sidenote { display: none; }

@media only screen and (min-width: 95em) {
		.highlight.footref, .highlight.sidenote-number, .highlight .sidenote-number { border: 1px solid var(--modus-border) }
		.sidenote-content {
				margin-left: 1rem;
		}
		.sidenote-number {
				font-weight: bold;
				margin-right: 0.5rem;
				float: left;
		}

    .sidenotes-container {
				position: absolute;
				top: 0;
				width: 100%;
				pointer-events: none;
				left: calc(50vw + var(--body-max-width)/2);
				display: block;
    }
		.sidenote {
				position: absolute;
				max-width: calc((100vw - var(--body-max-width))/2 - 3rem);
				left: 0;
				padding: 0.5rem;
				margin-bottom: 1rem;
				font-size: var(--fs-sm);
				background: var(--modus-bg-main);
				z-index: 10;
				pointer-events: auto;
				box-sizing: border-box;
				display: block;
		}
}

body .content pre code { white-space: pre; border: none }
del { color: var(--modus-fg-term-white); }
.french details b, .french b { background: var(--modus-bg-blue-subtle) }
.french del { display: none }

.hint input { display: none }
.hint { cursor: pointer; display: inline-block; padding: 2px 8px; border-radius: 4px; background-color: var(--modus-bg-inactive) }
.hint .hint-text { display: none }
.hint input:checked + .hint-desc + .hint-text {
    display: inline-block;
             font-weight: bold
}
.hint input:checked + .hint-desc {
    display: none
}

.code-details {
		padding: 1em;
    border-radius: 15px;
    font-size: 0.9em;
    box-shadow: 0.05em 0.1em 5px 0.01em var(--modus-bg-dim);
}

body {
		--pagefind-ui-primary: var(--modus-fg-main);
		--pagefind-ui-background: var(--modus-bg-button-active);
		--pagefind-ui-border: var(--modus-border);
		--pagefind-ui-text: var(--modus-fg-main);
		--pagefind-ui-tag: var(--modus-accent-0);
}
body .pagefind-ui--reset mark {
		background-color: var(--modus-bg-yellow-subtle);
		color: var(--modus-fg-main);
}

body pre { border: 1px solid var(--modus-border); background-color: var(--modus-bg-main) }
body pre.src:before { color: var(--modus-fg-dim);
								 background-color: var(--modus-bg-main); }
body .inlinetask { background-color: var(--modus-bg-inactive) }

body .org-info-js_search-highlight { background-color: var(--modus-by-yellow-intense);
																		 color: var(--modus-fg-main); }
.code-highlighted { background-color: var(--modus-by-yellow-intense); }
.org-comment { color: var(--modus-fg-dim); }
.org-warning { color: var(--modus-magenta); }
.org-variable-name { color: var(--modus-cyan); }