/* One familiar, accessible appearance switch across the canvas and site pages. */
.theme-toggle.theme-toggle{display:inline-flex;align-items:center;justify-content:center;gap:6px;flex:none;min-width:96px;min-height:42px;padding:6px;border:0;border-radius:9px;background:transparent;color:#566354;cursor:pointer;line-height:1}
.theme-toggle.theme-toggle:hover{background:#edf1e9;border:0}
body > nav .theme-toggle{margin-left:10px}
.theme-toggle:focus-visible{outline:3px solid #729d47;outline-offset:2px}
.theme-icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;flex:none}
.theme-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.theme-track{position:relative;display:block;width:44px;height:26px;flex:none;border:1px solid #aebda8;border-radius:99px;background:#dce5d6}
.theme-thumb{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #24302135}
.theme-toggle[aria-checked=true] .theme-track{background:#78a843;border-color:#78a843}
.theme-toggle[aria-checked=true] .theme-thumb{transform:translateX(18px)}
.theme-toggle[aria-checked=false] .theme-sun,.theme-toggle[aria-checked=true] .theme-moon{color:#293a26}
.theme-toggle[aria-checked=false] .theme-moon,.theme-toggle[aria-checked=true] .theme-sun{opacity:.55}
:root[data-appearance=dark] .theme-toggle.theme-toggle{color:#b8c7b5}
:root[data-appearance=dark] .theme-toggle.theme-toggle:hover{background:#333f36}
:root[data-appearance=dark] .theme-track{background:#465148;border-color:#657366}
:root[data-appearance=dark] .theme-thumb{background:#f3f7ed}
:root[data-appearance=dark] .theme-toggle[aria-checked=true] .theme-track{background:#8fbd57;border-color:#8fbd57}
:root[data-appearance=dark] .theme-toggle[aria-checked=true] .theme-moon{color:#eef5e5}
@media(prefers-reduced-motion:no-preference){.theme-track,.theme-thumb{transition:background-color .18s,border-color .18s,transform .18s}}
@media(max-width:640px){.header-actions .theme-toggle.theme-toggle{position:absolute;top:5px;right:16px;padding:6px;min-height:38px}}