:root {}
.nb-banner{
  width:100%;
  background: var(--nb-bg, #111827);
  color: var(--nb-fg, #fff);
  font: 500 16px/1.4 system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
}
.nb-container{
  max-width: 1200px;
  margin: 0 auto;
  padding: 10px 16px;
  display: flex;
  align-items: center;
  gap: 16px;
}
.nb-message{flex:1 1 auto}
.nb-link{color:inherit;text-decoration:underline;font-weight:700}
.nb-close{
  flex:0 0 auto;
  border:0;background:transparent;color:inherit;
  cursor:pointer;
  font-size:24px;line-height:1;
  padding:4px 8px;
}
.nb-close:focus{outline:2px solid currentColor;outline-offset:2px}
@media (max-width:600px){
  .nb-container{padding:8px 12px}
  .nb-close{font-size:22px}
}
/* WordPress admin bar bump fix (banner is in normal flow, so not needed for fixed positioning) */