/* Выпадающее меню «Редактор» в шапке: Редактор обработок / Консоль кода / Консоль запросов.
   Подключается на всех страницах поверх site-header.css, tools.css и стилей главной. */
.nav-dd{position:relative; display:flex; align-items:center}
.nav-dd > a .dd-caret{margin-left:4px; vertical-align:-1px; transition:transform .2s}
.nav-dd:hover > a .dd-caret, .nav-dd:focus-within > a .dd-caret{transform:rotate(180deg)}
.nav-dd-menu{position:absolute; top:100%; left:-14px; min-width:250px; margin-top:8px; padding:8px; background:#fff;
  border:1px solid var(--line,#e5e7eb); border-radius:12px; box-shadow:0 10px 30px rgba(15,23,42,.12);
  display:flex; flex-direction:column; gap:2px; opacity:0; visibility:hidden; transform:translateY(4px);
  transition:opacity .15s, transform .15s, visibility .15s; z-index:60}
/* мостик над меню: курсор не теряет hover по пути от пункта к меню */
.nav-dd-menu::before{content:''; position:absolute; left:0; right:0; top:-12px; height:12px}
.nav-dd:hover .nav-dd-menu, .nav-dd:focus-within .nav-dd-menu{opacity:1; visibility:visible; transform:none}
.nav-links .nav-dd-menu a{padding:9px 12px; border-radius:8px; color:var(--ink,#1f2937); font-size:14.5px; white-space:normal}
.nav-links .nav-dd-menu a::after{display:none}
.nav-links .nav-dd-menu a:hover{background:#fff7f0; color:var(--orange,#FF6600)}
.nav-dd-menu small{display:block; font-size:12.5px; font-weight:400; color:var(--muted,#64748b); margin-top:1px}
@media (max-width:960px){
  .nav-dd{display:block}
  .nav-dd > a .dd-caret{display:none}
  .nav-dd-menu{position:static; opacity:1; visibility:visible; transform:none; box-shadow:none; border:0; border-radius:0;
    background:none; padding:0 0 4px 14px; margin:0; min-width:0}
  .nav-dd-menu::before{display:none}
  .nav-links.open .nav-dd-menu a{padding:7px 0; font-size:15px}
  .nav-dd-menu small{display:none}
}