/* "Start a discussion" CTA shown at the end of content pages (includes/community_cta.php). */
.jcta { position: relative; overflow: hidden; display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); gap: 22px; align-items: center;
  margin: 32px 0; padding: 26px 28px; border-radius: 22px; color: #fff; font-family: "Hind", "Segoe UI", system-ui, sans-serif;
  background: radial-gradient(ellipse at 90% 0%, #a3283a 0%, transparent 55%), linear-gradient(135deg, #5c0f17 0%, #7a1620 55%, #8f1b26 100%);
  box-shadow: 0 18px 44px rgba(92, 15, 23, .22); isolation: isolate; }
.jcta::before { content: ""; position: absolute; width: 360px; height: 360px; right: -120px; top: -160px; border-radius: 50%; z-index: -1;
  border: 1px solid rgba(226, 194, 117, .22); box-shadow: 0 0 0 34px rgba(226, 194, 117, .05), 0 0 0 74px rgba(226, 194, 117, .04); }
.jcta__glow { position: absolute; left: -60px; bottom: -80px; width: 220px; height: 220px; border-radius: 50%; z-index: -1;
  background: radial-gradient(circle, rgba(255, 201, 40, .22), transparent 70%); animation: jcta-breathe 6s ease-in-out infinite; }
@keyframes jcta-breathe { 50% { transform: scale(1.15); opacity: .7; } }
.jcta__eyebrow { display: flex; align-items: center; gap: 10px; margin: 0 0 8px; color: #e2c275; font-size: 12px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; }
.jcta__flag { display: inline-flex; width: 40px; height: 6px; border-radius: 3px; overflow: hidden; box-shadow: 0 0 0 1px rgba(255,255,255,.25); }
.jcta__flag i { flex: 1; }
.jcta__flag i:nth-child(1) { background: #e53935; } .jcta__flag i:nth-child(2) { background: #ffc928; } .jcta__flag i:nth-child(3) { background: #fff; }
.jcta__flag i:nth-child(4) { background: #009432; } .jcta__flag i:nth-child(5) { background: #1a1a24; }
.jcta__h { margin: 0 0 8px; color: #fff !important; font-family: "Martel", Georgia, serif; font-weight: 800; font-size: clamp(21px, 2.6vw, 27px); line-height: 1.25; }
.jcta__sub { margin: 0 0 18px; color: #f6e3c8; font-size: 15.5px; line-height: 1.6; max-width: 54ch; }
.jcta__acts { display: flex; flex-wrap: wrap; gap: 10px; }
.jcta__btn { display: inline-flex; align-items: center; gap: 8px; height: 46px; padding: 0 20px; border-radius: 999px; font-weight: 700; font-size: 15px;
  text-decoration: none !important; color: #fff !important; border: 1px solid rgba(255, 255, 255, .35); background: rgba(255, 255, 255, .08);
  transition: transform .2s cubic-bezier(.22, 1, .36, 1), background .2s, box-shadow .2s; }
.jcta__btn:hover { background: rgba(255, 255, 255, .16); transform: translateY(-2px); }
.jcta__btn--primary { background: linear-gradient(135deg, #ffd56a, #e0a800); color: #3b1d0b !important; border-color: transparent; box-shadow: 0 8px 22px rgba(224, 168, 0, .35); }
.jcta__btn--primary:hover { background: linear-gradient(135deg, #ffe08a, #ffc928); box-shadow: 0 12px 28px rgba(224, 168, 0, .45); }
.jcta__btn--primary .bi { animation: jcta-nudge 2.6s ease-in-out infinite; }
@keyframes jcta-nudge { 0%, 70%, 100% { transform: none; } 80% { transform: rotate(-12deg) scale(1.15); } 90% { transform: rotate(8deg); } }
.jcta__note { margin: 14px 0 0; font-size: 13px; color: rgba(246, 227, 200, .8); }
.jcta__side { background: rgba(255, 255, 255, .09); border: 1px solid rgba(255, 255, 255, .16); border-radius: 18px; padding: 14px 16px; backdrop-filter: blur(6px); }
.jcta__sideh { margin: 0 0 8px; font-size: 11.5px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: #e2c275; }
.jcta__list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 6px; }
.jcta__list a { display: flex; flex-direction: column; gap: 2px; padding: 8px 10px; border-radius: 12px; text-decoration: none !important; color: #fff !important; transition: background .2s; }
.jcta__list a:hover { background: rgba(255, 255, 255, .1); }
.jcta__t { font-weight: 600; font-size: 14.5px; line-height: 1.35; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.jcta__m { font-size: 12px; color: #e2c275; }
.jcta__side--art { display: flex; justify-content: center; gap: 14px; font-size: 40px; background: none; border: 0; backdrop-filter: none; }
.jcta__side--art span { animation: jcta-float 4s ease-in-out infinite; }
.jcta__side--art span:nth-child(2) { animation-delay: .6s; } .jcta__side--art span:nth-child(3) { animation-delay: 1.2s; }
@keyframes jcta-float { 50% { transform: translateY(-8px); } }
@media (max-width: 760px) {
  .jcta { grid-template-columns: 1fr; padding: 22px 18px; margin: 24px 0; }
  .jcta__btn { flex: 1 1 auto; justify-content: center; }
  .jcta__side--art { display: none; }
}
@media (prefers-reduced-motion: reduce) { .jcta *, .jcta__glow { animation: none !important; transition: none !important; } }