/* Eduverse global branding and sound controls */
.eduverse-brand-logo {
  display: block !important; width: auto !important; height: 80px !important;
  max-width: min(300px, 22vw) !important; object-fit: contain;
  margin: 0 !important; float: none !important; vertical-align: middle;
}
.eduverse-sound-toggle {
  display: inline-flex !important; align-items: center; justify-content: center;
  border: 2px solid rgba(255,255,255,.85) !important; border-radius: 50% !important;
  background: #ffb323 !important; color: #09245e !important; padding: 0 !important;
  width: 38px !important; height: 38px !important; min-width: 38px !important; min-height: 38px !important;
  font-size: 18px !important; line-height: 1 !important; font-weight: 800; cursor: pointer;
  box-shadow: 0 3px 0 #c77700; margin: 0 !important; white-space: nowrap;
}
.eduverse-sound-toggle:hover { filter: brightness(1.08); }
/* Logo and sound control are overlays in the existing header, not a new header. */
header, nav, .site-header, .navbar, .topbar, .header {
  position: relative;
}
header > a:has(.eduverse-brand-logo), nav > a:has(.eduverse-brand-logo),
.site-header > a:has(.eduverse-brand-logo), .navbar > a:has(.eduverse-brand-logo),
.topbar > a:has(.eduverse-brand-logo), .header > a:has(.eduverse-brand-logo) {
  position: absolute !important; left: 20px !important; top: 50% !important;
  transform: translateY(-50%); z-index: 5; margin: 0 !important; float: none !important;
  display: flex !important; align-items: center;
}
#eduverse-sound-toggle { position: absolute !important; right: 20px !important; top: 50% !important;
  transform: translateY(-50%); z-index: 6; float: none !important; }
/* Keep headings centered relative to the full header/page, not the space beside the logo. */
h1, h2, h3, h4, h5, h6, .heading, .page-title, .title, .section-title {
  text-align: center !important;
}
header h1, header h2, header h3, header .heading, header .page-title, header .title {
  width: 100%; box-sizing: border-box; margin-left: auto; margin-right: auto;
}
@media(max-width: 650px) {
  .eduverse-brand-logo { height: 56px !important; max-width: 20vw !important; }
  header > a:has(.eduverse-brand-logo), nav > a:has(.eduverse-brand-logo),
  .site-header > a:has(.eduverse-brand-logo), .navbar > a:has(.eduverse-brand-logo),
  .topbar > a:has(.eduverse-brand-logo), .header > a:has(.eduverse-brand-logo) { left: 8px !important; }
  #eduverse-sound-toggle { right: 8px !important; width: 32px !important; height: 32px !important; min-width: 32px !important; min-height: 32px !important; font-size: 16px !important; padding: 0 !important; }
}