/* Shared controls and matching wordmarks; no layout transition on theme change. */
html[data-theme="light"] { color-scheme: light; background: #f5f7fa; }
html[data-theme="dark"] { color-scheme: dark; background: #10151b; }
.brand-logo-dark, .theme-icon-light { display: none; }
html[data-theme="dark"] :is(.brand-logo-light, .theme-icon-dark) { display: none; }
html[data-theme="dark"] :is(.brand-logo-dark, .theme-icon-light) { display: block; }
html:not(.theme-ready) .menu-toggle { display: none !important; }
body[data-page][data-lang] .theme-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  padding: 0;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: transparent;
  color: var(--muted);
  cursor: pointer;
}
body[data-page][data-lang] .theme-toggle:hover { color: var(--ink); background: var(--paper); }
body[data-page][data-lang] .theme-toggle svg { width: 19px; height: 19px; }
@media (max-width: 799px) {
  body[data-page][data-lang] .header-compare { width: 44px; min-width: 44px; padding: 0; }
  body[data-page][data-lang] .header-compare > svg { display: block; width: 20px; }
  body[data-page][data-lang] .header-compare > span { display: none; }
  body[data-page][data-lang] .theme-toggle { border-color: transparent; }
}
@media (max-width: 359px) {
  body[data-page][data-lang] .header-inner { gap: 4px; }
  body[data-page][data-lang] .header-actions { gap: 0; }
  body[data-page][data-lang] .language { min-width: 32px; padding-inline: 0; }
}