/* Campaign mode gives the board the first screen; the regular site keeps its masthead. */
.campaign-header[data-sociality-mode] {
  display:grid;
  grid-template-columns:max-content minmax(0,1fr);
  align-items:center;
  column-gap:1rem;
  row-gap:0;
  padding:5px 0 9px;
  margin-bottom:0;
  border-bottom:1px solid #dddeda;
}
.campaign-header[data-sociality-mode] .campaign-header-top { display:none; }
.campaign-header[data-sociality-mode] #social-brand-row,
.campaign-header[data-sociality-mode] .campaign-nav,
.campaign-header[data-sociality-mode] .campaign-nav:has(.sociality-primary[data-mason-accent]) {
  display:contents;
}
.campaign-header[data-sociality-mode] .campaign-brand,
.campaign-header[data-sociality-mode] #social-brand-row .social-brand-wordmark {
  position:static!important;
  grid-column:1;
  grid-row:1;
  justify-self:start;
  display:inline-flex;
  align-items:center;
  justify-content:flex-start;
  width:fit-content;
  min-height:40px;
  margin:0!important;
  gap:.22em;
  font-size:1.4rem;
  line-height:1;
  text-align:left;
  color:#233b31;
}
.campaign-header[data-sociality-mode] .campaign-wordmark { font-size:1em; }
.campaign-header[data-sociality-mode] .campaign-eye { width:.88em; height:.88em; }
.campaign-header[data-sociality-mode] .campaign-nav .sociality-secondary-nav {
  grid-column:2;
  grid-row:1;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  flex-wrap:wrap;
  width:auto;
  min-width:0;
  gap:0 18px;
  padding:0;
}
.campaign-header[data-sociality-mode] .campaign-nav .sociality-secondary-nav a {
  font-size:.9rem;
  min-height:40px;
  padding:0;
  color:#676e68;
}
.campaign-header[data-sociality-mode] .campaign-nav .sociality-primary,
.campaign-header[data-sociality-mode] .campaign-nav .sociality-primary[data-mason-accent],
.campaign-header[data-sociality-mode] .campaign-nav .sociality-primary[data-mason-accent][data-question-banner] {
  grid-column:1/-1;
  grid-row:2;
  display:block;
  container-type:normal;
  box-sizing:border-box;
  width:100%;
  max-width:none;
  min-height:0;
  padding:4px 0 2px;
  margin:0;
  border:0;
  border-radius:0;
  outline:0;
  background:none;
  color:#24583e;
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(1.15rem,2.1vw,1.5rem);
  font-weight:400;
  line-height:1.24;
  letter-spacing:-.015em;
  text-align:left;
  text-decoration:none;
}
.campaign-header[data-sociality-mode] .sociality-primary [data-ku-campaign-label],
.campaign-header[data-sociality-mode] .sociality-primary[data-mason-accent][data-question-banner] [data-ku-campaign-label] {
  display:block;
  width:auto;
  max-width:42rem;
  border:0;
  padding:0;
  font:inherit;
  letter-spacing:inherit;
  text-align:left;
  text-wrap:pretty;
  overflow-wrap:anywhere;
}
.campaign-header[data-sociality-mode] .sociality-primary[data-question-banner] .kq-sign-line {
  display:inline;
  margin:0;
  color:inherit;
  font:inherit;
  letter-spacing:inherit;
  white-space:normal;
}
.campaign-header[data-sociality-mode] .sociality-primary[data-mason-accent] .kq-sign-emphasis {
  text-decoration:underline;
  text-decoration-color:#c8a85c;
  text-decoration-thickness:1px;
  text-underline-offset:4px;
}
.campaign-header[data-sociality-mode] .sociality-nav-bracket { display:none; }
.campaign-header[data-sociality-mode] .campaign-nav .sociality-primary:hover { background:none; color:#163f2b; }
.campaign-header[data-sociality-mode] .campaign-nav .sociality-primary:focus-visible { outline:2px solid #24583e; outline-offset:3px; }
/* Social accounts stay available in one quiet line, even after preview settings change. */
.campaign-header[data-sociality-mode] #social-brand-row .social-preview-bar[data-style=masthead] {
  grid-column:1/-1;
  grid-row:3;
  position:static;
  justify-self:start;
  display:flex;
  flex-direction:row;
  flex-wrap:wrap;
  align-items:center;
  justify-content:flex-start;
  gap:0 12px;
  max-width:100%;
  margin:0;
  padding:4px 0 0;
  border:0;
  transform:none;
}
.campaign-header[data-sociality-mode] #social-brand-row .social-preview-bar[data-style=masthead] a {
  display:inline-flex;
  gap:4px;
  font-size:11px;
  min-height:24px;
  color:#737a73;
}
.campaign-header[data-sociality-mode] #social-brand-row .social-preview-bar[data-style=masthead] .social-icon { width:15px; height:15px; background:none; }
.campaign-header[data-sociality-mode] #social-brand-row .social-preview-bar[data-style=masthead] svg { width:13px; height:13px; }
@media(max-width:440px) {
  .campaign-header[data-sociality-mode] { column-gap:12px; padding-top:2px; }
  .campaign-header[data-sociality-mode] .campaign-brand,
  .campaign-header[data-sociality-mode] #social-brand-row .social-brand-wordmark { font-size:1.23rem; }
  .campaign-header[data-sociality-mode] .campaign-nav .sociality-secondary-nav { gap:0 14px; }
  .campaign-header[data-sociality-mode] .campaign-nav .sociality-secondary-nav a { font-size:.82rem; }
}