/* Independent, versioned control — cached legacy styles cannot break it.
 * A native <select> is visible until JS confirms this sheet was loaded.
 */
:root { --danpod-switch-v2:ready; }
.site-header .theme-control[data-theme-switch="v2"] {
  flex:0 0 152px;
  width:152px;
  height:44px;
  display:flex;
  align-items:stretch;
  /* Borderless by design: the header is the surface; the active icon is the accent. */
  padding:3px;
  background:transparent;
  border:0;
  border-radius:0;
  box-shadow:none;
  min-width:0;
}
.site-header .theme-control[data-theme-switch="v2"] > select {
  width:100%;
  min-width:0;
  min-height:0;
  height:100%;
  padding:0 4px;
  font-size:12px;
  text-align:center;
}
.site-header .theme-control[data-theme-switch="v2"][data-enhanced="true"] > select {
  display:none;
}
.site-header .theme-control[data-theme-switch="v2"] .theme-switch-icons {
  width:100%;
  height:100%;
  min-width:0;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:2px;
}
.site-header .theme-control[data-theme-switch="v2"] .theme-choice {
  position:relative;
  display:grid;
  align-items:center;
  justify-items:center;
  width:100%;
  min-width:0;
  height:100%;
  margin:0;
  padding:0;
  color:var(--ink);
  background:transparent;
  border:0;
  border-radius:0;
  box-shadow:none;
  cursor:pointer;
  -webkit-tap-highlight-color:transparent;
  transition:background-color .14s ease,color .14s ease;
}
.site-header .theme-control[data-theme-switch="v2"] .theme-choice svg {
  width:20px;
  height:20px;
  max-width:none;
  display:block;
  pointer-events:none;
}
.site-header .theme-control[data-theme-switch="v2"] .theme-choice[aria-pressed="true"] {
  background:var(--lime);
  color:#161719;
  box-shadow:inset 0 0 0 1px #16171929;
}
.site-header .theme-control[data-theme-switch="v2"] .theme-choice:not([aria-pressed="true"]):hover {
  background:color-mix(in srgb,var(--blue) 12%,transparent);
}
.site-header .theme-control[data-theme-switch="v2"] .theme-choice:focus-visible {
  outline:2px solid var(--blue);
  outline-offset:-2px;
  z-index:1;
}
@media (prefers-reduced-motion:reduce) {
  .site-header .theme-control[data-theme-switch="v2"] .theme-choice { transition:none; }
}
/* Desktop: balance the control and the primary CTA without surrounding the icons
 * with a separate framed container. */
@media (min-width:851px) {
  .site-header .header-inner { gap:16px; }
  .site-header .desktop-nav { flex:1 1 auto; min-width:0; justify-content:center; gap:clamp(14px,2vw,26px); }
  .site-header .desktop-nav a { min-width:0; }
  .site-header .brand { flex:0 1 clamp(125px,18vw,275px); min-width:95px; }
  .site-header .theme-control[data-theme-switch="v2"] { flex-basis:152px; width:152px; }
  .site-header .header-contact {
    flex:0 0 152px;
    width:152px;
    height:44px;
    padding:0 10px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:9px;
    white-space:nowrap;
    line-height:1;
  }
}
@media (min-width:851px) and (max-width:1099px) {
  .site-header .header-inner { gap:12px; }
  .site-header .brand { flex:0 1 130px; min-width:95px; }
  .site-header .theme-control[data-theme-switch="v2"] { flex-basis:136px; width:136px; }
  .site-header .header-contact { flex-basis:136px; width:136px; }
  .site-header .desktop-nav { gap:12px; }
}
/* Mobile: the theme control and MENU are two balanced 44px-high peers. */
@media (max-width:850px) {
  .site-header .header-inner { gap:10px; }
  .site-header .brand { flex:1 1 auto; min-width:0; }
  .site-header .theme-control[data-theme-switch="v2"] { flex:0 0 108px; width:108px; height:44px; }
  .site-header .mobile-toggle {
    display:flex;
    flex:0 0 108px;
    align-items:center;
    justify-content:center;
    width:108px;
    min-width:108px;
    height:44px;
    padding:0 8px;
    line-height:1;
  }
}
@media (max-width:600px) {
  .site-header .header-inner { gap:8px; }
  .site-header .theme-control[data-theme-switch="v2"] { flex-basis:104px; width:104px; }
  .site-header .mobile-toggle { flex-basis:104px; width:104px; min-width:104px; }
  .site-header .theme-control[data-theme-switch="v2"] .theme-choice svg { width:19px; height:19px; }
}
@media (max-width:360px) {
  .site-header .header-inner { gap:6px; }
  .site-header .brand { font-size:29px; }
  .site-header .theme-control[data-theme-switch="v2"] { flex-basis:88px; width:88px; height:42px; }
  .site-header .mobile-toggle { flex-basis:88px; min-width:88px; width:88px; height:42px; font-size:11px; padding:0 5px; }
  .site-header .theme-control[data-theme-switch="v2"] .theme-choice svg { width:17px; height:17px; }
}