/* Вид выпадающих разделов меню — отдельным файлом: шапка одна на весь сайт, а стили
   жили только в CSS лендингов. На журнале, статьях и справочнике меню открывалось
   голым списком (фон прозрачный, z-index auto, ширина 123 px вместо 214).

   Сюда идут ТОЛЬКО правила самого списка: селекторы фильтруются по `.nav-drop` и
   `.nav-chev`, группы вида «.nav .nav-menu a, .nav .nav-menu .nav-drop-btn» урезаются
   до своей части. Первый заход утащил из медиазапросов правила ГОРИЗОНТАЛЬНОГО меню
   целиком — они перебили список, и ссылки стали высотой 20 px без вертикальных полей.
   Медиазапросы сохраняются обёртками: без этого
   `@media (max-width:900px){.nav-drop{display:none}}` скрыл бы разделы на всех ширинах. */
@media (min-width:901px){.nav .nav-menu .nav-drop-btn{font-size:14px !important}.nav .nav-menu .nav-drop-btn{padding:0 clamp(7px,0.8vw,13px) !important}}
@media (min-width:901px) and (max-width:1150px){.nav .nav-menu .nav-drop-btn{font-size:12px !important;padding:0 6px !important;gap:3px !important}.nav .nav-menu .nav-chev{width:10px !important;height:10px !important}}
.nav-drop{position:relative;display:flex;align-items:center}
.nav-drop-btn{display:inline-flex;align-items:center;gap:4px;min-height:38px;border:0; background:none;cursor:pointer;font:inherit;color:inherit; padding:0 clamp(5px,.55vw,10px);white-space:nowrap}
.nav-chev{width:11px;height:11px;transition:transform .18s ease;opacity:.55}
.nav-drop.is-open .nav-chev{transform:rotate(180deg)}
.nav-drop-menu{position:absolute;top:calc(100% + 8px);left:0; min-width:214px;max-width:280px;padding:8px;border-radius:16px; border:1px solid rgba(205,199,190,.7);background:#fffefa; box-shadow:0 18px 40px -24px rgba(35,29,22,.45); display:grid;gap:2px;opacity:0;visibility:hidden;pointer-events:none; transform:translateY(-4px);transition:opacity .15s ease,transform .15s ease,visibility .15s; z-index:60}
.nav-drop.is-open .nav-drop-menu{opacity:1;visibility:visible;pointer-events:auto; transform:translateY(0)}
.nav 
.nav-drop-menu--wide{grid-template-columns:repeat(2,minmax(0,1fr)); min-width:430px;max-width:none;gap:2px 6px}
.nav-drop-menu a{display:block !important;min-height:0 !important;height:auto !important; padding:9px 12px !important;border-radius:10px !important; font-size:13.5px !important;font-weight:500 !important;line-height:1.4 !important; letter-spacing:0 !important;white-space:nowrap;text-decoration:none; color:rgba(20,22,25,.78) !important;transform:none !important; transition:background-color .14s ease,color .14s ease !important}
.nav .nav-drop-menu a::before, .nav .nav-drop-menu a::after{display:none !important;content:none !important}
.nav .nav-drop-menu a:hover, .nav .nav-drop-menu a:focus-visible{background:rgba(20,22,25,.06) !important;color:#141619 !important;transform:none !important}
.nav-drop::after{content:"";position:absolute;top:100%;left:0;right:0;height:10px;display:none}
.nav-drop.is-open::after{display:block}
@media (max-width:900px){.nav-drop{display:none}}
.nav-drop-btn{position:relative;border-radius:11px; color:rgba(20,22,25,.6);font-size:13px;font-weight:600;letter-spacing:-.01em; transition:color .16s ease,background-color .16s ease}
.nav-drop-btn:hover, .nav-drop-btn:focus-visible, .nav-drop.is-open .nav-drop-btn{color:#141619;background:rgba(20,22,25,.055)}
.nav-drop-menu a:hover, .nav-drop-menu a:focus-visible{background:rgba(20,22,25,.06)}
.nav-drop-menu .v3f-self{display:block;padding:9px 12px;font-size:13.5px;font-weight:500; line-height:1.4;color:rgba(20,22,25,.45);cursor:default}


/* Усиленные селекторы. На страницах журнала, справочника и юр-документов
   горизонтальное меню имеет правило `.nav .nav-menu a{padding:0 clamp(...)}` внутри
   медиазапроса — специфичность (0,2,1) выше нашей (0,1,1), и ссылки выпадающего
   списка сплющивались до высоты 19 px. Здесь та же специфичность плюс !important,
   поэтому список выглядит одинаково везде. */
.nav .nav-menu .nav-drop-menu a{display:block !important;min-height:0 !important;
  height:auto !important;padding:9px 12px !important;border-radius:10px !important;
  font-size:13.5px !important;font-weight:500 !important;line-height:1.4 !important;
  letter-spacing:0 !important;white-space:nowrap;text-decoration:none;
  color:rgba(20,22,25,.78) !important;transform:none !important}
.nav .nav-menu .nav-drop-menu a:hover,
.nav .nav-menu .nav-drop-menu a:focus-visible{background:rgba(20,22,25,.06) !important;
  color:#141619 !important}
.nav .nav-menu .nav-drop-menu .v3f-self{display:block !important;padding:9px 12px !important;
  font-size:13.5px !important;font-weight:500 !important;line-height:1.4 !important;
  color:rgba(20,22,25,.45) !important;cursor:default}
