/* Header refresh. Loaded after legacy responsive styles. */
body .di-site-header {
  height: 72px !important; min-height: 72px !important;
  display: flex !important; align-items: center !important;
  justify-content: space-between !important; gap: 24px !important;
  padding: 0 clamp(20px, 4vw, 64px) !important;
  background: #fff !important; border-bottom: 1px solid #e7edf1 !important;
  box-shadow: none !important; z-index: 100 !important;
}
body .di-site-header .di-brand { min-height: 0 !important; flex-shrink: 0; font-size: 20px !important; }
body .di-site-header .di-brand img { width: auto !important; max-width: 240px !important; max-height: 40px !important; }
body .di-site-header nav { display: flex !important; align-items: center !important; gap: clamp(16px, 2vw, 30px) !important; width: auto !important; }
body .di-site-header nav > a {
  display: inline-flex; align-items: center; justify-content: center;
  position: relative; min-height: 44px !important; padding: 0 !important;
  font-size: 14px !important; font-weight: 600 !important; letter-spacing: 0 !important;
  line-height: 1.2 !important; white-space: nowrap; text-decoration: none !important;
  color: #233b4a !important; background: transparent !important; border: 0 !important;
  border-radius: 0 !important; box-shadow: none !important;
}
body .di-site-header nav > a::after { display: none !important; }
body .di-site-header nav > a[aria-current="page"]::after {
  content: ''; display: block !important; position: absolute; bottom: 3px;
  left: 0; right: 0; height: 2px; background: #0785c1; border-radius: 2px;
}
body .di-site-header nav > a.difi-business-cta { color: #087da9 !important; }
body .di-site-header nav > a.difi-business-cta::before { content: '+'; margin-right: 7px; font-size: 20px; font-weight: 400; }
body .di-site-header nav > a.di-nav-cta:not(.difi-business-cta) {
  background: #ff692f !important; color: #fff !important;
  min-height: 40px !important; padding: 0 17px !important; border-radius: 9px !important;
}
body .di-site-header nav > a:hover { color: #007cae !important; }
body .di-site-header nav > a.di-nav-cta:not(.difi-business-cta):hover { background: #e95520 !important; color: #fff !important; }
body .di-site-header a:focus-visible, body .di-site-header summary:focus-visible { outline: 3px solid #0785c1; outline-offset: 4px; }
/* The category navigation stays in the page flow, preventing header collisions. */
body .difi-category-strip { position: relative !important; top: auto !important; z-index: 10 !important; }
@media (max-width: 1050px) {
  body .di-site-header { height: 62px !important; min-height: 62px !important; padding: 0 16px !important; gap: 14px !important; flex-wrap: nowrap !important; }
  body .di-site-header .di-brand { width: 38px !important; flex: 0 0 38px !important; padding: 0 !important; overflow: hidden; }
  body .di-site-header .di-brand img { display: none !important; }
  body .di-site-header .di-brand span, body .di-site-header .di-brand strong { display: none !important; }
  body .di-site-header .di-brand::before { content: 'DI'; display: flex; align-items: center; justify-content: center; width: 36px; height: 36px; margin: 0; border-radius: 10px; background: #0785c1; color: white; font-size: 14px; font-weight: 800; font-style: italic; }
  body .di-site-header nav { flex: 1 1 auto !important; justify-content: flex-end !important; gap: clamp(16px, 5vw, 28px) !important; overflow: visible !important; background: transparent !important; }
  body .di-site-header nav > a { font-size: 14px !important; padding: 0 !important; }
  body .di-site-header nav > .difi-mobile-extra { display: none !important; }
  body .di-site-header .difi-more-menu { display: block !important; position: relative; min-width: 44px !important; }
  body .di-site-header .difi-more-menu summary { display: flex; align-items: center; justify-content: center; gap: 6px; min-height: 44px !important; padding: 0 !important; font-size: 14px !important; font-weight: 600 !important; color: #233b4a !important; cursor: pointer; list-style: none; }
  body .di-site-header .difi-more-menu summary::-webkit-details-marker { display: none; }
  body .di-site-header .difi-more-menu summary::after { content: '⌄'; }
  body .di-site-header .difi-more-menu > div { position: absolute; top: calc(100% + 9px) !important; right: 0 !important; width: 230px; max-width: calc(100vw - 32px); padding: 8px; background: #fff; border: 1px solid #e7edf1; border-radius: 14px; box-shadow: 0 14px 36px #102b4220; }
  body .di-site-header .difi-more-menu > div a { display: flex !important; align-items: center; min-height: 46px !important; padding: 0 12px !important; font-size: 14px !important; font-weight: 500 !important; color: #233b4a !important; background: transparent !important; border-radius: 7px; }
  body .di-site-header .difi-more-menu > div a:hover { background: #f0f7fa !important; }
}