/* Mailing-list popup on the homepage. Builds on styles.css tokens; field
   styles mirror form.css, scoped to the dialog. */
.mailing-dialog{width:min(560px,calc(100vw - 32px));max-height:calc(100vh - 32px);padding:0;border:0;border-top:6px solid var(--blue);background:var(--navy);color:white;overflow:auto}
.mailing-dialog::backdrop{background:rgba(7,13,21,.72)}
.mailing-inner{position:relative;padding:48px 44px 44px}
.mailing-dialog h2{font:700 44px/1 var(--display);text-transform:uppercase;letter-spacing:.01em;margin:0 40px 28px 0}
.mailing-close{position:absolute;top:14px;right:14px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border:0;background:transparent;color:white;font-size:34px;line-height:1;cursor:pointer}
.mailing-close:hover{color:var(--blue)}

.mailing-dialog .field{display:flex;flex-direction:column;margin-bottom:22px}
.mailing-dialog .field>label{font-size:16px;font-weight:700;margin-bottom:8px}
.mailing-dialog input[type=email]{width:100%;border:1px solid #9aa7b3;border-radius:0;background:white;color:var(--ink);padding:14px 16px;font:400 17px/1.4 var(--body)}
.mailing-dialog input:focus-visible{outline:3px solid var(--blue);outline-offset:2px}
.mailing-dialog .consent{display:flex;align-items:flex-start;gap:12px;font-size:16px;line-height:1.5;cursor:pointer}
.mailing-dialog .consent input{width:20px;height:20px;margin:2px 0 0;flex-shrink:0;accent-color:var(--red)}
.mailing-dialog .field-error{color:#ffb4ab;font-size:15px;font-weight:600;line-height:1.45;margin:8px 0 0}
.mailing-dialog .field-error:before{content:'! ';font-weight:800}
.mailing-dialog [aria-invalid=true]{border-color:#ffb4ab;box-shadow:inset 4px 0 0 #b3261e}
.mailing-dialog .form-status{padding:14px 18px;margin:0 0 22px;border-left:5px solid #b3261e;background:#fbeeee;color:#5c1510;font-weight:600;outline:none}
.mailing-dialog .form-status:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
.mailing-dialog .hp-field{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.mailing-turnstile{min-height:65px;margin-bottom:20px}
.mailing-dialog .button{width:100%;cursor:pointer}
.mailing-dialog .button[disabled]{opacity:.65;cursor:wait}
.mailing-thanks{outline:none}
.mailing-thanks p{color:#d6e3ef;margin:0 0 28px}

@media(max-width:700px){.mailing-inner{padding:40px 24px 28px}.mailing-dialog h2{font-size:36px}}