/* Sole header styling source for every KASB preview page. */
#site-header{
 position:sticky;top:0;z-index:30;background:#111;color:#fff;
 font:400 14px/1.2 Arial,sans-serif;
 -webkit-text-size-adjust:100%;text-size-adjust:100%;
}
#site-header .site-header-bar{
 position:relative;inset:auto;z-index:auto;display:flex;flex-wrap:nowrap;
 align-items:center;gap:24px;height:108px;min-height:108px;
 margin:0;padding:16px 5%;border-bottom:1px solid #ffffff55;
 box-sizing:border-box;background:#111;color:#fff;font:inherit;
}
#site-header .header-brand{display:flex;align-items:center;gap:12px;flex:0 0 auto;margin:0}
#site-header .header-brand>img{
 display:block;width:62px;height:auto;max-width:none;flex:none;object-fit:contain;
 border:1px solid #fff;padding:5px;border-radius:0;box-sizing:content-box;
}
#site-header .header-brand>span{display:block;font:800 14px/1.2 Arial,sans-serif}
#site-header .header-brand small{display:block;margin-top:3px;font:400 11px/1.2 Arial,sans-serif}
#site-header .header-nav{
 display:flex;flex:0 0 auto;flex-direction:row;align-items:center;gap:20px;
 width:auto;order:0;margin:0 0 0 auto;padding:0;overflow:visible;
 font:700 11px/16px Arial,sans-serif;letter-spacing:.025em;text-transform:uppercase;
}
#site-header .header-nav a,#site-header .header-nav summary{
 padding:10px 0;margin:0;font:inherit;white-space:nowrap;
}
#site-header .header-nav [aria-current=page],#site-header .header-nav summary.active{color:#f5c400}
#site-header .header-nav-group{position:relative}
#site-header .header-nav-group summary{cursor:pointer}
#site-header .header-nav-group>div{
 position:absolute;top:100%;left:-15px;z-index:10;min-width:180px;
 display:grid;gap:6px;padding:10px 15px;background:#111;border:1px solid #555;
}
#site-header .header-language{display:flex;align-items:center;gap:4px;flex:0 0 auto;margin:0}
#site-header .header-language button{
 padding:9px;border:0;background:transparent;color:inherit;
 font:700 12px/16px Arial,sans-serif;letter-spacing:0;white-space:nowrap;
}
#site-header .header-language button[aria-pressed=true]{background:#f5c400;color:#111}
#site-header .header-menu-toggle{display:none}
html{scroll-padding-top:var(--site-header-height,108px)}
@media(max-width:1150px){
 #site-header{max-height:100dvh;overflow-y:auto}
 #site-header .site-header-bar{
  display:grid;grid-template-columns:minmax(0,1fr) auto;
  grid-template-rows:60px 30px;gap:10px 15px;
  height:auto;min-height:125px;padding:12px 5%;
 }
 #site-header .header-brand{grid-column:1;grid-row:1;gap:10px}
 #site-header .header-brand>img{width:48px}
 #site-header .header-brand>span{font-size:12px}
 #site-header .header-menu-toggle{
  display:flex;grid-column:2;grid-row:1;align-items:center;gap:10px;
  margin:0;padding:8px 10px;background:none;color:#fff;border:1px solid #555;
  font:400 12px/16px Arial,sans-serif;
 }
 #site-header .header-language{grid-column:1/-1;grid-row:2}
 #site-header .header-language button{padding:7px 8px}
 #site-header .header-nav{
  display:none;grid-column:1/-1;grid-row:3;order:0;
  width:100%;margin:0;padding:15px 0;border-top:1px solid #555;
  flex-direction:column;align-items:stretch;gap:10px;
  font-size:13px;line-height:18px;white-space:normal;overflow:visible;
 }
 #site-header .header-nav.open{display:flex}
 #site-header .header-nav a,#site-header .header-nav summary{padding:10px}
 #site-header .header-nav-group>div{
  position:static;min-width:0;margin:0 10px;padding:10px 15px;
  border:0;border-left:2px solid #f5c400;
 }
}