@import url("pastel-purple.css?v=20260809-pastel");
.nav-toggle{display:none}
.social-nav{display:flex;align-items:center;gap:8px;margin-left:-8px;padding-left:18px;border-left:1px solid var(--linka)}
nav .social-link{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:7px;border:1px solid var(--linka);border-radius:50%;line-height:0}
nav .social-link svg{width:16px;height:16px;fill:currentColor}
nav .social-link:hover{color:var(--akc-tm);background:var(--bila);border-color:var(--zlt)}
/* Prevent the desktop menu from pushing the social links outside a narrower notebook viewport. */
@media (min-width:921px) and (max-width:1140px){
  .hd{padding-inline:16px!important}
  .hd nav{gap:11px!important;font-size:9px!important;letter-spacing:.095em!important}
  .hd nav>a{white-space:nowrap}
  .social-nav{gap:5px;margin-left:0;padding-left:11px}
  nav .social-link{width:27px;height:27px;padding:6px}
  nav .social-link svg{width:14px;height:14px}
}
@media(max-width:920px){
  .hd{position:relative!important;display:flex!important;align-items:center!important}
  .hd nav{display:none!important;overflow:visible!important}
  .burg,.nav-toggle{display:inline-flex!important;align-items:center;justify-content:center;width:46px;height:46px;margin-left:auto;border:1px solid var(--linka);border-radius:50%;background:var(--bila);color:var(--ink);font:26px/1 system-ui,sans-serif;cursor:pointer}
  .hd.menu-open nav{position:absolute!important;z-index:100;top:calc(100% + 1px);left:14px;right:14px;display:flex!important;flex-direction:column;align-items:stretch;gap:0!important;margin:0!important;padding:12px 18px 16px;border:1px solid var(--linka);background:rgba(253,251,247,.98);box-shadow:0 18px 38px rgba(51,48,42,.16)}
  .hd.menu-open nav>a{display:block!important;padding:11px 2px;font-size:11px;letter-spacing:.12em}
  .hd.menu-open .social-nav{display:flex;margin:8px 0 0;padding:12px 0 0;border-left:0;border-top:1px solid var(--linka)}
}
@media(max-width:560px){
  .hd{padding:10px 14px!important}
  .logo{justify-content:flex-start!important;min-width:0}
  .logo svg{display:block!important;flex:0 0 auto}
  .logo .t b{font-size:14px!important;letter-spacing:.08em!important;white-space:nowrap}
  .logo .t small{font-size:8px!important}
  .hd nav{margin-top:0!important}
}