/* GENERATED by scripts/theme/build-theme.cjs from the site's own CSS — do not edit.
   Hand-tuned dark values go in theme.manual.css (appended at the end). Light mode is
   untouched: every rule below applies only under html[data-theme="dark"]. */
html[data-theme="dark"] { color-scheme: dark; background-color: #0f1719; color: #E8EEEE; }
html[data-theme="dark"] body { background-color: #0f1719; color: #E8EEEE; }
html[data-theme="dark"] :where(img:not([src$=".svg"]):not(.no-dim)) { filter: brightness(.92); }

/* Theme toggle button (theme-toggle.js) */
.theme-toggle { display: inline-flex; align-items: center; justify-content: center; flex: none; width: 36px; height: 36px; margin: 0 0 0 4px; padding: 0; border: 1px solid currentColor !important; border-radius: 999px; background: transparent !important; color: inherit !important; cursor: pointer; opacity: .85; font: inherit; line-height: 1; }
.theme-toggle:hover { opacity: 1; }
.theme-toggle:focus-visible { outline: 2px solid currentColor; outline-offset: 2px; opacity: 1; }
.theme-toggle .tt-sun { display: none; }
html[data-theme="dark"] .theme-toggle .tt-sun { display: block; }
html[data-theme="dark"] .theme-toggle .tt-moon { display: none; }
.theme-toggle--floating { position: fixed; right: 16px; bottom: 16px; z-index: 9999; margin: 0; background: #fff !important; color: #1f2937 !important; box-shadow: 0 2px 10px rgba(0,0,0,.18); }
html[data-theme="dark"] .theme-toggle--floating { background: #263a3f !important; color: #E8EEEE !important; }
@media (max-width: 480px) { .theme-toggle { width: 32px; height: 32px; } }
@media print { .theme-toggle { display: none !important; } }

/* ---- from the site's stylesheets ---- */
html[data-theme="dark"] .sister-sites {
  background: #111a1c;
  border-top: 1px solid #1e2938;
  color: #d5ddf0;
}
html[data-theme="dark"] .sister-sites .ss-label {
  color: #94a1b2;
}
html[data-theme="dark"] .sister-sites a {
  color: #d5ddf0;
}
html[data-theme="dark"] .sister-sites .ss-line {
  color: #94a1b2;
}
html[data-theme="dark"] .sister-sites a:focus-visible {
  outline: 2px solid #8beee7;
}

/* ---- inline style="" attributes ---- */

/* ---- client-rendered inline styles (browser-serialized form) ---- */

/* ---- theme.manual.css ---- */
/* Hand-tuned rules for the theme toggle on AskStats (appended to assets/theme.css). */
@media (max-width: 400px) { .header-inner { gap: 10px; } .site-header nav { gap: 10px; } }
