/* Newsletter block (template-parts/newsletter.php), used wherever the block is included. The field itself uses the shared .fld__input styles in lead-dialog.scss. Scoped under .gx; rem converted to px for legacy pages. Plain CSS on purpose. */
.gx .pg-news {
  padding-block:var(--space-12);
  background:var(--color-bg-sunken);
}
.gx .pg-news__inner {
  display:grid;
  gap:var(--space-6);
  align-items:center;
}
@media (min-width:1024px) {
  .gx .pg-news__inner {
    grid-template-columns:1fr minmax(0,448px);
  }
}
.gx .pg-news__title {
  font-size:var(--text-2xl);
  line-height:var(--leading-tight);
  letter-spacing:var(--tracking-snug);
}
.gx .pg-news__text {
  margin-top:var(--space-2);
  color:var(--color-text-subtle);
}
.gx .pg-news__msg {
  min-height:var(--space-5);
  margin-top:var(--space-2);
  font-size:var(--text-sm);
  color:var(--color-text-subtle);
}
.gx .pg-news__form[data-state="error"] .pg-news__msg {
  color:var(--color-error-text);
}
.gx .pg-news__form[data-state="success"] .pg-news__msg {
  color:var(--color-success-text);
}
.gx .pg-news__form [aria-busy="true"] {
  cursor:progress;
}
.gx .pg-news__row {
  display:flex;
  gap:var(--space-2);
}
.gx .pg-news__row .fld__input {
  flex:1;
  min-width:0;
}