@font-face {
  font-family: "GenProof Navigation";
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url("/bugs/assets/fonts/roboto-mono-latin.woff2") format("woff2");
}

.site-header {
  position: sticky;
  top: 0;
  z-index: 50;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 16px 24px;
  width: 100%;
  padding: 20px max(32px, calc((100% - 1184px) / 2));
  border-bottom: 1px solid #e5e5e5;
  background: #ffffff;
  font-family: var(--font-roboto-mono, "GenProof Navigation"), "Courier New", monospace;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: normal;
}

.site-header--bugs {
  background: linear-gradient(180deg, #eaf2fb, #ffffff 92%);
  background-size: 100% 100svh;
}

.site-header.bar { position: fixed; left: 0; right: 0; }
.site-header .site-header__home { color: #000000; font-size: 1.65rem; font-weight: 700; line-height: 1.2; text-decoration: none; }
.site-header .site-header__home:hover { color: #171717; text-decoration: none; }
.site-header__links { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 24px; margin-left: auto; }
.site-header__links a { color: #025fbc; font-size: 1.1rem; font-weight: 400; line-height: 1.6; white-space: nowrap; text-decoration: none; text-underline-offset: 3px; text-decoration-thickness: 1px; }
.site-header__links a:hover { color: #004499; text-decoration: underline; }
.site-header__links a[aria-current="page"] { text-decoration: underline; }
.site-header a:focus-visible { outline: 2px solid #025fbc; outline-offset: 3px; }

@media (max-width: 720px) {
  .site-header { padding: 16px; }
  .site-header__links { gap: 4px 12px; }
}