/* Общая шапка сайта: логотип, подпись, меню разделов и бургер на телефоне.
   Разметку ставит tools/site-shell.mjs, поведение бургера — /site-nav.js.
   Без JS бургер — ссылка на #pa-menu, меню раскрывается через :target. */
header.pa-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:10px 18px;position:relative}
header.pa-header .brand{flex:0 0 auto;display:inline-flex;align-items:center;min-height:44px;white-space:nowrap}
header.pa-header .pa-tagline{flex:0 1 auto;font:11px/1.3 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:2px;color:#8aa3bb;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
header.pa-header .pa-nav{display:flex;align-items:center;gap:4px;margin:0 0 0 auto;padding:0;max-width:none;overflow:visible;background:none;border:0}
header.pa-header .pa-nav a{display:inline-flex;align-items:center;min-height:44px;padding:0 13px;border:1px solid transparent;border-radius:10px;color:#c8dbee;text-decoration:none;font:500 14px/1.2 Inter,'Segoe UI',system-ui,sans-serif;letter-spacing:0;white-space:nowrap;background:none}
header.pa-header .pa-nav a:hover{color:#fff;background:#16263c;border-color:#58779b55}
header.pa-header .pa-nav a[aria-current],header.pa-header .pa-nav a.pa-current{color:#fff;border-color:#8fb8df66;background:#132238}
header.pa-header .pa-nav a:focus-visible,header.pa-header .pa-burger:focus-visible{outline:3px solid #b6dfff;outline-offset:2px}
header.pa-header .pa-nav svg{width:15px;height:15px;margin-right:7px;flex:0 0 auto}
header.pa-header .pa-burger{display:none}
@media (max-width:1100px){header.pa-header .pa-tagline{display:none}}
@media (max-width:700px){
 header.pa-header{flex-wrap:wrap;justify-content:space-between;gap:8px}
 header.pa-header .brand{font-size:17px}
 header.pa-header .pa-burger{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:44px;min-height:44px;padding:0 12px;margin-left:auto;border:1px solid #6685a66b;border-radius:10px;background:#142338;color:#e2effc;text-decoration:none;font:500 14px/1 Inter,'Segoe UI',system-ui,sans-serif;cursor:pointer;-webkit-tap-highlight-color:transparent}
 header.pa-header .pa-burger-box{display:inline-flex;flex-direction:column;justify-content:space-between;width:18px;height:13px}
 header.pa-header .pa-burger-box i{display:block;height:2px;border-radius:2px;background:currentColor;transition:transform .2s,opacity .2s}
 header.pa-header .pa-nav{display:none;flex:1 0 100%;flex-direction:column;align-items:stretch;gap:2px;margin:4px 0 0;padding:6px;border:1px solid #58779b44;border-radius:14px;background:#0b1525}
 header.pa-header .pa-nav a{min-height:48px;padding:0 14px;font-size:16px}
 header.pa-header.pa-open .pa-nav,header.pa-header .pa-nav:target{display:flex}
 header.pa-header.pa-open .pa-burger-box i:nth-child(1){transform:translateY(5.5px) rotate(45deg)}
 header.pa-header.pa-open .pa-burger-box i:nth-child(2){opacity:0}
 header.pa-header.pa-open .pa-burger-box i:nth-child(3){transform:translateY(-5.5px) rotate(-45deg)}
}
@media (max-width:360px){header.pa-header .pa-burger-text{display:none}}
@media (prefers-reduced-motion:reduce){header.pa-header .pa-burger-box i{transition:none}}
.embedded header.pa-header,html.pa-embed header.pa-header{display:none}

/* The same model family above and below the page. A long row scrolls inside its own viewport on phones. */
nav.model-navigation{display:block;box-sizing:border-box;max-width:1400px;width:100%;min-width:0;margin:12px auto 20px;padding:10px 20px;background:none;border:0;overflow:hidden}
.model-navigation-title{font:11px/1.5 ui-monospace,monospace;letter-spacing:1.5px;color:#8aa3bb;text-transform:uppercase;margin-bottom:8px}
.model-navigation-links{display:flex;flex-wrap:wrap;gap:7px;max-width:100%;min-width:0}
nav.model-navigation a{display:inline-flex;align-items:center;flex:0 0 auto;min-height:40px;box-sizing:border-box;padding:7px 12px;border:1px solid #50617c66;border-radius:22px;background:#0b1220;color:#c8dbee;font:13px/1.35 Inter,'Segoe UI',system-ui,sans-serif;text-decoration:none;white-space:nowrap}
nav.model-navigation a:hover{border-color:#9fb9e0;color:#fff}
nav.model-navigation a[aria-current="page"]{background:#bdc7ff;color:#10172a;border-color:#bdc7ff}
nav.model-navigation a:focus-visible{outline:3px solid #b6dfff;outline-offset:-3px}
.embedded nav.model-navigation,html.pa-embed nav.model-navigation{display:none}
@media(max-width:700px){nav.model-navigation{padding:8px 12px}.model-navigation-links{flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;padding-bottom:6px}nav.model-navigation a{min-height:44px}}