/* Only the new theme control changes the light interface. */
html[data-theme="light"]{color-scheme:light}
html[data-theme="dark"]{color-scheme:dark}
.theme-toggle{display:inline-flex;align-items:center;justify-content:center;flex:0 0 40px;width:40px;height:40px;margin-left:auto;padding:8px;border:2px solid var(--ink);background:var(--paper);color:var(--ink);box-shadow:2px 2px 0 var(--ink);line-height:1;cursor:pointer}
.theme-toggle:hover{background:var(--lime);color:#20231f}
.site-nav .theme-toggle{margin-left:0;align-self:center}
.theme-toggle-standalone{margin-bottom:16px}
.theme-toggle svg{display:block;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.theme-toggle .theme-sun,html[data-theme="dark"] .theme-toggle .theme-moon{display:none}
html[data-theme="dark"] .theme-toggle .theme-sun{display:block}
@media(min-width:861px) and (max-width:1100px){.header-inner{gap:15px}.site-nav{gap:14px}}
@media(max-width:860px){.site-nav .theme-toggle{align-self:flex-start;margin-top:12px}}
@media(max-width:600px){.header-inner{gap:10px}.theme-toggle{flex-basis:36px;width:36px;height:36px;padding:6px}.menu-toggle{font-size:12px;padding-inline:7px;white-space:nowrap}}