:root[data-theme="dark"]{color-scheme:dark;--paper:#151614;--ink:#eeeeea;background:#151614;color:#eeeeea}
.theme-toggle{position:absolute;right:26px;top:78px;pointer-events:auto;font:11px/1.3 Arial,Helvetica,sans-serif;color:inherit;border:0;background:none;padding:5px 0;cursor:pointer}.theme-toggle:hover{opacity:.6}.theme-toggle:focus-visible{outline:1px solid;outline-offset:5px}
[data-theme="dark"] body{background:var(--paper);color:var(--ink)}
[data-theme="dark"] .discipline,[data-theme="dark"] .caption span,[data-theme="dark"] .location{color:#aaaDA3}
[data-theme="dark"] .about{background:var(--paper);color:var(--ink)}
[data-theme="dark"] .about-details h3{color:#a0a398}
[data-theme="dark"] .about-close,[data-theme="dark"] .about-details a,[data-theme="dark"] nav button{color:inherit}
[data-theme="dark"] .interface,[data-theme="dark"] .bprep-key-screens,[data-theme="dark"] .merlin-key-screens,[data-theme="dark"] .windesco-key-screens,[data-theme="dark"] .bprep-phones,[data-theme="dark"] .bprep-web-flow,[data-theme="dark"] .walkthrough{background:#23251f}
[data-theme="dark"] .walkthrough-copy>p,[data-theme="dark"] .walkthrough-step,[data-theme="dark"] .bprep-key-screens figcaption,[data-theme="dark"] .merlin-key-screens figcaption,[data-theme="dark"] .windesco-key-screens figcaption,[data-theme="dark"] .bprep-phones figcaption{color:#a8ab9f}
[data-theme="dark"] .walkthrough-step[aria-current="step"]{color:#fff}
[data-theme="dark"] .walkthrough-step,[data-theme="dark"] dl>div{border-color:#3b3e34}
[data-theme="dark"] .walkthrough-controls button{color:inherit;border-color:#858a79}
[data-theme="dark"] .contact-card-body{color:#171713}
@media(max-width:650px){.theme-toggle{right:20px;top:72px}}

.theme-toggle{position:static;grid-column:4;justify-self:end;align-self:start;display:grid;place-items:center;width:32px;height:32px;padding:4px;margin-top:-4px}.theme-toggle svg{display:block;width:24px;height:24px}@media(max-width:650px){.theme-toggle{grid-column:3}}
/* About always uses the opposite palette to the selected site theme. */
[data-theme="light"] .about{--paper:#151614;--ink:#eeeeea;color-scheme:dark;background:var(--paper);color:var(--ink)}
[data-theme="dark"] .about{--paper:#f8f7f4;--ink:#262624;color-scheme:light;background:var(--paper);color:var(--ink)}
[data-theme="light"] .about h3{color:#a0a398}
[data-theme="dark"] .about h3{color:#777772}
.about .about-close,.about .about-details a,.about .about-content>a{color:inherit}
