/* Marketing card (owner, 28 Oct 2026): the standard card, 216 px wide everywhere, always dark (approved design
   restart-saas-production-prep/docs/marketing-card/, mock-up docs/marketing-card/marketing-card-mockup-2026-10-28.png). */
.rf-mcard{box-sizing:border-box;width:216px;flex:none;position:relative;border:1px solid #2a3b34;border-radius:14px;padding:14px 12px 12px;
  background:linear-gradient(180deg,#0b1914,#09150f);color:#eef4f1;text-align:left;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;line-height:normal;overflow-wrap:anywhere}
.rf-mcard *{box-sizing:border-box}
.rf-mcard .rf-mcard-x{position:absolute;top:7px;right:7px;width:26px;height:26px;display:flex;align-items:center;justify-content:center;
  padding:0;border:0;border-radius:7px;background:transparent;color:#b9c6c1;cursor:pointer;z-index:1}
.rf-mcard--image .rf-mcard-x{background:rgba(9,21,15,.72)}
.rf-mcard .rf-mcard-x:hover,.rf-mcard .rf-mcard-x:focus-visible{background:#1d2c26;outline:none}
.rf-mcard .rf-mcard-x svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.rf-mcard .rf-mcard-ic{display:block;width:30px;height:30px;fill:none;stroke:#7fdca9;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.rf-mcard .rf-mcard-img{display:block;width:100%;height:84px;object-fit:cover;border-radius:8px;margin:0 0 2px;background:#10221b}
.rf-mcard .rf-mcard-title{margin:8px 0 5px;padding-right:16px;font-size:15.5px;font-weight:600;line-height:1.25;color:#eef4f1;letter-spacing:0}
.rf-mcard .rf-mcard-body{margin:0 0 10px;font-size:12px;line-height:1.45;color:#a7b6b0}
/* The standard size: the title at most 2 lines, the text at most 5, one line of tags; the card stays under about 330 px. */
.rf-mcard .rf-mcard-title,.rf-mcard .rf-mcard-body{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}
.rf-mcard .rf-mcard-title{-webkit-line-clamp:2;line-clamp:2}
.rf-mcard .rf-mcard-body{-webkit-line-clamp:5;line-clamp:5}
.rf-mcard .rf-mcard-tags{max-height:22px;overflow:hidden}
.rf-mcard .rf-mcard-btn,.rf-mcard .rf-mcard-link{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
.rf-mcard .rf-mcard-tags{display:flex;flex-wrap:wrap;gap:4px;margin:0 0 11px}
.rf-mcard .rf-mcard-tags span{white-space:nowrap;background:#10221b;border:1px solid #23463a;color:#7fdca9;font-size:10px;font-weight:600;padding:3px 6px;border-radius:999px}
.rf-mcard .rf-mcard-btn{display:block;width:100%;margin:0;border:0;background:#229c56;color:#fff;text-align:center;font-family:inherit;font-size:13px;font-weight:600;line-height:1.3;
  padding:9px 8px;border-radius:8px;text-decoration:none;cursor:pointer}
.rf-mcard .rf-mcard-btn:hover,.rf-mcard .rf-mcard-btn:focus-visible{background:#1f8a4d;outline:none}
.rf-mcard .rf-mcard-link{display:inline-block;margin:9px 0 0;padding:0;border:0;background:none;color:#a7b6b0;font-size:11.5px;font-family:inherit;
  line-height:1.6;text-decoration:underline;text-underline-offset:2px;cursor:pointer}
.rf-mcard .rf-mcard-link:hover,.rf-mcard .rf-mcard-link:focus-visible{color:#eef4f1;outline:none}