/* Smart Article Generator — Frontend Styles */
.sag-cta {
  margin: 32px 0;
  padding: 24px 28px;
  background: #eff6ff;
  border: 1px solid #bfdbfe;
  border-radius: 10px;
  text-align: center;
}
.sag-cta--banner {
  background: linear-gradient(135deg, #1d4ed8, #6d28d9);
  color: #fff;
  border: none;
}
.sag-cta--highlight {
  background: #fefce8;
  border: 2px solid #fbbf24;
}
.sag-cta--inline {
  background: transparent;
  border-top: 1px solid #e2e8f0;
  border-bottom: 1px solid #e2e8f0;
  border-left: none; border-right: none;
  padding: 16px 0;
}
.sag-cta__desc { margin: 0 0 14px; font-size: 1.05rem; line-height: 1.5; }
.sag-cta--banner .sag-cta__desc { color: rgba(255,255,255,.9); }
.sag-cta__btn {
  display: inline-block;
  padding: 13px 32px;
  background: #2563eb;
  color: #fff !important;
  border-radius: 6px;
  font-weight: 700;
  font-size: 1rem;
  text-decoration: none !important;
  transition: background .15s, transform .1s;
}
.sag-cta__btn:hover { background: #1d4ed8; transform: translateY(-1px); }
.sag-cta--banner .sag-cta__btn { background: #fff; color: #1d4ed8 !important; }
.sag-cta--highlight .sag-cta__btn { background: #f59e0b; }

/* FAQ */
.sag-faq { margin: 36px 0; }
.sag-faq h2 { font-size: 1.4rem; margin-bottom: 16px; }
.sag-faq-item {
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  padding: 18px 20px;
  margin-bottom: 12px;
  background: #fff;
}
.sag-faq-item h3 { margin: 0 0 8px; font-size: 1rem; color: #1e293b; }
.sag-faq-item div { color: #475569; line-height: 1.6; }