/* RG21 private A/B prototype — scoped, no existing .rg20-grid geometry modified. */
.rg21-engage {
  max-width: 490px;
  margin: 20px auto 16px;
  padding: 18px 18px 20px;
  text-align: center;
  background: #f7f7f7;
  border: 1px solid #d7d7d7;
  border-radius: 6px;
  box-sizing: border-box;
  font: 14px/1.45 Arial, Helvetica, sans-serif;
  color: #303030;
}
.rg21-engage[hidden] { display: none !important; }
.rg21-engage strong { display: block; font-size: 17px; font-weight: 700; }
.rg21-engage p { margin: 8px auto 13px; color: #666; }
.rg21-engage-button {
  display: block;
  margin: 0 auto;
  width: 100%;
  max-width: 360px;
  min-height: 46px;
  padding: 11px 18px;
  border: 1px solid #852942;
  border-radius: 5px;
  background: #a53553;
  color: #fff;
  font: 600 14px/1.3 Arial, Helvetica, sans-serif;
  text-align: center;
  cursor: pointer;
}
.rg21-engage-button:hover { background: #892742; }
.rg21-engage-button:focus-visible { outline: 3px solid #1a73e8; outline-offset: 3px; }
.rg21-engage-button:disabled { opacity: .65; cursor: wait; }
.rg21-engage-button span { margin-left: 7px; }
.rg21-engage .rg21-engage-feedback { min-height: 0; margin: 8px auto 0; font-size: 12px; color: #8b203b; }
.rg21-engage .rg21-engage-feedback:empty { display: none; }
@media (max-width: 515px) {
  .rg21-engage { margin: 14px 0 16px; padding: 14px 12px 16px; }
  .rg21-engage strong { font-size: 16px; }
}