/* ── Blog CTA popup ───────────────────────────────────────────────────────
   Shared across every blog post. Each post supplies its own content via a
   small `window.BLOG_CTA_POPUP` config object (see blog-popup.js) — that
   object is the piece meant to come from the content team's "CTA column"
   once the sheet-driven publishing flow is in place.
   ────────────────────────────────────────────────────────────────────── */
.cta-popup-overlay {
  position: fixed; inset: 0; z-index: 1000;
  background: rgba(13,27,42,.6);
  display: flex; align-items: center; justify-content: center;
  padding: 20px;
  opacity: 0; visibility: hidden;
  transition: opacity .2s ease;
}
.cta-popup-overlay.is-open { opacity: 1; visibility: visible; }

.cta-popup {
  background: #fff; border-radius: 14px; max-width: 440px; width: 100%;
  padding: 36px 32px 32px; position: relative;
  box-shadow: 0 24px 64px rgba(13,27,42,.35);
  transform: translateY(12px); transition: transform .2s ease;
  font-family: 'DM Sans', system-ui, sans-serif;
}
.cta-popup-overlay.is-open .cta-popup { transform: translateY(0); }

.cta-popup-close {
  position: absolute; top: 14px; right: 14px;
  width: 28px; height: 28px; border-radius: 50%; border: none;
  background: #F0F1F3; color: #5F5E5A;
  font-size: 1rem; line-height: 1; cursor: pointer;
  display: flex; align-items: center; justify-content: center;
  transition: background .15s;
}
.cta-popup-close:hover { background: #E1E3E6; }

.cta-popup-eyebrow {
  font-size: .68rem; letter-spacing: .12em; text-transform: uppercase;
  color: #1D9E75; font-weight: 700; margin-bottom: 10px;
}
.cta-popup-title {
  font-size: 1.25rem; font-weight: 800; color: #0D1B2A;
  line-height: 1.3; margin-bottom: 10px;
}
.cta-popup-body {
  font-size: .92rem; color: #5F5E5A; line-height: 1.6; margin-bottom: 22px;
}
.cta-popup-actions { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; }
.cta-popup-btn {
  background: #1D9E75; color: #fff; border: none; border-radius: 10px;
  padding: 13px 26px; font-size: .95rem; font-weight: 700; cursor: pointer;
  font-family: inherit; text-decoration: none;
  display: inline-flex; align-items: center; gap: 8px;
  box-shadow: 0 4px 16px rgba(29,158,117,.38);
  transition: background .15s, transform .15s;
}
.cta-popup-btn:hover { background: #18876a; transform: translateY(-1px); }
.cta-popup-dismiss {
  font-size: .85rem; color: #5F5E5A; text-decoration: none; cursor: pointer;
  background: none; border: none; font-family: inherit;
}
.cta-popup-dismiss:hover { text-decoration: underline; }