/* The toggle uses the same header control as Favorites in either theme. */
.cscom-unified .hdr-icon-btn.cscom-theme-toggle {
  flex:0 0 44px;width:44px;padding:0;gap:0;
}
.cscom-theme-toggle svg {width:19px;height:19px;flex:none;pointer-events:none}
.cscom-theme-toggle .cscom-theme-icon-moon {display:none}
html[data-cscom-theme="light"] .cscom-theme-toggle .cscom-theme-icon-sun {display:none}
html[data-cscom-theme="light"] .cscom-theme-toggle .cscom-theme-icon-moon {display:block}
.cscom-theme-toggle:focus-visible {outline:2px solid #ff9c64;outline-offset:4px}
@media(max-width:650px) {
  .cscom-unified .hdr-inner {padding-inline:10px;gap:8px}
  .cscom-unified .hdr-logo {min-width:0}
  .cscom-unified .hdr-logo img {width:132px;max-width:calc(100vw - 246px)}
  .cscom-unified .hdr-icon-btn.cscom-theme-toggle {width:40px;flex-basis:40px}
}
@media(max-width:359px) {
  .cscom-unified .hdr-right {gap:5px}
  .cscom-unified .hdr-icon-btn,.cscom-unified .hdr-burger {width:36px;min-width:36px}
  .cscom-unified .hdr-icon-btn.cscom-theme-toggle {width:36px;flex-basis:36px}
  .cscom-unified .hdr-logo img {max-width:calc(100vw - 219px)}
}

/* A generated logo variant for each palette, with original image colors preserved. */
.cscom-unified img.cscom-logo-light { display:none !important; }
html[data-cscom-theme="light"] .cscom-unified img.cscom-logo-dark { display:none !important; }
html[data-cscom-theme="light"] .cscom-unified img.cscom-logo-light { display:block !important; }
.cscom-unified :is(.hdr-logo,.csf2-logo) img { filter:none; }
.cscom-unified .hdr-logo img { height:auto; }
@media(min-width:651px) { .cscom-unified .hdr-logo img { width:200px; } }