/* RocketShip shared header polish, 6 November 2026. Header and menus only; article layout is untouched. */
html body #Top_bar {
  --rsh-header-bg:#080b13; --rsh-header-text:#f5f3ef; --rsh-header-muted:#c9d1de;
  --rsh-header-accent:#ff8067; --rsh-menu-surface:#f5f2ec; --rsh-menu-ink:#0d1b3e; --rsh-menu-hover:#ebe5da; --rsh-menu-accent:#b33c28;
  background-color:var(--rsh-header-bg)!important;
}

/* Logo: the SVG wordmark keeps its 210x55 proportions in every slot. */
html body #Top_bar #logo {display:flex!important;align-items:center}
html body #Top_bar #logo img.rsh-logo {width:auto!important;max-width:none!important;height:50px!important;max-height:none!important;vertical-align:middle}
html body #Top_bar.is-sticky #logo img.rsh-logo {height:44px!important}

/* Desktop menu (UberMenu): Open Sans in title case, lighter weight and tighter rhythm beside Spectral headings. */
html body #Top_bar .menu_wrapper>#menu {margin-left:auto;background:transparent!important}
html body #Top_bar .menu_wrapper .ubermenu-main {background:transparent!important}
html body #Top_bar .ubermenu-main .ubermenu-item-level-0>.ubermenu-target {
  padding:15px 18px!important;color:var(--rsh-header-muted)!important;background:transparent!important;
  font-size:15px!important;font-weight:600!important;line-height:1.3!important;letter-spacing:.01em!important;text-transform:none!important;
  transition:color .15s ease;
}
html body #Top_bar .ubermenu-main .ubermenu-item-level-0.ubermenu-has-submenu-drop>.ubermenu-target {padding-right:34px!important}
html body #Top_bar .ubermenu-main .ubermenu-item-level-0>.ubermenu-target>.ubermenu-sub-indicator {right:16px!important;font-size:12px!important;margin-top:-6px!important;opacity:.75}
html body #Top_bar .ubermenu-main .ubermenu-item-level-0>.ubermenu-target .ubermenu-target-title {font:inherit!important;letter-spacing:inherit!important;text-transform:none!important}
html body #Top_bar .ubermenu-main .ubermenu-item-level-0:is(:hover,.ubermenu-active)>.ubermenu-target,
html body #Top_bar .ubermenu-main .ubermenu-item-level-0:is(.ubermenu-current-menu-item,.ubermenu-current-menu-ancestor)>.ubermenu-target {color:var(--rsh-header-text)!important}
html body #Top_bar .ubermenu-main .ubermenu-item-level-0:is(.ubermenu-current-menu-item,.ubermenu-current-menu-ancestor):not(.menuCtBtn)>.ubermenu-target .ubermenu-target-title {box-shadow:inset 0 -2px 0 var(--rsh-header-accent);padding-bottom:3px}

/* Dropdowns: ivory panel matching the article surfaces instead of the default grey. */
html body #Top_bar .ubermenu-main .ubermenu-submenu-type-flyout {background:var(--rsh-menu-surface)!important;border-radius:10px!important;padding:8px 0!important;min-width:240px!important;box-shadow:0 14px 34px rgba(8,11,19,.32)!important;border:0!important}
html body #Top_bar .ubermenu-main .ubermenu-submenu-type-flyout .ubermenu-target {
  padding:10px 20px!important;color:var(--rsh-menu-ink)!important;background:transparent!important;
  font-size:14px!important;font-weight:500!important;line-height:1.4!important;letter-spacing:.005em!important;text-transform:none!important;
}
html body #Top_bar .ubermenu-main .ubermenu-submenu-type-flyout .ubermenu-item:is(:hover,.ubermenu-current-menu-item)>.ubermenu-target {background:var(--rsh-menu-hover)!important;color:var(--rsh-menu-accent)!important}

/* Strategy-call CTA: same pill, calmer type, brand hover. */
html body #Top_bar .ubermenu-main .menuCtBtn>.ubermenu-target {padding-left:12px!important;padding-right:0!important}
html body #Top_bar .ubermenu-main .menuCtBtn>.ubermenu-target>span {
  display:inline-block;padding:10px 20px!important;border-radius:999px!important;
  background:var(--rsh-menu-surface)!important;color:var(--rsh-menu-ink)!important;
  font-size:14px!important;font-weight:600!important;letter-spacing:.01em!important;text-transform:none!important;
  transition:background-color .15s ease,color .15s ease;
}
html body #Top_bar .ubermenu-main .menuCtBtn>.ubermenu-target:is(:hover,:focus-visible)>span {background:var(--rsh-header-accent)!important;color:var(--rsh-menu-ink)!important}

/* Visible keyboard focus across header controls. */
html body #Top_bar :is(#logo,.ubermenu-target,.responsive-menu-toggle):focus-visible,
html body #Side_slide a:focus-visible {outline:2px solid var(--rsh-header-accent)!important;outline-offset:2px;border-radius:4px}

/* Mobile/tablet toggle: brand colour, 44px target, centred on the logo. */
html body #Top_bar .responsive-menu-toggle {width:44px!important;height:44px!important;line-height:44px!important;margin-top:-22px!important;text-align:center;color:var(--rsh-header-text)!important;border-radius:6px}
html body #Top_bar .responsive-menu-toggle i {font-size:22px!important;line-height:44px!important;color:inherit!important}
html body #Top_bar .responsive-menu-toggle:hover {color:var(--rsh-header-accent)!important}

/* Slide-out menu: brand canvas, readable sizes, clear hierarchy. Width stays 250px for Betheme's slide script. */
html body #Side_slide {background-color:#0b111e!important;border-bottom-color:#0b111e!important}
html body #Side_slide .close-wrapper .close {color:var(--rsh-header-muted, #c9d1de)!important;width:44px;height:44px;line-height:44px}
html body #Side_slide .close-wrapper .close:hover {color:#ff8067!important}
html body #Side_slide #nav_menu {padding:8px 22px 28px!important}
html body #Side_slide #menu-mobile-menu>li {padding:0!important;border-bottom:1px solid rgba(245,243,239,.1);position:relative}
html body #Side_slide #menu-mobile-menu li a {display:block;padding:13px 32px 13px 0!important;color:#f5f3ef!important;font-size:16px!important;font-weight:600!important;line-height:1.35!important;letter-spacing:.01em}
html body #Side_slide #menu-mobile-menu .sub-menu {padding:0 0 10px 12px!important;border-left:1px solid rgba(245,243,239,.14);margin:0 0 4px!important}
html body #Side_slide #menu-mobile-menu .sub-menu li {padding:0!important}
html body #Side_slide #menu-mobile-menu .sub-menu a {padding:8px 0!important;color:#c9d1de!important;font-size:14px!important;font-weight:400!important}
html body #Side_slide #menu-mobile-menu li:is(:hover,.current-menu-item)>a {color:#ff8067!important}
html body #Side_slide #menu-mobile-menu .menu-arr {top:12px!important;width:24px!important;height:24px!important;color:#c9d1de!important}
html body #Side_slide #menu-mobile-menu>li.menuCtBtn {border-bottom:0;padding-top:20px!important}
html body #Side_slide #menu-mobile-menu>li.menuCtBtn>a {display:inline-block;padding:11px 22px!important;border-radius:999px;background:#f5f2ec;color:#0d1b3e!important;font-size:15px!important}
html body #Side_slide #menu-mobile-menu>li.menuCtBtn>a:hover {background:#ff8067}

@media (max-width:767px) {
  html body #Top_bar #logo img.rsh-logo {height:40px!important}
  html body #Top_bar .top_bar_left .menu_wrapper>.responsive-menu-toggle {top:40px!important}
}
