/* The Vektora site header on a published brief (2026-10-22). Briefs are
   standalone pages packaged from the report template, so until now a reader
   who landed on one had no way back to the site. The markup is vkHeader() from
   lib/intel-import.mjs, injected by lib/brief-head.mjs (injectSiteBar). Every
   rule and token is scoped to .vk-site-bar so nothing reaches the brief's own
   design system; the values copy the site's nav (src/site-ds, vk-intel.css).
   The bar scrolls away with the page rather than sticking, so it never covers
   a card the brief's menu jumps to. The phone menu runs on vk-intel.js. */
@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@600;700&family=IBM+Plex+Mono:wght@500;600&display=swap");

.vk-site-bar {
  --vsb-wrap: 1040px; --vsb-pad: 24px;
  --vsb-text: #101114; --vsb-text2: #55534e; --vsb-bg: #ffffff; --vsb-bg2: #f7f6f3;
  --vsb-red: #a7453d; --vsb-red-dark: #75342f; --vsb-red-focus: #d9564a;
  --vsb-sans: 'IBM Plex Sans', -apple-system, BlinkMacSystemFont, sans-serif;
  --vsb-mono: 'IBM Plex Mono', 'SF Mono', Menlo, Consolas, monospace;
  position: relative; z-index: 50; font-family: var(--vsb-sans); color: var(--vsb-text); line-height: 1.4;
}
.vk-site-bar *, .vk-site-bar *::before, .vk-site-bar *::after { box-sizing: border-box; }
.vk-site-bar .vk-nav { position: relative; background: var(--vsb-bg); border-bottom: 1.5px solid var(--vsb-text); }
.vk-site-bar .vk-wrap { max-width: var(--vsb-wrap); margin: 0 auto; padding-inline: var(--vsb-pad); }
.vk-site-bar .vk-nav__inner { display: flex; align-items: center; gap: 24px; padding-block: 10px; }
.vk-site-bar .vk-brand { display: flex; align-items: center; gap: 12px; margin-right: auto; color: var(--vsb-text); text-decoration: none; }
.vk-site-bar .vk-brand__lockup { display: flex; align-items: center; gap: 8px; }
.vk-site-bar .vk-brand__mark { display: block; width: 22px; height: 22px; flex: none; }
.vk-site-bar .vk-brand__name { font-family: var(--vsb-sans); font-size: 19px; font-weight: 700; letter-spacing: -0.02em; line-height: 1; }
.vk-site-bar .vk-brand__tag { font-family: var(--vsb-mono); font-size: 9.5px; letter-spacing: .16em; text-transform: uppercase; color: var(--vsb-red); }
.vk-site-bar .vk-nav__links { display: flex; gap: 18px; list-style: none; margin: 0; padding: 0; }
.vk-site-bar .vk-nav__links li { margin: 0; padding: 0; }
.vk-site-bar .vk-nav__links a { font-family: var(--vsb-mono); font-size: 10.5px; letter-spacing: .12em; text-transform: uppercase; color: var(--vsb-text2); text-decoration: none; }
.vk-site-bar .vk-nav__links a:hover, .vk-site-bar .vk-nav__links a[aria-current="page"] { color: var(--vsb-text); }
.vk-site-bar .vk-btn { display: inline-flex; align-items: center; gap: 8px; background: var(--vsb-red); color: #fff; text-decoration: none; font-family: var(--vsb-mono); font-size: 10px; letter-spacing: .12em; text-transform: uppercase; font-weight: 600; padding: 7px 12px; border: 1px solid var(--vsb-red); white-space: nowrap; }
.vk-site-bar .vk-btn:hover { background: var(--vsb-red-dark); border-color: var(--vsb-red-dark); }
.vk-site-bar .vk-nav__menu { display: none; width: 34px; height: 34px; align-items: center; justify-content: center; flex: none; background: var(--vsb-bg); color: var(--vsb-text); border: 1px solid var(--vsb-text); border-radius: 0; padding: 0; cursor: pointer; }
.vk-site-bar .vk-nav__menu:hover, .vk-site-bar .vk-nav__menu[aria-expanded="true"] { background: var(--vsb-text); color: var(--vsb-bg); }
.vk-site-bar .vk-nav__menu:focus-visible, .vk-site-bar a:focus-visible { outline: 2px solid var(--vsb-red-focus); outline-offset: 2px; }
.vk-site-bar .vk-nav__flyout { position: absolute; right: max(var(--vsb-pad), calc((100% - var(--vsb-wrap)) / 2 + var(--vsb-pad))); top: calc(100% + 6px); width: min(288px, calc(100% - 2 * var(--vsb-pad))); background: var(--vsb-bg); border: 1px solid var(--vsb-text); padding: 8px 0; box-shadow: 0 2px 10px rgba(16, 17, 20, .14); }
.vk-site-bar .vk-nav__flyout[hidden] { display: none; }
.vk-site-bar .vk-nav__flyout ul { list-style: none; margin: 0; padding: 0; }
.vk-site-bar .vk-nav__flyout a { display: grid; grid-template-columns: 26px 1fr; gap: 8px; align-items: baseline; padding: 9px 16px; font-family: var(--vsb-mono); font-size: 11px; letter-spacing: .12em; text-transform: uppercase; font-weight: 500; color: var(--vsb-text); text-decoration: none; }
.vk-site-bar .vk-nav__flyout a:hover { background: var(--vsb-bg2); }
.vk-site-bar .vk-nav__flyout-n { font-size: 11px; color: var(--vsb-red); font-weight: 700; }
@media (max-width: 960px) {
  .vk-site-bar .vk-nav__menu { display: flex; }
  .vk-site-bar .vk-nav__inner { gap: 10px; }
  .vk-site-bar .vk-nav__inner > nav { display: none; }
}
@media (min-width: 961px) { .vk-site-bar .vk-nav__flyout { display: none; } }
@media (max-width: 560px) {
  .vk-site-bar { --vsb-pad: 16px; }
  .vk-site-bar .vk-brand__tag { display: none; }
}