/* Standalone news header, matching the current homepage navigation. */
:root { --news-header-height: 77px; }
.news-site-header, .news-site-header * { box-sizing: border-box; }
.news-site-header {
  position: fixed;
  inset: 0 0 auto;
  z-index: 1000;
  color: #f2f2f2;
  background: linear-gradient(145deg, rgba(15,15,15,.9), rgba(5,5,5,.95));
  border-bottom: 1px solid rgba(255,31,31,.2);
  box-shadow: 0 4px 20px rgba(255,31,31,.15);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  font-family: 'Chakra Petch', sans-serif;
  font-size: 15px;
  line-height: 1.5;
  letter-spacing: .7px;
}
.news-site-header [hidden] { display: none !important; }
.news-site-shell {
  max-width: 1400px;
  margin: 0 auto;
  padding: calc(16px + env(safe-area-inset-top, 0px)) 24px 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}
.news-site-header a { color: inherit; text-decoration: none; }
.news-site-brand { display: inline-flex; align-items: center; gap: 12px; flex-shrink: 0; }
.news-site-brand img { width: auto; height: 36px; display: block; }
.news-site-brand span { color: #ff1f1f; font-size: 20px; font-weight: 700; text-shadow: 0 0 12px rgba(255,31,31,.5); }
.news-site-links { display: flex; align-items: center; gap: 16px; list-style: none; padding: 0; margin: 0; }
.news-site-links > li > a, .news-dropdown > summary { display: flex; align-items: center; gap: 6px; font-weight: 500; white-space: nowrap; }
.news-site-links a, .news-dropdown > summary { transition: color .2s, background-color .2s, box-shadow .2s; }
.news-site-links a:hover, .news-dropdown > summary:hover { color: #ff1f1f; }
.news-site-header :is(a, button, summary):focus-visible { outline: 2px solid #ffe1dc; outline-offset: 4px; border-radius: 5px; }
.news-dropdown { position: relative; }
.news-dropdown > summary { cursor: pointer; list-style: none; }
.news-dropdown > summary::-webkit-details-marker { display: none; }
.news-dropdown > summary .fa-chevron-down { font-size: 11px; transition: transform .2s; }
.news-dropdown[open] > summary .fa-chevron-down { transform: rotate(180deg); }
.news-dropdown-panel {
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  width: 248px;
  max-height: calc(100dvh - var(--news-header-height) - 24px);
  overflow-y: auto;
  overscroll-behavior: contain;
  border: 1px solid rgba(255,31,31,.25);
  border-radius: 8px;
  background: linear-gradient(145deg, #101010, #050505);
  box-shadow: 0 8px 30px rgba(255,31,31,.2);
}
.news-dropdown-panel a { display: flex; gap: 12px; align-items: center; padding: 12px 16px; font-size: 14px; border-bottom: 1px solid rgba(255,255,255,.05); }
.news-dropdown-panel a:last-child { border: 0; }
.news-dropdown-panel a:hover, .news-dropdown-panel a[aria-current="page"] { background: rgba(255,31,31,.1); }
.news-dropdown-panel a i { width: 16px; color: #ff1f1f; flex-shrink: 0; }
.news-enterprise > summary { padding: 8px 24px; border-radius: 999px; background: #ff1f1f; color: #000; font-size: 14px; font-weight: 700; letter-spacing: 2px; box-shadow: 0 4px 20px rgba(255,31,31,.15); }
.news-enterprise > summary:hover { color: #000; box-shadow: 0 8px 30px rgba(255,31,31,.35); }
.news-enterprise .news-dropdown-panel { left: auto; right: 0; }
.news-site-links .news-mobile-login { gap: 8px; min-height: 44px; padding: 8px 16px; border: 1px solid rgba(255,31,31,.4); border-radius: 999px; color: #ff1f1f; font-size: 14px; font-weight: 700; }
.news-site-header .news-mobile-login:focus-visible { border-radius: 999px; }
.news-mobile-login:hover { background: rgba(255,31,31,.15); box-shadow: 0 4px 20px rgba(255,31,31,.15); }
.news-menu-toggle { width: 44px; height: 40px; padding: 8px; border: 0; background: none; color: #f2f2f2; cursor: pointer; font-size: 24px; }
@media (max-width: 1279px) {
  .news-site-shell { gap: 12px; }
  .news-site-links {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    display: block;
    padding: 12px 24px 24px;
    max-height: calc(100dvh - var(--news-header-height));
    overflow-y: auto;
    overscroll-behavior: contain;
    background: #080808;
    border-bottom: 1px solid rgba(255,31,31,.3);
    box-shadow: 0 10px 30px rgba(0,0,0,.75);
  }
  .news-site-links > li > a, .news-dropdown > summary { min-height: 44px; padding: 12px; border-radius: 8px; }
  .news-dropdown-panel { position: static; width: 100%; max-height: none; margin: 4px 0 8px; box-shadow: none; }
  .news-dropdown-panel a { min-height: 44px; }
  .news-site-links .news-mobile-login { margin-top: 10px; padding: 12px; }
  .news-enterprise > summary { justify-content: space-between; margin-top: 8px; }
}
@media (prefers-reduced-motion: reduce) { .news-site-header * { transition: none !important; } }