@font-face {
  font-family: "Hajar Navigation";
  src: url("/assets/fonts/instrument-sans-latin-standard-normal.woff2") format("woff2");
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
}
:root { --site-menu-paper: #faf8f2; --site-menu-ink: #171717; --site-menu-rule: #d6d3cc; --site-menu-active: #eae7df; }
html[data-theme="dark"] { --site-menu-paper: #101820; --site-menu-ink: #f7f3e8; --site-menu-rule: #41474c; --site-menu-active: #283038; }
html.site-menu-open, html.site-menu-open body { overflow: hidden; }
.site-header-host { display: contents; }
.public-site-header {
  display: block;
  position: sticky;
  top: 0;
  z-index: 100;
  width: 100%;
  margin: 0;
  padding: 0;
  border-bottom: 1px solid var(--site-menu-rule);
  background: var(--site-menu-paper);
  color: var(--site-menu-ink);
  font: 500 16px/1.25 "Hajar Navigation", Arial, sans-serif;
  letter-spacing: -.02em;
  text-align: left;
}
.public-site-header *, .public-site-header *::before, .public-site-header *::after { box-sizing: border-box; }
.site-header__inner, .site-mobile-menu__bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: min(calc(100% - 72px), 1360px);
  height: 78px;
  margin: 0 auto;
  padding: 0;
  gap: 12px;
}
.site-header__inner { display: grid; grid-template-columns: 1fr auto 1fr; gap: 20px; }
.site-header__brand, .site-header__actions { display: flex; align-items: center; gap: 4px; }
.site-header__actions { justify-content: flex-end; }
.public-site-header .site-brand { display: flex; align-items: center; flex: 0 0 154px; width: 154px; height: 44px; padding: 0; color: inherit; text-decoration: none; }
.public-site-header .site-brand img { display: block; width: 100%; height: auto; max-height: 44px; object-fit: contain; margin: 0; }
.public-site-header .site-brand img.site-brand__dark { display: none; }
html[data-theme="dark"] .public-site-header .site-brand img.site-brand__light { display: none; }
html[data-theme="dark"] .public-site-header .site-brand img.site-brand__dark { display: block; }
.public-site-header .site-icon-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: transparent;
  color: inherit;
  cursor: pointer;
  font: inherit;
  line-height: 1;
  text-decoration: none;
}
.public-site-header .site-icon-button svg { display: block; flex: 0 0 20px; width: 20px; height: 20px; margin: 0; }
.public-site-header .site-menu-toggle { display: none; }
.public-site-header .site-theme-toggle[aria-pressed="true"] svg { transform: rotate(180deg); }
.public-site-header .site-desktop-nav { display: block; border: 1px solid var(--site-menu-rule); border-radius: 100px; }
.public-site-header .site-nav-list { display: flex; align-items: center; gap: 2px; margin: 0; padding: 4px; list-style: none; }
.public-site-header .site-nav-list li { display: block; margin: 0; padding: 0; }
.public-site-header .site-nav-link { display: flex; align-items: center; min-height: 36px; padding: 8px 12px; border-radius: 100px; color: inherit; font: inherit; line-height: 20px; letter-spacing: inherit; text-decoration: none; white-space: nowrap; }
.public-site-header .site-nav-link[aria-current="page"] { background: var(--site-menu-active); }
.public-site-header[data-site-header] a:focus-visible, .public-site-header[data-site-header] button:focus-visible { outline: 2px solid #d47636; outline-offset: 3px; }
.public-site-header .site-mobile-menu { position: fixed; inset: 0; z-index: 101; display: flex; height: 100dvh; flex-direction: column; background: var(--site-menu-paper); color: var(--site-menu-ink); }
.public-site-header .site-mobile-menu[hidden] { display: none; }
.site-mobile-menu__header { flex: 0 0 auto; border-bottom: 1px solid var(--site-menu-rule); }
.public-site-header .site-mobile-menu__nav { flex: 1 1 auto; min-height: 0; overflow-y: auto; overscroll-behavior: contain; padding: 20px 0; }
.public-site-header .site-mobile-menu__nav .site-nav-list { display: flex; align-items: stretch; flex-direction: column; gap: 3px; width: min(calc(100% - 32px), 1360px); margin: 0 auto; padding: 0; }
.public-site-header .site-mobile-menu__nav .site-nav-link { min-height: 44px; padding: 10px 12px; border-radius: 8px; font-size: 20px; line-height: 24px; }
.site-mobile-menu__footer { flex: 0 0 auto; padding-bottom: env(safe-area-inset-bottom); border-top: 1px solid var(--site-menu-rule); }
.site-mobile-menu__footer span { padding-left: 12px; opacity: .65; font-weight: 400; }
@media (hover: hover) and (pointer: fine) {
  .public-site-header .site-icon-button:hover, .public-site-header .site-nav-link:hover { background: var(--site-menu-active); }
}
.public-site-header .site-icon-button:active { transform: scale(.97); }
@media (max-width: 1100px) {
  .site-header__inner, .site-mobile-menu__bar { width: min(calc(100% - 32px), 1360px); height: 67px; }
  .site-header__inner { display: flex; gap: 4px; }
  .public-site-header .site-desktop-nav { display: none; }
  .public-site-header .site-menu-toggle { display: inline-flex; }
  .public-site-header .site-brand { flex-basis: 135px; width: 135px; }
}

body.publication-site > .skip-link, .reading-skip-link, .racing-skip-link { z-index: 120; }