/* Shared end-of-post call to action (cloud/partials/blog-cta.html).
   Self-contained colours so it reads the same on the dark and the royal-blue posts. */
.rm-blog-cta {
  margin: 36px 0 8px;
  padding: clamp(22px, 4vw, 34px);
  color: #eef7fd;
  background: #1761ad;
  border: 1px solid #0d477f;
  border-left: 6px solid #00b3b6;
  border-radius: 6px;
  font-family: "Chivo", Arial, sans-serif;
  line-height: 1.55;
}
.rm-blog-cta .rm-blog-cta-eyebrow {
  margin: 0 0 6px;
  color: #a9eef0;
  font-size: 0.74rem;
  font-weight: 820;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}
.rm-blog-cta h2 {
  margin: 0 0 10px;
  color: #ffffff;
  font-size: clamp(1.35rem, 3.4vw, 1.8rem);
  line-height: 1.15;
  letter-spacing: -0.02em;
  text-wrap: balance;
}
.rm-blog-cta p { margin: 0 0 18px; color: #eef7fd; max-width: 60ch; }
.rm-blog-cta-actions { display: flex; flex-wrap: wrap; gap: 12px; margin: 0 0 16px; }
.rm-blog-cta .rm-blog-cta-actions a {
  min-height: 48px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 20px;
  border-radius: 5px;
  font-weight: 820;
  text-align: center;
  text-decoration: none;
  overflow-wrap: normal;
}
.rm-blog-cta .rm-blog-cta-primary { color: #ffffff; background: #008e91; border: 2px solid #008e91; }
.rm-blog-cta .rm-blog-cta-primary:hover { color: #ffffff; background: #006d70; border-color: #006d70; }
.rm-blog-cta .rm-blog-cta-secondary { color: #ffffff; background: transparent; border: 2px solid #cfe6f6; }
.rm-blog-cta .rm-blog-cta-secondary:hover { color: #0d477f; background: #ffffff; border-color: #ffffff; }
.rm-blog-cta .rm-blog-cta-actions a:focus-visible { outline: 3px solid #f8d34e; outline-offset: 3px; }
.rm-blog-cta .rm-blog-cta-fine { margin: 0; color: #cfe6f6; font-size: 0.86rem; }
@media (max-width: 520px) {
  .rm-blog-cta .rm-blog-cta-actions a { width: 100%; }
}