/* why: house panel on tint; registry colours (--bg/--bd/--btn/--hl) intentionally unread.
   trap: inline --bg on .mfo shadows the global --bg, so use --field/--tint only. */
.mfo{box-sizing:border-box;max-width:var(--measure);margin:var(--s-32) 0;padding:var(--s-32);background:var(--tint);border:1px solid var(--line);border-radius:var(--r-container);text-align:left;font-family:var(--sans);color:var(--ink)}
.mfo .mfo__h{font:400 var(--t-28)/1.2 var(--serif);font-kerning:none;letter-spacing:-.01em;margin:0 0 var(--s-12);padding:0;color:var(--ink)}
.mfo .mfo__d{font-size:var(--t-16);line-height:1.6;color:var(--ink-2);text-align:left;margin:0 0 var(--s-24)}
.mfo .mfo__d ul{padding-left:1.25em;margin:0}.mfo .mfo__d p{margin:0 0 var(--s-8);padding:0;line-height:1.6}
.mfo__lead{font-size:var(--t-16);color:var(--ink-2);margin:0 0 var(--s-16)}
.mfo__mini{font:600 var(--t-14)/1.4 var(--sans);margin:0 0 var(--s-8);color:var(--ink-2)}
.mfo__f{display:grid;gap:var(--s-12)}
.mfo .mfo__f input[type=text],.mfo .mfo__f input[type=email],.mfo .mfo__f input[type=tel]{width:100%;height:40px;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__f input::placeholder{color:var(--ink-3);opacity:1}
.mfo .mfo__f input:focus{outline:2px solid var(--accent-ink);outline-offset:0;border-color:var(--accent-ink)}
.mfo .mfo__f button{height:40px;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__f button:hover{background:var(--accent-hover)}
.mfo .mfo__n{font:400 var(--t-13)/1.5 var(--sans);font-style:normal;color:var(--ink-3);margin:var(--s-4) 0 0;padding:0}
.mfo .mfo__err{color:var(--neg);margin:0;font-size:var(--t-14)}
.mfo .mfo__err[hidden],.mfo .mfo__ok[hidden]{display:none}
.mfo .mfo__ok{margin:0;font-size:var(--t-16);line-height:1.5;color:var(--ink)}
.mfo--pop,.mfo--bar{max-width:none;margin:0;border:0;border-radius:0;background:transparent;padding:0}
.mfo--bar{padding:var(--s-12) var(--s-16)}
.mfo--bar .mfo__h{font:600 var(--t-14)/1.4 var(--sans);margin:0 0 var(--s-8)}
.mfo--bar .mfo__f{grid-template-columns:1fr auto;gap:var(--s-8)}
.mfo--bar .mfo__f input[type=email]{height:40px}
.mfo--bar .mfo__f button{height:40px}
.mfo-modal{position:fixed;inset:0;z-index:9990;background:rgba(22,30,47,.6);display:flex;align-items:center;justify-content:center;padding:var(--s-16)}
.mfo-modal[hidden],.mfo-bar[hidden]{display:none}
.mfo-modal__box{position:relative;background:var(--bg);border:1px solid var(--line);border-radius:var(--r-container);padding:var(--s-32);width:34rem;max-width:100%;box-sizing:border-box}
.mfo-bar .mfo-modal__box{padding:0;width:auto;border:0;border-radius:0;background:transparent}
.mfo-x{position:absolute;right:var(--s-12);top:var(--s-8);width:32px;height:32px;border:0;background:none;font:400 24px/1 var(--sans);color:var(--ink-2);cursor:pointer;z-index:2}
.mfo-x:hover{color:var(--ink)}
.mfo-bar{position:fixed;left:0;right:0;bottom:0;z-index:9980;background:var(--tint);border-top:1px solid var(--line-strong)}
.mfo-bar .mfo-x{top:var(--s-4);right:var(--s-8)}
@media(max-width:767px){.mf-dev-notphone{display:none!important}}@media(min-width:768px){.mf-dev-phone{display:none!important}}
@media(max-width:600px){.mfo{max-width:none;padding:var(--s-24) var(--s-16)}.mfo-modal__box{padding:var(--s-24) var(--s-16)}.mfo--bar{padding:var(--s-12) var(--s-16)}}
/* why: migrated SeedProd columns keep inline % width on phones; form column must fill */
@media(max-width:600px){.sp-el-col:has(>.sp-code-wrapper .mfo){width:100%!important}}
.mfo--nohead{padding-top:var(--s-32)}
.mfo--quince{width:100%}
.mf-text>.mfo--quince{margin-top:var(--s-32)}