/*
 * The Collective e-mail sign-up box (FMC_Collective_Email::signup_box). Every selector starts with .fmc-cxe so nothing leaks into the theme.
 * On an issue page the box also carries the .fmc-cx-* classes of the issue stylesheet; here it is complete on its own for the shortcode.
 */
.fmc-cxe-wrap{max-width:720px;margin:32px auto;padding:0 16px}
.fmc-cxe{box-sizing:border-box;margin:32px 0 0;padding:clamp(20px,3.4vw,40px);border:1px solid #ece8dd;background:#0a0a0a;color:#ece8dd;font:16px/1.5 Helvetica,Arial,sans-serif}
.fmc-cxe *,.fmc-cxe *::before,.fmc-cxe *::after{box-sizing:border-box}
.fmc-cxe [hidden]{display:none!important}
.fmc-cxe .fmc-cxe-head{margin:0 0 10px;font:400 clamp(1.8rem,4vw,2.8rem)/1.1 Anton,Impact,"Arial Narrow",sans-serif;text-transform:uppercase;color:#fff}
.fmc-cxe .fmc-cxe-sub{margin:0 0 18px;color:#d4cfc3}
.fmc-cxe .fmc-cxe-label{display:block;margin:0 0 8px;font:11px "Space Mono",Menlo,Consolas,monospace;letter-spacing:.2em;text-transform:uppercase;color:#9a968c}
.fmc-cxe .fmc-cxe-row{display:flex;flex-wrap:wrap;gap:10px}
.fmc-cxe .fmc-cxe-input{flex:1 1 240px;min-width:0;min-height:46px;padding:10px 14px;background:#000;color:#ece8dd;border:1px solid #ece8dd;border-radius:var(--fmc-r-md,14px);font:16px Helvetica,Arial,sans-serif}
.fmc-cxe .fmc-cxe-input::placeholder{color:#8a867d}
.fmc-cxe .fmc-cxe-btn{min-height:46px;padding:0 22px;background:#ece8dd;color:#000;border:0;border-radius:var(--fmc-r-md,14px);font:700 13px "Space Mono",Menlo,Consolas,monospace;letter-spacing:.14em;text-transform:uppercase;cursor:pointer}
.fmc-cxe .fmc-cxe-btn:hover{background:#fff}
.fmc-cxe .fmc-cxe-btn[disabled]{opacity:.6;cursor:wait}
.fmc-cxe .fmc-cxe-consent{margin:14px 0 0;font-size:14px;line-height:1.45;color:#d4cfc3}
.fmc-cxe .fmc-cxe-consent label{display:flex;gap:10px;align-items:flex-start;cursor:pointer}
.fmc-cxe .fmc-cxe-consent input[type=checkbox]{flex:none;width:22px;height:22px;margin:1px 0 0;accent-color:#ece8dd}
.fmc-cxe .fmc-cxe-consent a{color:#ece8dd}
.fmc-cxe .fmc-cxe-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden;opacity:0}
.fmc-cxe .fmc-cxe-msg{min-height:1.5em;margin:12px 0 0;font:13px "Space Mono",Menlo,Consolas,monospace;color:#ece8dd}
.fmc-cxe .fmc-cxe-msg.is-err{color:#f5a524}
.fmc-cxe .fmc-cxe-tag{display:inline-block;font:700 10.5px/1.2 "Space Mono",Menlo,monospace;letter-spacing:.14em;text-transform:uppercase;color:#1a1100;background:#f5a524;padding:4px 8px;border-radius:var(--fmc-r-xs,6px);vertical-align:middle}
.fmc-cxe a:focus-visible,.fmc-cxe button:focus-visible,.fmc-cxe input:focus-visible{outline:3px solid #fff;outline-offset:3px}
.fmc-cxe-closed{padding:16px;border:1px solid #ece8dd;background:#0a0a0a;color:#ece8dd}
@media(max-width:480px){.fmc-cxe .fmc-cxe-btn{width:100%}}
@media print{.fmc-cxe{display:none!important}}
