/* ── Общая шапка ───────────────────────────────────────────────────
   Раньше на главной она вела себя иначе, чем на прочих страницах, а
   разделов со временем стало больше, чем помещается в строку. Теперь
   поведение одно на всех страницах, а справочники убраны в список. */
.topbar{
  position:sticky;top:0;z-index:60;
  background:rgba(7,11,28,0);
  transition:background var(--dur) var(--ease),box-shadow var(--dur) var(--ease);
}
.topbar.lit{
  background:rgba(7,11,28,.9);
  backdrop-filter:blur(14px);
  box-shadow:0 1px 0 rgba(201,162,39,.24);
}
.topbar .row{
  max-width:var(--w-full);margin:0 auto;padding:0 26px;min-height:58px;
  display:flex;align-items:center;justify-content:space-between;gap:24px;
}
.topbar .brand{display:inline-flex;align-items:baseline;gap:10px;text-decoration:none;color:var(--vellum)}
.topbar .brand .n{font-family:var(--display);font-size:var(--fs-large);letter-spacing:.1em;text-transform:uppercase;line-height:1}
.topbar .brand .s{font-family:var(--mono);font-size:var(--fs-micro);color:var(--gold);letter-spacing:.26em;text-transform:uppercase}

.menu{display:flex;align-items:center;gap:22px;white-space:nowrap}
.menu > a,.menu > .drop > button{
  font-family:var(--display);font-size:var(--fs-lead);letter-spacing:.06em;text-transform:uppercase;
  color:var(--text-muted);text-decoration:none;background:none;border:0;cursor:pointer;
  padding:6px 0;transition:color var(--dur) var(--ease);
}
.menu > a:hover,.menu > .drop > button:hover,.menu > a[aria-current]{color:var(--gold-lit)}
@media(max-width:900px){.menu{display:none}}

/* Справочники: четыре системы не помещаются в строку */
.drop{position:relative}
.drop > button::after{content:"";display:inline-block;margin-left:8px;
  border:4px solid transparent;border-top-color:currentColor;transform:translateY(2px)}
.drop-list{
  position:absolute;top:100%;left:50%;transform:translateX(-50%) translateY(6px);
  background:rgba(11,16,38,.97);backdrop-filter:blur(12px);
  box-shadow:var(--edge),0 20px 40px -22px #000;
  padding:8px;min-width:210px;display:grid;gap:2px;
  opacity:0;visibility:hidden;transition:opacity var(--dur) var(--ease),
    transform var(--dur) var(--ease),visibility var(--dur);
}
.drop:hover .drop-list,.drop:focus-within .drop-list{
  opacity:1;visibility:visible;transform:translateX(-50%) translateY(0);
}
.drop-list a{
  display:flex;justify-content:space-between;gap:14px;align-items:baseline;
  padding:10px 12px;text-decoration:none;color:var(--text-soft);
  font-family:var(--body);font-size:var(--fs-caption);
  transition:background var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease);
}
.drop-list a:hover{background:rgba(201,162,39,.12);color:var(--gold-lit)}
.drop-list a b{font-family:var(--mono);font-size:var(--fs-micro);color:var(--gold-deep);font-weight:400}

/* Телефон: строка ссылок под шапкой, прокручивается вбок */
.mobile-menu{display:none}
@media(max-width:900px){
  .mobile-menu{
    display:flex;gap:18px;overflow-x:auto;scrollbar-width:none;
    padding:0 26px 12px;white-space:nowrap;
  }
  .mobile-menu::-webkit-scrollbar{display:none}
  .mobile-menu a{
    font-family:var(--display);font-size:var(--fs-caption);letter-spacing:.06em;
    text-transform:uppercase;color:var(--text-muted);text-decoration:none;flex:0 0 auto;
  }
  .mobile-menu a:hover{color:var(--gold-lit)}
}