/**
 * NewsDesk v2.2.81
 * Desktop and mobile reference header matching the provided layouts.
 */
.nd-ref-desktop,
.nd-ref-mobile-header,
.nd-ref-mobile-breaking {
  display: none;
}

.nd-ref-shortcut-visual {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.nd-ref-shortcut-custom-image {
  display: block;
  width: 22px;
  height: 22px;
  object-fit: contain;
  border-radius: 3px;
}

@media (min-width:981px) {
  :root { --dv-header: 146px; }

  html body header.site-header {
    display: block !important;
    visibility: visible !important;
    height: 146px !important;
    top: 0;
    left: 0;
    right: 0;
    background: transparent !important;
    border-bottom: 0 !important;
    z-index: 1200 !important;
    overflow: visible !important;
  }
  html body.admin-bar header.site-header { top: 32px !important; }

  html body header.site-header > .site-header-inner,
  html body header.site-header > .nd-ref-mobile-header,
  html body header.site-header > .nd-ref-mobile-breaking {
    display: none !important;
  }

  html body header.site-header > .nd-ref-desktop {
    display: grid !important;
    grid-template-rows: 46px 52px 48px;
    width: 100%;
    height: 146px;
    max-width: none;
    overflow: visible;
    font-family: Arial, Helvetica, sans-serif;
  }

  .nd-ref-desktop,
  .nd-ref-desktop * { box-sizing: border-box; }

  .nd-ref-navigation {
    display: grid;
    grid-template-columns: max-content minmax(0,1fr);
    gap: 22px;
    align-items: center;
    min-width: 0;
    height: 46px;
    padding: 0 17px;
    background: #f9f9f7;
    color: #2b3035;
    border-bottom: 1px solid #e7e7e7;
    position: relative;
    z-index: 15;
  }

  .nd-ref-datetime {
    display: flex;
    align-items: center;
    gap: 4px;
    white-space: nowrap;
    line-height: 1;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    color: #344054;
  }
  .nd-ref-date-divider { padding: 0 1px; }

  html body header.site-header .nd-ref-header-menu {
    display: flex !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    width: 100% !important;
    height: 46px !important;
    min-width: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: visible !important;
    align-self: center !important;
  }
  html body header.site-header .nd-ref-header-menu > ul {
    display: flex !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    flex-wrap: nowrap !important;
    gap: 0 !important;
    width: max-content;
    max-width: none !important;
    height: 46px;
    padding: 0 !important;
    margin: 0 !important;
    white-space: nowrap !important;
    overflow: visible !important;
  }
  .nd-ref-header-menu .darkvideo-header-menu > li { flex: 0 0 auto; }
  .nd-ref-header-menu .darkvideo-header-menu > li > a {
    display: flex;
    align-items: center;
    min-height: 46px !important;
    height: 46px !important;
    padding: 0 clamp(8px, .85vw, 15px) !important;
    border: 0 !important;
    background: transparent;
    color: #32383d !important;
    font-size: clamp(12px, 1vw, 16px) !important;
    font-weight: 700 !important;
    line-height: 1.1;
    white-space: nowrap;
  }
  .nd-ref-header-menu .darkvideo-header-menu > li.current-menu-item > a,
  .nd-ref-header-menu .darkvideo-header-menu > li.current-menu-ancestor > a,
  .nd-ref-header-menu .darkvideo-header-menu > li > a:hover,
  .nd-ref-header-menu .darkvideo-header-menu > li > a:focus-visible {
    color: #df140e !important;
    background: transparent !important;
  }
  .nd-ref-header-menu .darkvideo-header-menu .sub-menu {
    background: #fff;
    border: 1px solid #e4e4e4;
    z-index: 20000 !important;
  }
  .nd-ref-header-menu .darkvideo-header-menu .sub-menu a { font-size: 13px; color: #2d3035; }
  .nd-ref-header-menu .darkvideo-header-menu .sub-menu a:hover { color: #d43a00; background: #fff4e7; }
  .nd-ref-header-menu .darkvideo-header-menu > li > .sub-menu { left: 0 !important; right: auto !important; top: 100% !important; }

  .nd-ref-orange {
    height: 52px;
    padding: 0 15px;
    display: flex;
    align-items: center;
    gap: 11px;
    min-width: 0;
    position: relative;
    z-index: 12;
    background: #e86900;
    color: #fff;
  }
  .nd-ref-orange .nd-ref-branding {
    display: flex !important;
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: 210px;
    max-height: 52px;
    align-items: center;
    justify-content: flex-start;
    overflow: visible !important;
  }
  .nd-ref-branding .custom-logo-link { margin: 0 !important; display: flex; align-items: center; max-height: 46px; }
  .nd-ref-branding .custom-logo { display: block; width: auto; max-width: 134px !important; max-height: 43px !important; height: auto !important; object-fit: contain; }
  .nd-ref-branding.nd-ref-branding-with-logo > div { display: none; }
  .nd-ref-branding:not(.nd-ref-branding-with-logo) .site-title { font-size: 18px !important; font-weight: 800 !important; white-space: nowrap; }
  .nd-ref-branding .site-title a { color: #fff !important; }

  .nd-ref-shortcuts {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 13px;
    margin-left: auto;
    min-width: 0;
    height: 52px;
  }
  .nd-ref-shortcut {
    display: inline-flex;
    position: relative;
    flex: 0 0 auto;
    min-width: 47px;
    height: 47px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1px;
    text-decoration: none !important;
    color: #fff !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    line-height: 1.05;
    text-align: center;
    white-space: nowrap;
  }
  .nd-ref-shortcut svg {
    width: 23px;
    height: 23px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
    display: block;
  }
  .nd-ref-shortcut-facebook svg { stroke-width: 2.7; width: 22px; }
  .nd-ref-shortcut:not(.nd-ref-shortcut-unset):hover,
  .nd-ref-shortcut:not(.nd-ref-shortcut-unset):focus-visible { color: #ffefda !important; }
  .nd-ref-shortcut-unset { cursor: default; }
  .nd-ref-shortcut-count {
    position: absolute;
    top: 1px;
    right: 0;
    min-width: 16px;
    height: 16px;
    padding: 0 3px;
    border-radius: 10px;
    background: #d11219;
    color: #fff;
    line-height: 16px;
    font-size: 10px;
  }

  .nd-ref-utilities {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    flex: 0 0 auto;
    position: relative;
    z-index: 18;
    height: 52px;
    min-width: 0;
  }
  .nd-ref-search-area { position: relative; display: flex; align-items: center; }
  .nd-ref-search-toggle {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0;
    padding: 0;
    width: 34px;
    height: 35px;
    background: transparent;
    color: #fff;
    cursor: pointer;
    border-radius: 5px;
  }
  .nd-ref-search-toggle:hover,
  .nd-ref-search-toggle:focus-visible { background: rgba(255,255,255,.17); }
  .nd-ref-search-toggle svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 2.6; stroke-linecap: round; }

  .nd-ref-search-form {
    position: absolute;
    top: calc(100% + 7px);
    right: 0;
    z-index: 22000;
    width: min(340px, 80vw);
    padding: 10px;
    background: #fff;
    border-radius: 7px;
    box-shadow: 0 12px 30px rgba(0,0,0,.22);
    border: 1px solid #ececec;
  }
  .nd-ref-search-form[hidden] { display: none !important; }
  .nd-ref-search-form .darkvideo-search-form { width: 100%; }
  .nd-ref-search-form .darkvideo-search-form .search-field { height: 38px; border: 1px solid #ddd; background: #fff; color: #202020; font-size: 13px; width: 100%; }
  .nd-ref-search-form .darkvideo-search-form .search-submit { height: 38px; width: 40px; background: #e86900; color: #fff; }

  .nd-ref-orange .nd-ref-studio {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 30px !important;
    height: 30px !important;
    padding: 0 10px !important;
    border-radius: 6px !important;
    border: 1px solid #ffa500 !important;
    background: #091c3c !important;
    color: #ffdb00 !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    white-space: nowrap;
  }
  .nd-ref-orange .nd-ref-desk-link {
    min-height: 27px !important;
    height: 27px !important;
    background: #bd5000 !important;
    color: #fff !important;
    border: 1px solid #ffa34a !important;
    border-radius: 5px !important;
    padding: 0 7px !important;
    font-size: 10px !important;
  }
  .nd-ref-orange .nd-ref-dark-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px !important;
    min-height: 30px !important;
    height: 30px !important;
    border: 1px solid #ffb352 !important;
    border-radius: 6px !important;
    background: #e56800 !important;
    color: #fff !important;
    padding: 0 9px !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    white-space: nowrap;
  }
  .nd-ref-dark-button:hover,
  .nd-ref-dark-button:focus-visible { background: #c55600 !important; }
  .nd-ref-dark-button .darkvideo-theme-icon { font-size: 16px; }

  .nd-ref-language-control { display: flex; align-items: center; min-width: 0; }
  .nd-ref-language-control .darkvideo-language-button {
    min-width: 30px !important;
    width: 30px !important;
    height: 30px !important;
    min-height: 30px !important;
    padding: 0 !important;
    background: rgba(255,255,255,.13) !important;
    border: 1px solid rgba(255,255,255,.45) !important;
    border-radius: 5px !important;
    color: #fff !important;
    gap: 0 !important;
  }
  .nd-ref-language-control .darkvideo-language-globe { width: 19px !important; height: 19px !important; flex: 0 0 19px !important; }
  .nd-ref-language-control .darkvideo-language-label,
  .nd-ref-language-control .darkvideo-language-chevron { display: none !important; }
  .nd-ref-language-control .darkvideo-language-dropdown { top: 34px !important; right: 0 !important; }

  .nd-ref-breaking {
    height: 48px;
    display: grid;
    grid-template-columns: 138px minmax(0,1fr);
    align-items: stretch;
    min-width: 0;
    background: #005500;
    color: #fff;
    position: relative;
    z-index: 8;
    overflow: hidden;
  }
  .nd-ref-breaking::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(120deg, transparent 0%, rgba(255,255,255,.13) 30%, transparent 56%);
    transform: translateX(-130%);
    animation: ndTickerSweep 3.2s linear infinite;
    pointer-events: none;
  }
  .nd-ref-breaking-title {
    position: relative;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 0;
    padding: 0 10px;
    border-right: 1px solid rgba(255,255,255,.75);
    color: #fff;
    font-size: 16px;
    font-style: italic;
    font-weight: 900;
    line-height: 1.01;
    text-align: center;
    text-shadow: 0 1px 1px rgba(0,0,0,.25);
    animation: ndBreakingPulse 1.8s ease-in-out infinite;
  }
  .nd-ref-breaking-title span:first-child { letter-spacing: .4px; }
  .nd-ref-breaking-articles { min-width: 0; width: 100%; height: 48px; overflow: hidden; }
  .nd-ref-breaking-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    height: 48px;
    min-width: 0;
    padding: 4px 13px 4px 9px;
    color: #fff !important;
    text-decoration: none !important;
    position: relative;
    z-index: 1;
  }
  .nd-ref-breaking-item[hidden] { display: none !important; }
  .nd-ref-breaking-item:hover .nd-ref-breaking-headline { text-decoration: underline; }
  .nd-ref-breaking-headline {
    display: block;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 16px;
    font-weight: 800;
    line-height: 1.45;
    padding-top: 2px;
    padding-bottom: 1px;
  }
  .nd-ref-breaking-headline.nd-typing { border-right: 2px solid rgba(255,255,255,.9); animation: ndCaretBlink .65s step-end infinite; }
  .nd-ref-breaking-thumb {
    width: 80px !important;
    height: 42px !important;
    flex: 0 0 80px;
    max-width: none !important;
    object-fit: cover;
    display: block;
    border-radius: 3px;
  }
  .nd-ref-breaking-empty { display: flex; align-items: center; height: 48px; padding: 0 10px; color: #d7ebd7; font-size: 14px; }

  body.darkvideo-theme-mode-dark .nd-ref-navigation { background: #1a1e22 !important; border-bottom-color: #3d4348 !important; color: #fff !important; }
  body.darkvideo-theme-mode-dark .nd-ref-navigation .nd-ref-datetime { color: #e9ecef !important; }
  body.darkvideo-theme-mode-dark .nd-ref-header-menu .darkvideo-header-menu > li > a { color: #f0f3f5 !important; }
  body.darkvideo-theme-mode-dark .nd-ref-header-menu .darkvideo-header-menu > li.current-menu-item > a,
  body.darkvideo-theme-mode-dark .nd-ref-header-menu .darkvideo-header-menu > li > a:hover { color: #ff7a3b !important; }
  body.darkvideo-theme-mode-dark .nd-ref-header-menu .darkvideo-header-menu .sub-menu { background: #1b1f22; border-color: #373c40; }
  body.darkvideo-theme-mode-dark .nd-ref-header-menu .darkvideo-header-menu .sub-menu a { color: #f5f7f8; }
  body.darkvideo-theme-mode-dark .nd-ref-header-menu .darkvideo-header-menu .sub-menu a:hover { color: #ffb37d; background: #242a2f; }
  body.darkvideo-theme-mode-dark .nd-ref-breaking { background: #004a00 !important; }
}

@media (min-width:981px) and (max-width:1180px) {
  .nd-ref-shortcuts { gap: 7px; }
  .nd-ref-shortcut { min-width: 41px; font-size: 9px !important; }
  .nd-ref-shortcut svg, .nd-ref-shortcut-custom-image { width: 20px; height: 20px; }
  .nd-ref-utilities { gap: 4px; }
  .nd-ref-orange .nd-ref-studio { font-size: 10px !important; padding: 0 7px !important; }
  .nd-ref-orange .nd-ref-desk-link { font-size: 9px !important; padding: 0 5px !important; }
}

@media (max-width:980px) {
  /* 45px date/menu + 72px orange shortcuts + 52px breaking = 169px. */
  :root { --dv-header: 169px; }

  html body header.site-header,
  html body.darkvideo-home-landing header.site-header {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    top: 0 !important;
    width: 100% !important;
    height: var(--dv-header) !important;
    min-height: var(--dv-header) !important;
    z-index: 1200 !important;
    overflow: visible !important;
    background: transparent !important;
    border: 0 !important;
  }
  html body.admin-bar header.site-header,
  html body.admin-bar.darkvideo-home-landing header.site-header { top: 32px !important; }

  html body header.site-header > .nd-ref-desktop,
  html body header.site-header > .site-header-inner {
    display: none !important;
  }

  html body header.site-header > .nd-ref-mobile-header {
    display: block !important;
    width: 100%;
    background: transparent;
    font-family: Arial, Helvetica, sans-serif;
  }

  .nd-ref-mobile-nav-row {
    display: flex;
    align-items: center;
    gap: 12px;
    height: 45px;
    padding: 0 12px;
    background: #f6f6f5;
    border-bottom: 1px solid #ececea;
    overflow: hidden;
  }
  .nd-ref-mobile-datetime {
    flex: 0 0 auto;
    font-size: clamp(11px, 2.3vw, 18px);
    color: #2e3135;
    white-space: nowrap;
    position: relative;
    z-index: 2;
    background: #f6f6f5;
  }
  .nd-ref-mobile-topnav {
    flex: 1 1 auto;
    min-width: 0;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    touch-action: pan-x;
    cursor: grab;
    user-select: none;
  }
  .nd-ref-mobile-topnav.is-dragging { cursor: grabbing; }
  .nd-ref-mobile-topnav::-webkit-scrollbar { display: none; }
  .nd-ref-mobile-topnav > ul,
  .nd-ref-mobile-topnav .darkvideo-header-menu {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0 !important;
    height: 45px !important;
    padding: 0 !important;
    margin: 0 !important;
    white-space: nowrap;
    min-width: max-content;
  }
  .nd-ref-mobile-topnav .darkvideo-header-menu > li { flex: 0 0 auto; }
  .nd-ref-mobile-topnav .darkvideo-header-menu > li > a {
    display: inline-flex;
    align-items: center;
    height: 45px;
    padding: 0 16px 0 0;
    color: #32383d !important;
    font-size: clamp(13px, 2.7vw, 17px) !important;
    font-weight: 700 !important;
    border: 0 !important;
  }
  .nd-ref-mobile-topnav .darkvideo-header-menu > li.current-menu-item > a,
  .nd-ref-mobile-topnav .darkvideo-header-menu > li.current-menu-ancestor > a,
  .nd-ref-mobile-topnav .darkvideo-header-menu > li > a:hover { color: #e11c14 !important; }
  .nd-ref-mobile-topnav .sub-menu,
  .nd-ref-mobile-topnav .menu-arrow { display: none !important; }
  .nd-ref-mobile-topnav a { user-select: none; -webkit-user-select: none; }

  .nd-ref-mobile-orange {
    display: grid;
    grid-template-columns: auto minmax(0,1fr) auto;
    align-items: center;
    gap: 10px;
    height: 72px;
    padding: 0 10px;
    background: #e86900;
    color: #fff;
  }
  .nd-ref-mobile-branding {
    display: flex !important;
    align-items: center;
    min-width: 0;
    max-width: 90px;
  }
  .nd-ref-mobile-branding .custom-logo { max-width: 84px !important; max-height: 52px !important; }
  .nd-ref-mobile-branding.nd-ref-branding-with-logo > div { display: none !important; }
  .nd-ref-mobile-branding .site-title { font-size: 16px !important; }

  .nd-ref-shortcuts-mobile {
    justify-content: flex-start;
    align-items: center;
    gap: 12px;
    margin-left: 0;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    height: 72px;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    padding: 0 6px;
    min-width: 0;
  }
  .nd-ref-shortcuts-mobile::-webkit-scrollbar { display: none; }
  .nd-ref-shortcuts-mobile .nd-ref-shortcut-unset { cursor: default !important; }
  .nd-ref-shortcuts-mobile .nd-ref-shortcut-count { top: 0; right: 2px; }
  .nd-ref-shortcuts-mobile .nd-ref-shortcut:focus-visible { outline: 2px solid white; outline-offset: -3px; }

  /* The desktop definition lives in a min-width media query. Repeat the
     complete layout for mobile; otherwise browser defaults stack icons. */
  html body header.site-header .nd-ref-shortcuts-mobile .nd-ref-shortcut {
    display: inline-flex !important;
    flex: 0 0 58px !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    position: relative !important;
    box-sizing: border-box !important;
    min-width: 58px !important;
    max-width: 58px !important;
    width: 58px !important;
    height: 60px !important;
    margin: 0 !important;
    padding: 2px 0 !important;
    gap: 4px !important;
    border: 0 !important;
    background: transparent !important;
    color: #fff !important;
    text-decoration: none !important;
    text-align: center !important;
    white-space: nowrap !important;
    font-size: 9px !important;
    line-height: 1 !important;
    overflow: visible !important;
    vertical-align: middle !important;
  }
  html body header.site-header .nd-ref-shortcuts-mobile .nd-ref-shortcut-visual {
    display: inline-flex !important;
    position: relative !important;
    align-items: center !important;
    justify-content: center !important;
    width: 30px !important;
    height: 30px !important;
    min-height: 30px !important;
    flex: 0 0 30px !important;
    color: #fff !important;
  }
  html body header.site-header .nd-ref-shortcuts-mobile .nd-ref-shortcut svg {
    display: block !important;
    width: 28px !important;
    height: 28px !important;
    max-width: 28px !important;
    flex: 0 0 28px !important;
    fill: none !important;
    stroke: #fff !important;
    stroke-width: 1.85 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
    background: transparent !important;
  }
  html body header.site-header .nd-ref-shortcuts-mobile .nd-ref-shortcut-facebook svg {
    stroke-width: 2.45 !important;
  }
  html body header.site-header .nd-ref-shortcuts-mobile .nd-ref-shortcut-custom-image {
    display: block !important;
    width: 28px !important;
    height: 28px !important;
    max-width: 28px !important;
    flex: 0 0 28px !important;
    object-fit: contain !important;
    /* Preserve colors of separately uploaded branding images. */
    filter: none !important;
  }
  html body header.site-header .nd-ref-shortcuts-mobile .nd-ref-shortcut-label {
    display: block !important;
    position: static !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: nowrap !important;
    line-height: 1.08 !important;
    font-size: 9px !important;
    font-weight: 800 !important;
    letter-spacing: 0 !important;
    text-transform: uppercase !important;
    text-align: center !important;
    color: #fff !important;
  }

  .nd-ref-mobile-tools {
    display: flex;
    align-items: center;
    gap: 8px;
    justify-self: end;
    flex: 0 0 auto;
  }
  .nd-ref-mobile-search-area { position: static; }
  .nd-ref-mobile-search-toggle,
  .nd-ref-mobile-tools .mobile-menu-button {
    width: 46px !important;
    height: 46px !important;
    min-width: 46px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #fff !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    box-shadow: none !important;
  }
  .nd-ref-mobile-search-toggle svg { width: 28px; height: 28px; stroke-width: 2.4; }
  .nd-ref-mobile-tools .mobile-menu-button {
    border-radius: 14px !important;
    background: rgba(0,0,0,.35) !important;
    border: 2px solid rgba(255,255,255,.18) !important;
    box-shadow: 0 5px 12px rgba(0,0,0,.18) !important;
  }
  .nd-ref-mobile-tools .mobile-menu-button svg { width: 34px; height: 34px; }
  .nd-ref-mobile-tools .mobile-menu-bar {
    fill: none;
    stroke: currentColor;
    stroke-width: 2.5;
    stroke-linecap: round;
    transition: transform .2s ease, opacity .2s ease;
  }
  body.mobile-nav-open .nd-ref-mobile-tools .mobile-menu-bar-1 { transform: translateY(7px) rotate(45deg); }
  body.mobile-nav-open .nd-ref-mobile-tools .mobile-menu-bar-2 { opacity: 0; }
  body.mobile-nav-open .nd-ref-mobile-tools .mobile-menu-bar-3 { transform: translateY(-7px) rotate(-45deg); }

  .nd-ref-mobile-search-form {
    position: absolute;
    top: 107px;
    right: 8px;
    left: 8px;
    width: auto;
    padding: 8px;
    z-index: 1400;
  }

  html body header.site-header > .nd-ref-mobile-breaking {
    display: grid !important;
    grid-template-columns: 88px minmax(0,1fr);
    width: 100% !important;
    height: 52px !important;
    min-height: 52px !important;
    background: #005500 !important;
    color: #fff !important;
    z-index: 1 !important;
    position: relative !important;
    overflow: hidden !important;
  }
  html body header.site-header .nd-ref-mobile-breaking::before { animation-duration: 2.1s; display:block !important; opacity:1 !important; background: linear-gradient(120deg, transparent 0%, rgba(255,255,255,.22) 34%, transparent 58%) !important; }
  html body header.site-header .nd-ref-mobile-breaking .nd-ref-breaking-title {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-direction: column !important;
    gap: 0 !important;
    height: 52px !important;
    padding: 1px 6px 0 !important;
    border-right: 1px solid rgba(255,255,255,.65) !important;
    color: #fff !important;
    font-style: italic !important;
    font-weight: 900 !important;
    line-height: 1.02 !important;
    text-align: center !important;
    font-size: 12px !important;
  }
  html body header.site-header .nd-ref-mobile-breaking .nd-ref-breaking-articles { min-width: 0 !important; width: 100% !important; height: 52px !important; overflow: hidden !important; }
  html body header.site-header .nd-ref-mobile-breaking .nd-ref-breaking-item {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    min-width: 0 !important;
    height: 52px !important;
    color: #fff !important;
    text-decoration: none !important;
    padding: 5px 8px 4px !important;
    gap: 8px !important;
    position: relative !important;
    z-index: 2 !important;
  }
  html body header.site-header .nd-ref-mobile-breaking .nd-ref-breaking-item[hidden] { display: none !important; }
  html body header.site-header .nd-ref-mobile-breaking .nd-ref-breaking-empty { display: flex !important; align-items: center !important; height: 52px !important; padding: 0 8px !important; color: #e1f0e1 !important; font-size: 12px !important; }
  html body header.site-header .nd-ref-mobile-breaking .nd-ref-breaking-headline {
    display: block !important;
    min-width: 0 !important;
    font-weight: 800 !important;
    font-size: clamp(13px, 2.8vw, 18px) !important;
    line-height: 1.42 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    padding-top: 2px !important;
    padding-bottom: 1px !important;
  }
  html body header.site-header .nd-ref-mobile-breaking .nd-ref-breaking-thumb {
    display: block !important;
    width: 58px !important;
    height: 40px !important;
    flex: 0 0 58px !important;
    max-width: none !important;
    object-fit: cover !important;
    border-radius: 4px !important;
  }

  html body .dv-mobile-home .dvld-home-breaking-panel { display: none !important; }

  html body .mobile-menu-panel { top: var(--dv-header) !important; }
  html body.admin-bar .mobile-menu-panel { top: calc(var(--dv-header) + 32px) !important; }
  html body main#content.site-content { padding-top: calc(var(--dv-header) + 8px) !important; }
  html body.darkvideo-home-landing main#content.site-content { padding-top: var(--dv-header) !important; }
  html body.admin-bar main#content.site-content { padding-top: calc(var(--dv-header) + 32px + 8px) !important; }
  html body.admin-bar.darkvideo-home-landing main#content.site-content { padding-top: calc(var(--dv-header) + 32px) !important; }
}

@media (max-width:782px) {
  html body.admin-bar header.site-header,
  html body.admin-bar.darkvideo-home-landing header.site-header { top: 46px !important; }
  html body.admin-bar .mobile-menu-panel { top: calc(var(--dv-header) + 46px) !important; }
  html body.admin-bar main#content.site-content { padding-top: calc(var(--dv-header) + 46px + 8px) !important; }
  html body.admin-bar.darkvideo-home-landing main#content.site-content { padding-top: calc(var(--dv-header) + 46px) !important; }
}

@media (max-width:620px) {
  /* 40px date/menu + 68px orange shortcuts + 52px breaking = 160px. */
  :root { --dv-header: 160px; }
  html body header.site-header,
  html body.darkvideo-home-landing header.site-header {
    height: var(--dv-header) !important;
    min-height: var(--dv-header) !important;
  }
  .nd-ref-mobile-nav-row { height: 40px; gap: 10px; padding: 0 10px; }
  .nd-ref-mobile-topnav > ul,
  .nd-ref-mobile-topnav .darkvideo-header-menu,
  .nd-ref-mobile-topnav .darkvideo-header-menu > li > a { height: 40px !important; }
  .nd-ref-mobile-orange { height: 68px; padding: 0 8px; gap: 6px; }
  .nd-ref-mobile-branding { max-width: 82px; }
  .nd-ref-mobile-branding .custom-logo { max-width: 78px !important; max-height: 48px !important; }
  .nd-ref-shortcuts-mobile { height: 68px !important; gap: 6px !important; }
  html body header.site-header .nd-ref-shortcuts-mobile .nd-ref-shortcut { flex-basis: 52px !important; min-width: 52px !important; max-width: 52px !important; width: 52px !important; height: 58px !important; }
  html body header.site-header .nd-ref-shortcuts-mobile .nd-ref-shortcut-visual { width: 28px !important; height: 28px !important; min-height: 28px !important; flex-basis: 28px !important; }
  html body header.site-header .nd-ref-shortcuts-mobile .nd-ref-shortcut svg,
  html body header.site-header .nd-ref-shortcuts-mobile .nd-ref-shortcut-custom-image { width: 26px !important; height: 26px !important; max-width: 26px !important; flex-basis: 26px !important; }
  html body header.site-header .nd-ref-shortcuts-mobile .nd-ref-shortcut-label { font-size: 8px !important; }
  .nd-ref-mobile-search-form { top: 100px; }
  html body .mobile-menu-panel { top: var(--dv-header) !important; }
  html body.admin-bar .mobile-menu-panel { top: calc(var(--dv-header) + 46px) !important; }
}

@media (max-width:480px) {
  .nd-ref-mobile-datetime { font-size: 11px; }
  .nd-ref-mobile-topnav .darkvideo-header-menu > li > a { padding-right: 12px; font-size: 13px !important; }
  .nd-ref-shortcuts-mobile { gap: 5px !important; }
  html body header.site-header .nd-ref-shortcuts-mobile .nd-ref-shortcut { flex-basis: 49px !important; min-width: 49px !important; max-width: 49px !important; width: 49px !important; height: 56px !important; }
  html body header.site-header .nd-ref-shortcuts-mobile .nd-ref-shortcut-label { font-size: 7.7px !important; }
  html body header.site-header .nd-ref-mobile-breaking .nd-ref-breaking-thumb { display: block !important; width: 52px !important; height: 36px !important; flex: 0 0 52px !important; }
}

@keyframes ndBreakingPulse {
  0%, 100% { background: rgba(255,255,255,0); }
  50% { background: rgba(255,255,255,.08); }
}

@keyframes ndTickerSweep {
  from { transform: translateX(-130%); }
  to   { transform: translateX(135%); }
}

@keyframes ndCaretBlink {
  0%, 100% { border-right-color: rgba(255,255,255,.9); }
  50% { border-right-color: transparent; }
}


/* ========================================================================
   v2.2.86: Compact header + real horizontal desktop menu + mobile shortcuts
   All adjustments are scoped to the reference header, not newsroom pages.
   ======================================================================== */
@media (min-width:981px) {
  :root { --dv-header: 126px; }
  html body header.site-header {
    height: 126px !important;
    min-height: 126px !important;
  }
  html body header.site-header > .nd-ref-desktop {
    grid-template-rows: 46px 42px 38px !important;
    height: 126px !important;
  }
  /* Keep the clock fixed; scroll only the menu to its right. */
  html body header.site-header .nd-ref-header-menu {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    overscroll-behavior-x: contain;
    scroll-behavior: auto;
    scrollbar-width: none;
    cursor: grab;
    user-select: none;
    touch-action: pan-x;
    -webkit-overflow-scrolling: touch;
  }
  html body header.site-header .nd-ref-header-menu::-webkit-scrollbar { display: none; }
  html body header.site-header .nd-ref-header-menu.nd-ref-dragging { cursor: grabbing; }
  html body header.site-header .nd-ref-header-menu > ul {
    width: max-content !important;
    min-width: max-content !important;
    flex: 0 0 max-content !important;
  }
  .nd-ref-header-menu .darkvideo-header-menu > li > a {
    user-select: none;
    -webkit-user-select: none;
  }
  html body header.site-header .nd-ref-orange {
    height: 42px !important;
    padding: 0 12px !important;
    gap: 8px !important;
  }
  html body header.site-header .nd-ref-orange .nd-ref-branding {
    max-height: 42px !important;
  }
  html body header.site-header .nd-ref-orange .nd-ref-branding .custom-logo-link {
    max-height: 38px !important;
  }
  html body header.site-header .nd-ref-orange .custom-logo {
    max-height: 36px !important;
  }
  html body header.site-header .nd-ref-orange .nd-ref-shortcuts,
  html body header.site-header .nd-ref-orange .nd-ref-utilities {
    height: 42px !important;
  }
  html body header.site-header .nd-ref-orange .nd-ref-shortcut {
    height: 39px !important;
    gap: 0 !important;
    font-size: 9px !important;
  }
  html body header.site-header .nd-ref-orange .nd-ref-shortcut-visual,
  html body header.site-header .nd-ref-orange .nd-ref-shortcut svg,
  html body header.site-header .nd-ref-orange .nd-ref-shortcut-custom-image {
    max-width: 20px !important;
    max-height: 20px !important;
  }
  html body header.site-header .nd-ref-orange .nd-ref-shortcut-visual {
    width: 20px !important;
    height: 20px !important;
  }
  html body header.site-header .nd-ref-orange .nd-ref-studio,
  html body header.site-header .nd-ref-orange .nd-ref-dark-button { min-height: 26px !important; height: 26px !important; }
  html body header.site-header .nd-ref-orange .nd-ref-desk-link { min-height: 25px !important; height: 25px !important; }
  html body header.site-header .nd-ref-orange .nd-ref-search-toggle { height: 30px !important; }
  html body header.site-header .nd-ref-desktop-breaking,
  html body header.site-header .nd-ref-desktop-breaking .nd-ref-breaking-title,
  html body header.site-header .nd-ref-desktop-breaking .nd-ref-breaking-articles,
  html body header.site-header .nd-ref-desktop-breaking .nd-ref-breaking-item,
  html body header.site-header .nd-ref-desktop-breaking .nd-ref-breaking-empty {
    height: 38px !important;
  }
  html body header.site-header .nd-ref-desktop-breaking .nd-ref-breaking-item {
    padding: 3px 9px !important;
  }
  html body header.site-header .nd-ref-desktop-breaking .nd-ref-breaking-title {
    font-size: 14px !important;
    line-height: 1.05 !important;
  }
  html body header.site-header .nd-ref-desktop-breaking .nd-ref-breaking-headline {
    line-height: 1.45 !important;
    padding: 2px 0 1px !important;
  }
  html body header.site-header .nd-ref-desktop-breaking .nd-ref-breaking-thumb {
    height: 34px !important;
    width: 68px !important;
    flex-basis: 68px !important;
  }
}
@media (max-width:980px) {
  /* date/navigation 38 + orange 50 + green 42 = 130px. */
  :root { --dv-header: 130px !important; }
  html body header.site-header,
  html body.darkvideo-home-landing header.site-header {
    height: 130px !important;
    min-height: 130px !important;
  }
  html body header.site-header .nd-ref-mobile-nav-row { height: 38px !important; padding: 0 9px !important; gap: 9px !important; }
  html body header.site-header .nd-ref-mobile-topnav,
  html body header.site-header .nd-ref-mobile-topnav > ul,
  html body header.site-header .nd-ref-mobile-topnav .darkvideo-header-menu,
  html body header.site-header .nd-ref-mobile-topnav .darkvideo-header-menu > li > a {
    height: 38px !important;
    min-height: 38px !important;
  }
  html body header.site-header .nd-ref-mobile-orange {
    height: 50px !important;
    gap: 4px !important;
    padding: 0 6px !important;
    grid-template-columns: auto minmax(0,1fr) auto !important;
  }
  html body header.site-header .nd-ref-mobile-branding { max-width: 65px !important; }
  html body header.site-header .nd-ref-mobile-branding .custom-logo {
    max-width: 64px !important;
    max-height: 40px !important;
    width: auto !important;
    height: auto !important;
  }
  html body header.site-header .nd-ref-shortcuts-mobile {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    flex-flow: row nowrap !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 50px !important;
    gap: 4px !important;
    margin: 0 !important;
    padding: 0 3px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
    touch-action: pan-x;
  }
  html body header.site-header .nd-ref-shortcuts-mobile .nd-ref-shortcut {
    display: inline-flex !important;
    flex: 0 0 48px !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    width: 48px !important;
    min-width: 48px !important;
    max-width: 48px !important;
    height: 45px !important;
    min-height: 45px !important;
    padding: 0 !important;
    margin: 0 !important;
    gap: 2px !important;
    box-sizing: border-box !important;
    background: transparent !important;
    border: 0 !important;
    color: #fff !important;
    text-align: center !important;
    position: relative !important;
  }
  html body header.site-header .nd-ref-shortcuts-mobile .nd-ref-shortcut-visual {
    width: 23px !important;
    height: 23px !important;
    min-width: 23px !important;
    min-height: 23px !important;
    flex: 0 0 23px !important;
    align-items: center !important;
    justify-content: center !important;
    display: inline-flex !important;
  }
  html body header.site-header .nd-ref-shortcuts-mobile .nd-ref-shortcut svg,
  html body header.site-header .nd-ref-shortcuts-mobile .nd-ref-shortcut-custom-image {
    display: block !important;
    width: 22px !important;
    height: 22px !important;
    max-width: 22px !important;
    max-height: 22px !important;
    flex: 0 0 22px !important;
    object-fit: contain !important;
  }
  html body header.site-header .nd-ref-shortcuts-mobile .nd-ref-shortcut svg {
    stroke: #fff !important;
    fill: none !important;
    background: none !important;
  }
  html body header.site-header .nd-ref-shortcuts-mobile .nd-ref-shortcut-custom-image { filter: none !important; }
  html body header.site-header .nd-ref-shortcuts-mobile .nd-ref-shortcut-label {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    font-size: 7.5px !important;
    font-weight: 800 !important;
    line-height: 1.05 !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: center !important;
    white-space: nowrap !important;
    overflow: visible !important;
    color: #fff !important;
  }
  html body header.site-header .nd-ref-mobile-tools { gap: 2px !important; }
  html body header.site-header .nd-ref-mobile-search-toggle,
  html body header.site-header .nd-ref-mobile-tools .mobile-menu-button {
    height: 34px !important;
    width: 34px !important;
    min-width: 34px !important;
    padding: 0 !important;
  }
  html body header.site-header .nd-ref-mobile-tools .mobile-menu-button { border-radius: 8px !important; }
  html body header.site-header .nd-ref-mobile-search-toggle svg,
  html body header.site-header .nd-ref-mobile-tools .mobile-menu-button svg { height: 26px !important; width: 26px !important; }
  html body header.site-header .nd-ref-mobile-search-form { top: 88px !important; }
  html body header.site-header > .nd-ref-mobile-breaking,
  html body header.site-header .nd-ref-mobile-breaking .nd-ref-breaking-title,
  html body header.site-header .nd-ref-mobile-breaking .nd-ref-breaking-articles,
  html body header.site-header .nd-ref-mobile-breaking .nd-ref-breaking-item,
  html body header.site-header .nd-ref-mobile-breaking .nd-ref-breaking-empty {
    height: 42px !important;
    min-height: 42px !important;
  }
  html body header.site-header > .nd-ref-mobile-breaking { grid-template-columns: 77px minmax(0,1fr) !important; }
  html body header.site-header .nd-ref-mobile-breaking .nd-ref-breaking-title {
    font-size: 11px !important;
    line-height: 1.05 !important;
    padding: 0 3px !important;
  }
  html body header.site-header .nd-ref-mobile-breaking .nd-ref-breaking-item { padding: 3px 6px !important; gap: 6px !important; }
  html body header.site-header .nd-ref-mobile-breaking .nd-ref-breaking-headline {
    font-size: clamp(12px, 2.8vw, 16px) !important;
    line-height: 1.45 !important;
    padding: 3px 0 2px !important;
  }
  html body header.site-header .nd-ref-mobile-breaking .nd-ref-breaking-thumb {
    display: block !important;
    height: 34px !important;
    width: 48px !important;
    flex: 0 0 48px !important;
  }
}


/* ========================================================================
   v2.2.87: Search icon, stomp -> burst Breaking label, mobile flush thumbnail.
   Deliberately leaves all other icon and newsroom styles unchanged.
   ======================================================================== */

/* Stomp (first beat) followed by outward burst (second beat), then repeat. */
html body header.site-header .nd-ref-breaking .nd-ref-breaking-title {
  animation: none !important;   /* Replaces the old background pulse. */
  isolation: isolate;
  overflow: hidden;
}
html body header.site-header .nd-ref-breaking .nd-ref-breaking-title > span {
  display: block;
  position: relative;
  z-index: 2;
  transform-origin: center;
  animation: ndBreakingStompThenBurst 4s linear infinite;
  will-change: transform;
}
html body header.site-header .nd-ref-breaking .nd-ref-breaking-title::after {
  content: '';
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  width: 20px;
  height: 20px;
  box-sizing: border-box;
  border: 3px solid rgba(255,255,255,.95);
  border-radius: 50%;
  opacity: 0;
  transform: translate(-50%,-50%) scale(.2);
  pointer-events: none;
  animation: ndBreakingImpactBurst 4s ease-out infinite;
}
@keyframes ndBreakingStompThenBurst {
  /* Beat one: label lands with a deliberate stomp. */
  0%, 5% {transform:translateY(-7px) scale(1.13);filter:brightness(1);}
  15% {transform:translateY(2px) scale(.86);filter:brightness(1.15);}
  22% {transform:translateY(0) scale(1.08);filter:brightness(1.55);}
  30%, 42% {transform:translateY(0) scale(1);filter:brightness(1);}
  /* Beat two: an outward bright burst, then reset for the next stomp. */
  49% {transform:translateY(0) scale(.94);filter:brightness(1);}
  56% {transform:translateY(0) scale(1.17);filter:brightness(1.85);}
  65% {transform:translateY(0) scale(.97);filter:brightness(1.25);}
  74%, 100% {transform:translateY(0) scale(1);filter:brightness(1);}
}
@keyframes ndBreakingImpactBurst {
  0%, 45% {opacity:0;transform:translate(-50%,-50%) scale(.25);}
  51% {opacity:.95;transform:translate(-50%,-50%) scale(.55);}
  65% {opacity:0;transform:translate(-50%,-50%) scale(4.7);}
  66%, 100% {opacity:0;transform:translate(-50%,-50%) scale(.25);}
}
@media (prefers-reduced-motion: reduce) {
  html body header.site-header .nd-ref-breaking .nd-ref-breaking-title > span,
  html body header.site-header .nd-ref-breaking .nd-ref-breaking-title::after {
    animation: none !important;
    will-change: auto;
  }
}

@media (max-width:980px) {
  /* Outline the SVG instead of filling the circle, which appeared as a black dot. */
  html body header.site-header .nd-ref-mobile-search-toggle {
    color: #fff !important;
    background-color: transparent !important;
  }
  html body header.site-header .nd-ref-mobile-search-toggle svg,
  html body header.site-header .nd-ref-mobile-search-toggle svg circle,
  html body header.site-header .nd-ref-mobile-search-toggle svg path {
    fill: none !important;
    stroke: #fff !important;
    stroke-width: 2.4 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
    opacity: 1 !important;
  }
  html body header.site-header .nd-ref-mobile-search-toggle svg {
    display: block !important;
    width: 25px !important;
    height: 25px !important;
    visibility: visible !important;
    overflow: visible !important;
  }

  /* Mobile only: thumbnail occupies the complete green bar height and its
     right edge, with no white/green inset or rounded-edge gaps. */
  html body header.site-header .nd-ref-mobile-breaking .nd-ref-breaking-item {
    padding: 0 0 0 7px !important;
    gap: 6px !important;
    background: transparent !important;
    overflow: hidden !important;
  }
  html body header.site-header .nd-ref-mobile-breaking .nd-ref-breaking-thumb {
    display: block !important;
    width: 54px !important;
    min-width: 54px !important;
    height: 42px !important;
    min-height: 42px !important;
    max-height: 42px !important;
    flex: 0 0 54px !important;
    align-self: stretch !important;
    object-fit: cover !important;
    object-position: center !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
  }
}

/* =======================================================================
 * NewsDesk 2.2.88: floating, larger site logo over the compact orange row.
 * The actual logo remains the image chosen in Appearance > Customize.
 * Order of shortcuts is controlled separately in Header Shortcuts.
 * ======================================================================= */
@media (min-width: 981px) {
  html body header.site-header .nd-ref-orange {
    position: relative !important;
    overflow: visible !important;
    z-index: 24 !important; /* float above the date/navigation and ticker rows */
    isolation: isolate;
  }
  html body header.site-header .nd-ref-orange .nd-ref-branding {
    display: flex !important;
    flex: 0 0 114px !important;
    width: 114px !important;
    max-width: 114px !important;
    min-width: 0 !important;
    height: 60px !important;
    max-height: none !important;
    position: relative !important;
    z-index: 60 !important;
    transform: translateY(-7px);
    align-items: center !important;
    justify-content: center !important;
    overflow: visible !important;
  }
  html body header.site-header .nd-ref-orange .nd-ref-branding .custom-logo-link {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 112px !important;
    height: 60px !important;
    max-width: none !important;
    max-height: none !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: visible !important;
  }
  html body header.site-header .nd-ref-orange .nd-ref-branding img.custom-logo {
    display: block !important;
    width: 110px !important;
    height: 58px !important;
    max-width: 110px !important;
    max-height: 58px !important;
    object-fit: contain !important;
    filter: drop-shadow(0 0 1px rgba(255,255,255,.95)) drop-shadow(0 3px 3px rgba(0,0,0,.36));
  }
  html body header.site-header .nd-ref-orange .nd-ref-branding:not(.nd-ref-branding-with-logo) {
    width: auto !important;
    flex: 0 0 auto !important;
    height: 42px !important;
    transform: none;
  }
}
@media (max-width: 980px) {
  html body header.site-header .nd-ref-mobile-orange {
    position: relative !important;
    overflow: visible !important;
    z-index: 18 !important;
  }
  html body header.site-header .nd-ref-mobile-orange .nd-ref-mobile-branding {
    display: flex !important;
    flex: 0 0 84px !important;
    width: 84px !important;
    max-width: 84px !important;
    height: 60px !important;
    max-height: none !important;
    transform: translateY(-7px);
    position: relative !important;
    z-index: 60 !important;
    overflow: visible !important;
    align-items: center !important;
    justify-content: center !important;
  }
  html body header.site-header .nd-ref-mobile-orange .nd-ref-mobile-branding .custom-logo-link {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 82px !important;
    height: 60px !important;
    max-height: none !important;
    max-width: none !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: visible !important;
  }
  html body header.site-header .nd-ref-mobile-orange .nd-ref-mobile-branding img.custom-logo {
    display: block !important;
    width: 80px !important;
    height: 58px !important;
    max-width: 80px !important;
    max-height: 58px !important;
    object-fit: contain !important;
    filter: drop-shadow(0 0 1px rgba(255,255,255,.95)) drop-shadow(0 2px 3px rgba(0,0,0,.35));
  }
  html body header.site-header .nd-ref-mobile-orange .nd-ref-mobile-branding:not(.nd-ref-branding-with-logo) {
    height: 50px !important;
    transform: none;
  }
}
@media (max-width: 359px) {
  html body header.site-header .nd-ref-mobile-orange .nd-ref-mobile-branding {
    flex-basis: 72px !important;
    width: 72px !important;
    max-width: 72px !important;
  }
  html body header.site-header .nd-ref-mobile-orange .nd-ref-mobile-branding .custom-logo-link {
    width: 72px !important;
  }
  html body header.site-header .nd-ref-mobile-orange .nd-ref-mobile-branding img.custom-logo {
    width: 70px !important;
    max-width: 70px !important;
  }
}

/* v2.2.89: Work Chat update badge shares Alerts' pill styling. */
html body header.site-header .nd-ref-shortcut.nd-ref-chat-launcher {
  border: 0 !important;
  padding: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  background: transparent !important;
  cursor: pointer !important;
  font-family: inherit !important;
  appearance: none;
  -webkit-appearance: none;
}
html body header.site-header .nd-ref-shortcut.nd-ref-chat-launcher:hover {background: rgba(255,255,255,.09) !important;}
html body header.site-header .nd-ref-shortcut.nd-ref-chat-launcher[hidden],
html body header.site-header .nd-ref-shortcut .nd-ref-chat-count[hidden] {display:none!important;}
html body header.site-header .nd-ref-chat-count {position:absolute;z-index:4;top:0;right:1px;min-width:15px;height:15px;padding:0 3px;border-radius:11px;background:#c91833;color:#fff;font-size:10px;line-height:15px;font-weight:800;}

/* v2.2.90: mobile homepage only, remove the blank strip between the fixed
   Breaking ticker and the first news image. No desktop styling is changed. */
@media screen and (max-width: 767px) {
  html body.darkvideo-home-landing main#content.site-content {
    padding-top: var(--dv-header) !important;
  }
  html body.admin-bar.darkvideo-home-landing main#content.site-content {
    padding-top: calc(var(--dv-header) + 46px) !important;
  }
  html body.darkvideo-home-landing .dv-front-page-container,
  html body.darkvideo-home-landing .dv-front-page-center,
  html body.darkvideo-home-landing .dv-mobile-home {
    padding-top: 0 !important;
    margin-top: 0 !important;
  }
  html body.darkvideo-home-landing .dv-mobile-home > :first-child,
  html body.darkvideo-home-landing .dv-mobile-home > .dv-theme-livedesk-home:first-child,
  html body.darkvideo-home-landing .dv-mobile-home .dvld-home-live:first-child {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }
}

/* v2.2.96: Three sequential, reference-inspired ticker looks, ~5 seconds each.
 * CSS-only for speed; the user-supplied 1080p demo videos are not embedded. */
html body header.site-header .nd-ref-breaking.nd-breaking-stage-1,
html body header.site-header .nd-ref-breaking.nd-breaking-stage-2,
html body header.site-header .nd-ref-breaking.nd-breaking-stage-3{isolation:isolate}
html body header.site-header .nd-ref-breaking.nd-breaking-stage-1 .nd-ref-breaking-title,
html body header.site-header .nd-ref-breaking.nd-breaking-stage-2 .nd-ref-breaking-title,
html body header.site-header .nd-ref-breaking.nd-breaking-stage-3 .nd-ref-breaking-title{
  background:linear-gradient(110deg,#a80005,#dd0006 65%,#a50008)!important;
  border-color:#fff7!important;
  overflow:hidden!important;
}
html body header.site-header .nd-ref-breaking.nd-breaking-stage-1 .nd-ref-breaking-title>span{
  animation:ndReferenceCueOne 5s cubic-bezier(.18,.9,.25,1) 1 both!important;
}
html body header.site-header .nd-ref-breaking.nd-breaking-stage-2 .nd-ref-breaking-title>span{
  animation:ndReferenceCueTwo 5s cubic-bezier(.25,.7,.25,1) 1 both!important;
}
html body header.site-header .nd-ref-breaking.nd-breaking-stage-3 .nd-ref-breaking-title>span{
  animation:ndReferenceCueThree 5s ease 1 both!important;
}
html body header.site-header .nd-ref-breaking.nd-breaking-stage-1 .nd-ref-breaking-title::after,
html body header.site-header .nd-ref-breaking.nd-breaking-stage-2 .nd-ref-breaking-title::after,
html body header.site-header .nd-ref-breaking.nd-breaking-stage-3 .nd-ref-breaking-title::after{display:none!important}
html body header.site-header .nd-ref-breaking.nd-breaking-stage-1 .nd-ref-breaking-title::before,
html body header.site-header .nd-ref-breaking.nd-breaking-stage-2 .nd-ref-breaking-title::before,
html body header.site-header .nd-ref-breaking.nd-breaking-stage-3 .nd-ref-breaking-title::before{
  content:'';position:absolute;inset:0;z-index:1;pointer-events:none;
}
html body header.site-header .nd-ref-breaking.nd-breaking-stage-1 .nd-ref-breaking-title::before{
  background:linear-gradient(100deg,transparent 22%,#ff666cdd 47%,transparent 68%);
  animation:ndReferenceLightSweep 5s ease-out both;
}
html body header.site-header .nd-ref-breaking.nd-breaking-stage-2 .nd-ref-breaking-title::before{
  border-top:2px solid rgba(255,255,255,.85);border-bottom:2px solid rgba(255,255,255,.55);
  animation:ndReferenceOutline 5s ease-out both;
}
html body header.site-header .nd-ref-breaking.nd-breaking-stage-3 .nd-ref-breaking-title::before{
  background:repeating-linear-gradient(95deg,transparent 0 15px,rgba(255,255,255,.27) 16px 18px,transparent 19px 25px);
  animation:ndReferenceStripes 5s ease-out both;
}
/* Ticker message stays readable during each broadcast cue. */
html body header.site-header .nd-ref-breaking.nd-breaking-stage-1 .nd-ref-breaking-item:not([hidden]){animation:ndReferenceHeadlineOne 5s ease-out both}
html body header.site-header .nd-ref-breaking.nd-breaking-stage-2 .nd-ref-breaking-item:not([hidden]){animation:ndReferenceHeadlineTwo 5s ease-out both}
html body header.site-header .nd-ref-breaking.nd-breaking-stage-3 .nd-ref-breaking-item:not([hidden]){animation:ndReferenceHeadlineThree 5s ease-out both}
@keyframes ndReferenceCueOne {0%{opacity:0;transform:translateX(-90%) skewX(-12deg)}12%{opacity:1;transform:translateX(6%) skewX(0)}18%,100%{opacity:1;transform:none}}
@keyframes ndReferenceCueTwo {0%{opacity:0;transform:scale(2.2);filter:blur(4px)}12%{opacity:1;transform:scale(.84);filter:none}18%{transform:scale(1.08)}25%,100%{transform:scale(1);opacity:1;filter:none}}
@keyframes ndReferenceCueThree {0%{opacity:0;transform:translateX(75%);clip-path:inset(0 0 0 100%)}15%{opacity:1;transform:none;clip-path:inset(0)}28%,100%{opacity:1;transform:none;clip-path:inset(0)}}
@keyframes ndReferenceHeadlineOne {0%{opacity:.2;transform:translateX(14px)}18%,100%{opacity:1;transform:none}}
@keyframes ndReferenceHeadlineTwo {0%{opacity:.35;filter:brightness(2)}18%,100%{opacity:1;filter:brightness(1)}}
@keyframes ndReferenceHeadlineThree {0%{opacity:.5;clip-path:inset(0 100% 0 0)}22%,100%{opacity:1;clip-path:inset(0)}}
@keyframes ndReferenceLightSweep {0%{transform:translateX(-170%);opacity:0}13%{opacity:1}31%,100%{transform:translateX(170%);opacity:0}}
@keyframes ndReferenceOutline {0%{transform:scaleX(.12);opacity:0}16%{transform:scaleX(1);opacity:1}34%,100%{transform:scaleX(1);opacity:0}}
@keyframes ndReferenceStripes {0%{transform:translateX(-135%);opacity:0}14%{opacity:1}29%,100%{transform:translateX(135%);opacity:0}}
@media(prefers-reduced-motion:reduce){
 html body header.site-header .nd-ref-breaking.nd-breaking-stage-1 .nd-ref-breaking-title>span,
 html body header.site-header .nd-ref-breaking.nd-breaking-stage-2 .nd-ref-breaking-title>span,
 html body header.site-header .nd-ref-breaking.nd-breaking-stage-3 .nd-ref-breaking-title>span,
 html body header.site-header .nd-ref-breaking.nd-breaking-stage-1 .nd-ref-breaking-title::before,
 html body header.site-header .nd-ref-breaking.nd-breaking-stage-2 .nd-ref-breaking-title::before,
 html body header.site-header .nd-ref-breaking.nd-breaking-stage-3 .nd-ref-breaking-title::before,
 html body header.site-header .nd-ref-breaking.nd-breaking-stage-1 .nd-ref-breaking-item,
 html body header.site-header .nd-ref-breaking.nd-breaking-stage-2 .nd-ref-breaking-item,
 html body header.site-header .nd-ref-breaking.nd-breaking-stage-3 .nd-ref-breaking-item{
   animation:none!important;opacity:1!important;transform:none!important;clip-path:none!important;filter:none!important;
 }
}

/* NewsDesk 2.2.98: logo grows upward without consuming the gap beneath it. */
@media (min-width:981px) {
  html body header.site-header .nd-ref-orange .nd-ref-branding img.custom-logo {
    transform: scale(1.28) !important;
    transform-origin: 50% 100% !important;
  }
}
/* A 44px mobile shortcut bar replaces the old 50px row. Keep every header
 * height and main-content offset in agreement, including logged-in users. */
@media (max-width:980px) {
  :root { --dv-header: 124px !important; } /* 38px navigation + 44px shortcuts + 42px ticker */
  html body header.site-header,
  html body.darkvideo-home-landing header.site-header {
    height:124px !important;
    min-height:124px !important;
  }
  html body header.site-header .nd-ref-mobile-orange,
  html body header.site-header .nd-ref-shortcuts-mobile {
    height:44px !important;
    min-height:44px !important;
    max-height:44px !important;
  }
  html body header.site-header .nd-ref-shortcuts-mobile .nd-ref-shortcut {
    height:41px !important;
    min-height:41px !important;
    align-self:center !important;
  }
  html body header.site-header .nd-ref-mobile-tools,
  html body header.site-header .nd-ref-mobile-tools .mobile-menu-button {
    align-items:center !important;
    justify-content:center !important;
    align-self:center !important;
  }
  html body header.site-header .nd-ref-mobile-tools .mobile-menu-button,
  html body header.site-header .nd-ref-mobile-search-toggle {
    margin-block:0 !important;
    top:auto !important;
    bottom:auto !important;
    transform:none !important;
  }
  html body header.site-header .nd-ref-mobile-orange .nd-ref-mobile-branding {
    transform:translateY(-4px) !important;
  }
  html body header.site-header .nd-ref-mobile-orange .nd-ref-mobile-branding img.custom-logo {
    transform:scale(1.17) !important;
    transform-origin:50% 100% !important;
  }
  /* Search dropdown stays beneath the shorter navigation/shortcut rows. */
  html body header.site-header .nd-ref-mobile-search-form { top:82px !important; }
}
@media (max-width:359px) {
  html body header.site-header .nd-ref-mobile-orange .nd-ref-mobile-branding img.custom-logo {
    transform:scale(1.10) !important;
  }
}
@media (max-width:980px) {
  /* The floating logo's 60px box must not stretch the 44px grid row and
     push the hamburger/menu beneath the visual center of the blue bar. */
  html body header.site-header .nd-ref-mobile-orange {
    grid-template-rows:44px !important;
    align-items:center !important;
  }
  html body header.site-header .nd-ref-mobile-orange .nd-ref-mobile-branding {
    align-self:center !important;
    transform:translateY(-5px) !important;
  }
}