.challenge-announcement{margin-top:var(--header-height);padding:0 var(--page-gutter);background:var(--blue);color:var(--paper)}
.challenge-announcement>a{display:flex;align-items:center;justify-content:center;gap:12px 24px;min-height:52px;padding:8px 0;font-size:14px;line-height:1.5}
.announcement-title{font-weight:600}
.announcement-meta{border-left:1px solid currentColor;padding-left:24px}
.announcement-action{font-weight:600;text-decoration:underline;text-underline-offset:4px;white-space:nowrap}
.challenge-announcement>a:hover .announcement-action{text-decoration-thickness:2px}
.challenge-announcement>a:focus-visible{outline:2px solid currentColor;outline-offset:3px}
body.ux-site.home-page #opening,body.ux-site.home-page.zh #opening{padding-top:30px}
.ux-site .header .events-menu{left:auto;right:0;width:320px}
.ux-site .header .events-menu>a:first-child{flex-direction:column;align-items:flex-start;gap:8px}
.ux-site .header .events-menu .entry-free{display:inline-block;background:var(--blue);color:var(--paper);padding:4px 8px;font-size:12px}
@media(min-width:1201px) and (max-width:1400px){.ux-site .header{gap:12px;padding-inline:2vw}.ux-site .header nav{gap:12px}.ux-site .header nav>a,.ux-site .header .program-nav summary{font-size:13px}.ux-site .header .brand{font-size:15px}.ux-site .header-controls{gap:10px}}
@media(max-width:1200px){.ux-site .header .events-menu{width:100%;right:auto}}
@media(max-width:760px){
 .challenge-announcement>a{justify-content:flex-start;flex-wrap:wrap;gap:4px 16px;padding:12px 0;font-size:12px}
 .announcement-title{flex-basis:100%;font-size:14px}
 .announcement-meta{border:0;padding:0}
 .announcement-action{margin-left:auto}
 body.ux-site.home-page #opening,body.ux-site.home-page.zh #opening{padding-top:28px}
}