/* Shared header for the static pages (public/*.html), matching SiteHeader in src/components/SiteHeader.jsx:
   edition line, dark masthead, tab row with section pills, and the slate ribbon band. CSS only, no JS. */
header.site-bar { background:#0B0D11; color:#fff; max-width:none; margin:0; padding:0; border:0; font-family:system-ui,-apple-system,"Segoe UI",sans-serif; }
header.site-bar::after { content:""; display:block; height:8px; background:#0F172A; border-top:1px solid rgba(255,255,255,.1); }
.site-bar .site-bar__in { max-width:1440px; margin:0 auto; padding:0 16px; }
.site-bar .site-bar__in::before { content:"Cross-Asset Edition \00B7  Equities, Futures, Rates, FX & Crypto"; display:block; padding:7px 0; border-bottom:1px solid rgba(255,255,255,.1); font-size:11px; color:rgba(255,255,255,.7); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
@media (min-width:640px) { .site-bar .site-bar__in { padding:0 24px; } .site-bar .site-bar__in::before { font-size:12px; } }
@media (min-width:1024px) { .site-bar .site-bar__in { padding:0 32px; } }
.site-bar a { color:#fff; text-decoration:none; font-weight:700; }
.site-bar .site-bar__logo { display:flex; align-items:center; gap:10px; padding:12px 0; border-bottom:1px solid rgba(255,255,255,.1); font-size:20px; letter-spacing:-.02em; line-height:1; }
.site-bar .site-bar__logo span { background:#CC0000; padding:4px 10px; border-radius:4px; font-size:26px; font-weight:900; letter-spacing:-.06em; }
/* Group row: five equal columns on phones, with the green Post button up in the logo row (as in SiteHeader);
   a left-aligned row with Post at the right on desktop. */
.site-bar .site-bar__in { position:relative; }
.site-bar nav { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); align-items:center; gap:4px; padding:8px 0; font-size:12px; }
.site-bar nav a { display:flex; align-items:center; justify-content:center; min-height:44px; padding:0 4px; border-radius:8px; white-space:nowrap; color:rgba(255,255,255,.8); transition:background-color .15s, color .15s; }
.site-bar nav a:hover { background:rgba(255,255,255,.1); color:#fff; }
.site-bar nav a:focus-visible { outline:none; box-shadow:0 0 0 2px #38BDF8; }
.site-bar nav a[aria-current] { background:#fff; color:#0B0D11; }
.site-bar nav a.site-bar__publish { position:absolute; top:38px; right:16px; min-height:36px; padding:0 14px; border-radius:999px; background:#10B981; color:#0B0D11; font-weight:800; }
@media (min-width:640px) { .site-bar nav a.site-bar__publish { top:40px; right:24px; } }
.site-bar nav a.site-bar__publish:hover { background:#059669; color:#fff; }
@media (min-width:1024px) {
  .site-bar nav { display:flex; gap:6px; }
  .site-bar nav a { min-height:0; padding:6px 12px; }
  .site-bar nav a.site-bar__publish { position:static; min-height:0; margin-left:auto; padding:6px 14px; }
}
/* The current group's pages as pills: sideways scroll on phones with a fade at the right edge. */
.site-bar nav.site-bar__sub { display:flex; gap:6px; overflow-x:auto; scrollbar-width:none; margin:0 -16px; padding:8px 40px 8px 16px; border-top:1px solid rgba(255,255,255,.1);
  -webkit-mask-image:linear-gradient(to right,#000 calc(100% - 40px),transparent); mask-image:linear-gradient(to right,#000 calc(100% - 40px),transparent); }
.site-bar nav.site-bar__sub::-webkit-scrollbar { display:none; }
.site-bar nav.site-bar__sub a { min-height:40px; padding:0 12px; border-radius:999px; background:rgba(255,255,255,.15); color:#fff; }
.site-bar nav.site-bar__sub a:hover { background:rgba(255,255,255,.25); }
.site-bar nav.site-bar__sub a[aria-current] { background:#fff; color:#0B0D11; }
@media (min-width:640px) { .site-bar nav.site-bar__sub { margin:0; padding-left:0; } }
@media (min-width:1024px) { .site-bar nav.site-bar__sub { padding-right:0; -webkit-mask-image:none; mask-image:none; } .site-bar nav.site-bar__sub a { min-height:0; padding:4px 12px; } }
.site-links { display:flex; flex-wrap:wrap; gap:4px 16px; margin-bottom:8px; }