/* AsKrs network bar — site-level navigation, deliberately not a promo banner.
   No gradient, no shadow, no animation, no dismiss button: it is chrome, and
   chrome that asks to be closed was never chrome. */

.acb-network {
  background: #f4f6f9;                 /* a shade below the site's --bg-soft */
  border-bottom: 1px solid #e4e7ec;
  font-family: var(--askrs-font, inherit);
}

.acb-network__inner {
  max-width: var(--askrs-wide, 1120px);
  margin-inline: auto;
  padding-inline: var(--askrs-gutter, 20px);
  min-height: 34px;
  display: flex;
  align-items: center;
  gap: 8px;
}

.acb-network__link,
.acb-network__chip {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  /* The whole sentence is the target, so the hit area matches what is read. */
  padding: 7px 0;
  font-size: 13.5px;
  line-height: 1.4;
  letter-spacing: -0.012em;
  text-decoration: none;
  /* #4a4d55 on #f4f6f9 → 7.81:1, measured. Well past WCAG AA for small text. */
  color: #4a4d55;
  min-height: 34px;
}

.acb-network__link:hover .acb-network__brand,
.acb-network__chip:hover { text-decoration: underline; text-underline-offset: 0.16em; }

.acb-network__link:focus-visible,
.acb-network__chip:focus-visible {
  outline: 2px solid var(--askrs-accent, #0b5fa5);
  outline-offset: 2px;
  border-radius: 3px;
}

.acb-network__brand {
  /* #0b5fa5 on #f4f6f9 → 6.07:1, measured. */
  color: var(--askrs-accent, #0b5fa5);
  font-weight: 650;
  white-space: nowrap;
}

.acb-network__arrow { color: var(--askrs-accent, #0b5fa5); font-weight: 600; }

.acb-network__lead { font-size: 12.5px; color: #6b6b70; margin-inline-end: 4px; white-space: nowrap; }
.acb-network__chip { font-weight: 600; color: var(--askrs-accent, #0b5fa5); }

/* One line at every width: the full sentence while it fits, the short one after. */
.acb-network__invite--compact { display: none; }

@media (max-width: 600px) {
  .acb-network__inner { min-height: 32px; gap: 6px; }
  .acb-network__link, .acb-network__chip { font-size: 12.5px; min-height: 32px; padding: 6px 0; gap: 5px; }
  .acb-network__invite--full { display: none; }
  .acb-network__invite--compact { display: inline; }
}

@media (max-width: 360px) {
  .acb-network__invite--compact { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 62vw; }
}