/* Единый хедер: название и скрытые ссылки в одной строке. */
.site-nav{
  --nav-page-gutter:12px;--nav-page-top:calc(12px + env(safe-area-inset-top,0px));
  box-sizing:border-box;margin:calc(-1 * var(--nav-page-top)) calc(-1 * var(--nav-page-gutter)) 24px;
  background:#ebecec;color:#26282b;font-family:'IBM Plex Mono',monospace;
}
body:has(>.wrap)>.site-nav{--nav-page-gutter:max(16px,4vw);--nav-page-top:32px}
/* Текст страниц начинается на одной линии с логотипом. */
body>.wrap{margin-inline:0}
.site-nav__inner{
  box-sizing:border-box;min-height:44px;padding:10px max(16px,4vw);
  display:flex;align-items:center;gap:24px;
}
.site-nav .site-nav__brand{
  flex:none;display:block;padding:0;border:0;border-radius:0;background:none;box-shadow:none;
  color:inherit;font:600 12px/1.3 'IBM Plex Mono',monospace;
  letter-spacing:-.025em;text-align:left;white-space:nowrap;cursor:pointer;touch-action:manipulation;
}
.site-nav__links{display:flex;align-items:center;gap:18px;min-width:0;overflow-x:auto;padding:4px 2px 6px;white-space:nowrap}
.site-nav__links[hidden]{display:none}
.site-nav a{
  flex:none;display:block;color:inherit;text-decoration-line:underline;
  text-decoration-color:transparent;text-decoration-thickness:2px;text-underline-offset:4px;
  font:400 12px/1.4 'IBM Plex Mono',monospace;touch-action:manipulation;
}
.site-nav a:hover,.site-nav a:focus-visible{text-decoration-color:#ff3028}
.site-nav a[aria-current="page"]{font-weight:700}
.site-nav a:focus-visible,.site-nav__brand:focus-visible{outline:2px solid #ff3028;outline-offset:4px}
@media(max-width:760px){
  .site-nav__inner{gap:12px;min-height:38px;padding-block:8px}
  .site-nav .site-nav__brand{font-size:10px}
  .site-nav__links{gap:12px}
  .site-nav a{font-size:9px}
}
@media(max-width:420px){
  .site-nav__inner{gap:8px}
  .site-nav .site-nav__brand{font-size:10px}
  .site-nav__links{gap:9px}
  .site-nav a{font-size:9px}
}