/* Tools strip (owner, 2026-10-08): every tool in view, in three groups (static/js/nav-clusters.js), and a pill for the
   open tool instead of a thin underline. The strip never hides a tool behind its right edge any more:
     >= 2200 px  captions "Create / Files / Profile" between the groups, wider strip
     1920-2199   thin dividers instead of the captions
     1400-1919   no icons, tighter padding
     761-1399    the strip wraps into a second row (no icons)
   Measured with the Russian and German labels (the longest).
   Loaded after site-theme / tools-tidy, before ui-polish; the selectors beat site-theme.css's rules. */
@media (min-width:761px){
  html body.site-v2.page-tools .top-chrome-inner{width:min(100% - 48px,1880px)!important}
  html body.site-v2.page-tools .top-chrome #nav{align-items:center!important;gap:2px!important;min-height:56px;padding:7px 0!important}
  html body.site-v2.page-tools .top-chrome #nav>button,
  html body.site-v2.page-tools .top-chrome #nav .nav-group__trigger{
    position:relative;min-height:40px!important;padding:0 10px!important;gap:7px!important;border-radius:11px!important;
    color:rgba(226,238,255,.78)!important;font:600 13px/1 Montserrat,system-ui,sans-serif!important;
    transition:background .15s,color .15s,box-shadow .15s}
  html body.site-v2.page-tools .top-chrome #nav>button:hover,
  html body.site-v2.page-tools .top-chrome #nav .nav-group__trigger:hover{background:rgba(255,255,255,.06)!important;color:#fff!important}
  html body.site-v2.page-tools .top-chrome #nav>button.active,
  html body.site-v2.page-tools .top-chrome #nav .nav-group__trigger.is-current{
    color:#fff!important;background:linear-gradient(135deg,rgba(31,201,241,.22),rgba(138,125,255,.18))!important;
    box-shadow:inset 0 0 0 1px rgba(111,227,255,.42),0 6px 18px rgba(31,201,241,.12)!important}
  html body.site-v2.page-tools .top-chrome #nav>button.active::after{display:none!important}
  html body.site-v2.page-tools .top-chrome #nav>button::before,
  html body.site-v2.page-tools .top-chrome #nav .nav-group__trigger::before{display:block!important;width:15px!important;height:15px!important}
}
/* Group captions: a divider plus a small label before the first tool of each group. */
#nav .nav-cluster{display:inline-flex;align-items:center;flex:0 0 auto;align-self:center;height:26px;margin-left:12px;padding-left:14px;padding-right:6px;
  border-left:1px solid rgba(110,170,255,.2);color:rgba(127,233,255,.72);font:800 10.5px/1 Montserrat,system-ui,sans-serif;
  letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;pointer-events:none;user-select:none}
#nav .nav-cluster--create{margin-left:0;padding-left:0;border-left:0}
@media (max-width:2199px){
  #nav .nav-cluster{width:1px;margin-left:9px;margin-right:9px;padding:0;overflow:hidden;color:transparent;background:rgba(110,170,255,.24);border-left:0}
  #nav .nav-cluster--create{display:none}
}
@media (min-width:2200px){html body.site-v2.page-tools .top-chrome-inner{width:min(100% - 48px,2040px)!important}}
@media (min-width:761px) and (max-width:1919px){
  html body.site-v2.page-tools .top-chrome #nav>button,
  html body.site-v2.page-tools .top-chrome #nav .nav-group__trigger{padding:0 8px!important}
  html body.site-v2.page-tools .top-chrome #nav>button::before,
  html body.site-v2.page-tools .top-chrome #nav .nav-group__trigger::before{display:none!important}
}
/* 2026-10-10: one more tool (AI animation). Tighter steps so every label of all 8 languages stays in one row
   (measured: ru/en/de/tr/fr/uk/es/pt at 1400, 1440, 1536, 1600, 1680, 1920, 2200 px). */
@media (min-width:1400px) and (max-width:1499px){
  html body.site-v2.page-tools .top-chrome #nav>button,
  html body.site-v2.page-tools .top-chrome #nav .nav-group__trigger{padding:0 5px!important;font-size:12px!important}
  #nav .nav-cluster{margin-left:4px;margin-right:4px}
}
@media (min-width:1500px) and (max-width:1599px){
  html body.site-v2.page-tools .top-chrome #nav>button,
  html body.site-v2.page-tools .top-chrome #nav .nav-group__trigger{padding:0 6px!important;font-size:12.5px!important}
  #nav .nav-cluster{margin-left:6px;margin-right:6px}
}
@media (min-width:1920px){
  html body.site-v2.page-tools .top-chrome #nav>button,
  html body.site-v2.page-tools .top-chrome #nav .nav-group__trigger{padding:0 8px!important;gap:5px!important}
}
@media (min-width:2200px){html body.site-v2.page-tools .top-chrome-inner{width:min(100% - 48px,2160px)!important}}
@media (min-width:761px) and (max-width:1399px){
  /* Small laptops and tablets: two rows rather than tools hidden past the edge. */
  html body.site-v2.page-tools .top-chrome #nav{flex-wrap:wrap!important;justify-content:center!important;row-gap:2px!important;overflow:visible!important}
  html body.site-v2.page-tools .top-chrome #nav>button,
  html body.site-v2.page-tools .top-chrome #nav .nav-group__trigger{min-height:36px!important}
}
@media (max-width:760px){
  #nav .nav-cluster{height:22px;margin-left:4px;margin-right:4px}
}