/* why: link CTAs reuse the .mfo box; no fields, one button. */
.mfo--cta{display:block}
.mfo--cta .mfo__d{margin:0 0 var(--s-16)}
.mfo--cta .mfo__btn{display:inline-flex;align-items:center;height:40px;padding:0 var(--s-16);font:500 var(--t-14)/1 var(--sans);text-transform:none;letter-spacing:0;text-decoration:none}
.mfo--cta.mfo--nohead{padding-top:var(--s-32)}
.mfo--cta.mfo--bar{display:flex;align-items:center;justify-content:space-between;gap:var(--s-16);padding:var(--s-12) var(--s-24)}
.mfo--cta.mfo--bar .mfo__h{margin:0;font:600 var(--t-14)/1.4 var(--sans)}
.mfo--cta.mfo--bar .mfo__btn{flex:none}
.mfo--cta.mfo--pop .mfo__h{padding-right:var(--s-24)}
.mf-text>.mfo--cta{margin-top:var(--s-32)}
.mfo.mfo--cta a.mfo__btn,.post .entry .mfo.mfo--cta a.mfo__btn{color:var(--on-accent);border-bottom:0}
.mfo.mfo--cta a.mfo__btn:hover{color:var(--on-accent);background:var(--accent-hover)}
/* trap: share bar is z 999999 fixed bottom; phone subscribe bar must sit above */
.mfo-bar{z-index:1000000}
@media(max-width:600px){.mfo--cta.mfo--bar{gap:var(--s-12);padding:var(--s-12) var(--s-32) var(--s-12) var(--s-16)}}

/* why: full readers see no subscribe prompts (set by member-gate.js / meter.js) */
.mfam-full .mfo--subscribe,.mfam-full #subscribe.post-sub{display:none!important}