/* theme-toggle.css — MDOThree shared template (theme toggle part of site-chrome.css, mdothree-text go-final-r4).
   44x44 icon button, innermost/rightmost in the nav. Carries its own tokens so it contrasts in both themes.
     light  #0F172A on #FFFFFF = 17:1, border #64748B on #FFFFFF = 4.8:1 (non-text >= 3:1)
     dark   #F1F5F9 on #111827 = 16:1, border #94A3B8 on #111827 = 6.9:1 */
:root, html[data-theme="light"] {
  --mdo-c-fg: #0F172A; --mdo-c-bg: #FFFFFF; --mdo-c-surface: #F1F5F9; --mdo-c-border: #64748B; --mdo-c-focus: #047857;
}
html[data-theme="dark"] {
  --mdo-c-fg: #F1F5F9; --mdo-c-bg: #111827; --mdo-c-surface: #1E293B; --mdo-c-border: #94A3B8; --mdo-c-focus: #34D399;
}
html[data-theme="light"] { color-scheme: light; }
html[data-theme="dark"] { color-scheme: dark; }
.mdo-theme {
  display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto;
  width: 44px; min-width: 44px; height: 44px; padding: 0; margin: 0;
  border: 1.5px solid var(--mdo-c-border); border-radius: 10px;
  background: var(--mdo-c-bg); color: var(--mdo-c-fg);
  font: inherit; line-height: 1; cursor: pointer; transition: border-color 160ms, background 160ms;
  -webkit-appearance: none; appearance: none; box-shadow: none;
}
.mdo-theme:hover { background: var(--mdo-c-surface); }
.mdo-theme:focus-visible { outline: 3px solid var(--mdo-c-focus); outline-offset: 2px; }
.mdo-theme .mdo-i { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
html[data-theme="dark"] .mdo-theme .mdo-i-moon,
html:not([data-theme="dark"]) .mdo-theme .mdo-i-sun { display: none; }

/* runwae: the toggle is the last child of the header row (.header--standard-wrap / .nav-v2 / 404 header) */
.rw-theme { margin-left: 12px; }
.header--standard-wrap > .rw-theme { margin-left: 16px; }
/* Closed off-canvas menu (<=768px): it sat off-screen but its links stayed focusable; hide it until opened. */
@media (max-width: 768px) {
  .header--standard .header-menu:not(.open), .header--standard .header-menu:not(.open) * { visibility: hidden !important; }
  .header--standard .header-menu.open { visibility: visible; }
}