/* Preserve the existing reference shell's compact-header behavior without its
   application router. The authored desktop/mobile breakpoints remain in place. */
.cb-site-header > div:first-child,
.cb-site-header > div:first-child > nav { transition: padding .5s, max-width .5s, border-radius .5s; }
.cb-site-header.cb-beta-compact > div:first-child { padding: 10px 12px 0; background: transparent; }
.cb-site-header.cb-beta-compact > div:first-child > nav {
  max-width: 56rem;
  border-radius: 12px;
  background: var(--card);
  padding: 8px 8px 8px 14px;
  box-shadow: 0 10px 20px rgb(0 0 0 / 5%);
}
.cb-site-header.cb-beta-compact > div:first-child > nav > span[aria-hidden] { opacity: 1; }
.cb-site-header .cb-language[hidden] { display: none; }
@media (min-width: 640px) {
  .cb-site-header.cb-beta-compact > div:first-child { padding-inline: 24px; }
}
@media (min-width: 1200px) {
  /* Match the current 3011 skin's compact navigation width (the strip itself
     retains the original 56rem width). */
  .cb-site-header.cb-beta-compact > div:first-child > nav { max-width: min(960px, calc(100vw - 64px)); }
}
@media (prefers-reduced-motion: reduce) {
  .cb-site-header > div:first-child,
  .cb-site-header > div:first-child > nav,
  .cb-site-header .cb-offer { transition: none; }
}