/* why: in-place signup form for subscribe/course CTAs; mirrors .mfo__f field look */
.mfo__e{display:grid;gap:var(--s-12)}
.mfo .mfo__e input[type=text],.mfo .mfo__e input[type=email]{width:100%;height:44px;border:1px solid var(--line-control);border-radius:var(--r-control);padding:0 var(--s-12);font:400 var(--t-16) var(--sans);color:var(--ink);background:var(--field);text-align:left;box-sizing:border-box}
.mfo .mfo__e input::placeholder{color:var(--ink-3);opacity:1}
.mfo .mfo__e input:focus{outline:2px solid var(--accent-ink);outline-offset:0;border-color:var(--accent-ink)}
.mfo .mfo__e input[aria-invalid=true]{border-color:var(--neg)}
.mfo .mfo__e button{height:44px;padding:0 var(--s-16);justify-self:start;border:1px solid transparent;border-radius:var(--r-control);background:var(--accent);color:var(--on-accent);font:500 var(--t-14)/1 var(--sans);text-transform:none;letter-spacing:0;cursor:pointer;transition:background-color var(--fast) var(--ease)}
.mfo .mfo__e button:hover{background:var(--accent-hover)}
.mfo .mfo__e button:disabled{cursor:progress;background:var(--accent-hover)}
.mfo__ts{min-height:0}
.mfo--embed[data-state=sent] .mfo__ok{font-weight:500}
.mfo--embed .mfo__err{color:var(--neg);margin:0;font-size:var(--t-14)}
.mfo--embed[hidden],.mfo--embed .mfo__e[hidden],.mfo--embed .mfo__err[hidden],.mfo--embed .mfo__ok[hidden]{display:none}
.mfo--cta.mfo--bar.mfo--embed{display:block;padding:var(--s-12) var(--s-32) var(--s-12) var(--s-16)}
.mfo--bar.mfo--embed .mfo__h{margin:0 0 var(--s-8)}
.mfo--bar.mfo--embed .mfo__e{grid-template-columns:1fr auto;gap:var(--s-8)}
.mfo--bar.mfo--embed .mfo__err{grid-column:1/-1}
.mfo--bar.mfo--embed .mfo__ts{grid-column:1/-1}
.mfo--pop.mfo--embed .mfo__e{max-width:100%}
@media(min-width:601px){.mfo--cta.mfo--embed:not(.mfo--bar):not(.mfo--pop) .mfo__e{max-width:28rem}}
@media(prefers-reduced-motion:reduce){.mfo .mfo__e button{transition:none}}
.mfo--embed .mfo__wrong{justify-self:start;margin-top:var(--s-8);padding:0;border:0;background:none;color:var(--accent-ink);font:500 var(--t-14)/1.4 var(--sans);text-decoration:underline;cursor:pointer}
.mfo--embed .mfo__upts{min-height:0}