/* The campaign can wrap to its own content height or disappear completely. */
#header{--campaign-min-height:36px;top:calc(-1 * var(--campaign-offset,var(--campaign-min-height)))}
#header:not(:has(.campaign-bar)){--campaign-offset:0px;top:0}
#header .campaign-bar{height:auto;min-height:var(--campaign-min-height)}
#header .campaign-bar>.wrap{height:auto;min-height:var(--campaign-min-height);padding-top:6px;padding-bottom:6px}
#header .campaign-message{flex:1 1 auto}
#header .campaign-tag{max-width:190px;white-space:normal;overflow-wrap:anywhere}
#header .campaign-copy{flex:0 1 auto;min-width:0;overflow-wrap:anywhere}
#header .campaign-link{max-width:170px;white-space:normal;overflow-wrap:anywhere;text-align:left;line-height:1.4}
#header .campaign-link svg{flex:0 0 12px}
@media(max-width:760px){
 #header{--campaign-min-height:40px;top:calc(-1 * var(--campaign-offset,var(--campaign-min-height)))}
 #header:not(:has(.campaign-bar)){top:0}
 #header .campaign-message{grid-template-columns:minmax(0,1fr) auto;row-gap:3px}
 #header .campaign-tag{max-width:none}
 #header .campaign-link{max-width:94px;min-width:40px}
 #header .campaign-copy{font-size:8.5px;line-height:1.4}
}