/* Sticky acquisition notice. Injected by tools/overlay.sh, not authored in
   WordPress — the site is frozen and this is chrome, not content. */
:root { --praetor-banner-h: 0px; }

#praetor-banner {
  position: fixed;
  top: 0; left: 0; right: 0;
  z-index: 9999;          /* above .uicore-navbar, which sits at z-index 11 */
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 6px 18px;
  margin: 0;
  padding: 16px 24px;
  background: #18181d;
  border-bottom: 1px solid #ff7043;
  color: #a3afb7;
  font-family: "Roboto", "Segoe UI", sans-serif;
  font-size: 17px;
  line-height: 1.5;
  text-align: center;
}
#praetor-banner p { margin: 0; }
#praetor-banner strong { color: #ffffff; font-weight: 600; }
#praetor-banner a {
  color: #ff7043;
  font-weight: 600;
  text-decoration: none;
  white-space: nowrap;
}
#praetor-banner a:hover,
#praetor-banner a:focus { text-decoration: underline; }

/* The banner is fixed, so it is out of flow and would otherwise cover the top
   of the page. Both offsets are driven by the measured height in banner.js
   rather than a hard-coded px, because the text wraps to two lines on narrow
   viewports and any constant would be wrong at one width or the other. */
body { padding-top: var(--praetor-banner-h); }
.uicore-navbar.uicore-sticky { top: var(--praetor-banner-h); }

@media (max-width: 600px) {
  #praetor-banner { font-size: 15px; padding: 12px 14px; }
}