/* BLINKBUN v3.10.0 — definitive shared desktop header geometry.
   Loaded by svc260_render_header() itself, AFTER all page-head CSS.
   Purpose: one 1200px axis and one-row desktop header on every shared page. */
:root{--bb3100-axis:1200px;--bb3100-gutter:16px;--bb3100-line:rgba(110,180,220,.16)}

/* full-width paint, fixed content axis */
html body header.v230-header.v260-header.v387-header,
html body header.v230-header.v260-header,
html body header.v230-header{
  width:100%!important;max-width:none!important;min-width:0!important;
  min-height:76px!important;height:76px!important;
  margin:0!important;padding:0!important;
  display:block!important;position:relative!important;
  border-bottom:1px solid var(--bb3100-line)!important;
  box-sizing:border-box!important;
}
html body .v3100-header-axis,
html body .v398-header-axis.v3100-header-axis,
html body .v398-header-axis{
  width:min(var(--bb3100-axis),calc(100% - 32px))!important;
  max-width:var(--bb3100-axis)!important;min-width:0!important;
  height:76px!important;min-height:76px!important;
  margin:0 auto!important;padding:0!important;
  display:grid!important;
  grid-template-columns:190px minmax(0,1fr) auto!important;
  grid-template-areas:"brand nav actions"!important;
  align-items:center!important;justify-items:stretch!important;
  column-gap:18px!important;row-gap:0!important;
  box-sizing:border-box!important;
}
html body .v3100-header-axis>.v230-brand,
html body .v398-header-axis>.v230-brand{
  grid-area:brand!important;justify-self:start!important;
  margin:0!important;padding:0!important;min-width:0!important;
  display:flex!important;align-items:center!important;gap:10px!important;
}
html body .v3100-header-axis>.v260-nav,
html body .v3100-header-axis>.v387-nav,
html body .v398-header-axis>.v260-nav,
html body .v398-header-axis>.v387-nav{
  grid-area:nav!important;
  width:auto!important;min-width:0!important;max-width:none!important;
  height:44px!important;min-height:44px!important;
  margin:0!important;padding:0!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  flex-wrap:nowrap!important;overflow:visible!important;
  gap:4px!important;border:0!important;
  justify-self:center!important;
}
html body .v3100-header-axis>.v260-nav>a,
html body .v3100-header-axis>.v387-nav>a,
html body .v3100-header-axis>.v260-nav>details>summary,
html body .v3100-header-axis>.v387-nav>details>summary,
html body .v398-header-axis>.v260-nav>a,
html body .v398-header-axis>.v387-nav>a,
html body .v398-header-axis>.v260-nav>details>summary,
html body .v398-header-axis>.v387-nav>details>summary{
  box-sizing:border-box!important;height:38px!important;min-height:38px!important;
  margin:0!important;padding:0 9px!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  flex:0 0 auto!important;white-space:nowrap!important;
  font-size:12px!important;line-height:1!important;border-radius:10px!important;
}
html body .v3100-header-axis>.v230-actions,
html body .v3100-header-axis>.v260-actions,
html body .v398-header-axis>.v230-actions,
html body .v398-header-axis>.v260-actions{
  grid-area:actions!important;justify-self:end!important;
  width:auto!important;min-width:max-content!important;max-width:none!important;
  height:40px!important;min-height:40px!important;
  margin:0!important;padding:0!important;
  display:flex!important;align-items:center!important;justify-content:flex-end!important;
  flex-wrap:nowrap!important;gap:7px!important;overflow:visible!important;
}
html body .v3100-header-axis .v260-language-select,
html body .v398-header-axis .v260-language-select{
  box-sizing:border-box!important;width:116px!important;min-width:116px!important;
  height:40px!important;min-height:40px!important;margin:0!important;
}
html body .v3100-header-axis .v291-auth-link,
html body .v398-header-axis .v291-auth-link{
  box-sizing:border-box!important;height:40px!important;min-height:40px!important;
  margin:0!important;padding:0 12px!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  font-size:12px!important;line-height:1!important;white-space:nowrap!important;
}

/* Kill legacy 1220px two-row header. Keep one row until actual mobile. */
@media (min-width:901px){
  html body header.v230-header.v260-header.v387-header,
  html body header.v230-header.v260-header{height:76px!important;min-height:76px!important;padding:0!important}
  html body .v3100-header-axis,
  html body .v398-header-axis{
    grid-template-columns:190px minmax(0,1fr) auto!important;
    grid-template-areas:"brand nav actions"!important;
    height:76px!important;min-height:76px!important;
  }
  html body .v3100-header-axis>.v260-nav,
  html body .v3100-header-axis>.v387-nav,
  html body .v398-header-axis>.v260-nav,
  html body .v398-header-axis>.v387-nav{
    grid-column:auto!important;grid-row:auto!important;order:0!important;
    padding:0!important;border:0!important;overflow:visible!important;
    justify-content:center!important;
  }
  html body .v3100-header-axis>.v230-actions,
  html body .v3100-header-axis>.v260-actions,
  html body .v398-header-axis>.v230-actions,
  html body .v398-header-axis>.v260-actions{
    grid-column:auto!important;grid-row:auto!important;order:0!important;width:auto!important;
  }
}

/* only real compact layouts collapse */
@media (max-width:900px){
  html body header.v230-header.v260-header.v387-header,
  html body header.v230-header.v260-header{height:auto!important;min-height:64px!important}
  html body .v3100-header-axis,
  html body .v398-header-axis{
    width:calc(100% - 24px)!important;height:auto!important;min-height:64px!important;
    grid-template-columns:1fr auto!important;grid-template-areas:"brand actions"!important;
    padding:8px 0!important;
  }
  html body .v3100-header-axis>.v260-nav,
  html body .v3100-header-axis>.v387-nav,
  html body .v398-header-axis>.v260-nav,
  html body .v398-header-axis>.v387-nav{display:none!important}
  html body .v3100-header-axis .v260-language-select,
  html body .v398-header-axis .v260-language-select{width:104px!important;min-width:104px!important}
}