/* AI allowance dialog (static/js/ip-paywall.js). */
.ip-paywall {
  max-width: min(440px, calc(100vw - 32px));
  border: 1px solid var(--glass-border, var(--border));
  border-radius: var(--r-lg, 18px);
  background: var(--bg-elevated, var(--bg, #fff));
  color: var(--text-primary);
  box-shadow: var(--shadow, 0 24px 60px rgba(0, 0, 0, 0.25));
  padding: 1.5rem 1.5rem 1.25rem;
}
.ip-paywall::backdrop { background: rgba(10, 12, 20, 0.45); }
.ip-paywall-kicker {
  margin: 0;
  font-family: var(--font-ui);
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: var(--accent);
}
.ip-paywall h2 {
  margin: 0.4rem 0 0.6rem;
  font-family: var(--font-display);
  font-weight: 600;
  font-size: 1.35rem;
  line-height: 1.15;
  letter-spacing: -0.01em;
  text-wrap: balance;
}
.ip-paywall p { margin: 0 0 1.1rem; font-family: var(--font-body); color: var(--text-secondary); line-height: 1.6; }
.ip-paywall-actions { display: flex; gap: 0.6rem; flex-wrap: wrap; }
.ip-paywall-actions > * { flex: 1 1 8rem; text-align: center; padding: 0.8rem 1rem; border-radius: 12px; font-weight: 700; text-decoration: none; cursor: pointer; font: inherit; }
.ip-paywall-actions :focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }