.alert-box{display:grid;grid-template-columns:1.1fr 1fr;gap:10px 32px;align-items:center;background:var(--ink);color:#fff;border-radius:var(--radius);padding:28px 32px;margin:32px 0}.alert-box .eyebrow{color:var(--amber);margin-bottom:10px}.alert-box h2{font-size:26px;margin:0 0 8px;color:#fff}.alert-box p{margin:0;color:#c9d4dc;line-height:1.5}.alert-box p b{color:#fff}.alert-copy{grid-row:span 4}.alert-fields{display:flex;gap:8px}.alert-fields input{flex:1;min-width:0;border:0;border-radius:6px;padding:13px 14px;font:inherit}.alert-fields .button{white-space:nowrap;margin:0;width:auto}.alert-consent{display:block;margin:0;font-size:13px;color:#c9d4dc;line-height:1.45}.alert-consent input{margin-top:2px;accent-color:var(--amber)}.alert-consent a{color:#fff}.alert-turnstile:empty{display:none}.alert-status{font-size:14px;font-weight:700;color:#8ee0ae}.alert-status:empty{display:none}.alert-status.bad{color:#ffb4ab}.alert-box.done .alert-fields,.alert-box.done .alert-consent,.alert-box.done .alert-turnstile{display:none}
.alert-box-compact{grid-template-columns:1fr;background:var(--paper);color:var(--ink);padding:20px;margin:16px 0 0;gap:10px}.alert-box-compact h2{font-size:17px;color:var(--ink)}.alert-box-compact p{color:var(--muted);font-size:14px}.alert-box-compact .alert-copy{grid-row:auto}.alert-box-compact .alert-fields input{border:1px solid var(--line)}.alert-box-compact .alert-consent{color:var(--muted)}.alert-box-compact .alert-consent a{color:var(--blue)}.alert-box-compact .alert-status{color:#17683c}.alert-box-compact .alert-status.bad{color:#9c2e25}
.alert-page{max-width:640px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:32px;margin:40px auto}.alert-page h2{margin-top:0;font-size:30px}.alert-page [hidden]{display:none!important}.alert-page p{color:var(--muted);line-height:1.55}
@media(max-width:760px){.alert-box{grid-template-columns:1fr;padding:24px 20px}.alert-copy{grid-row:auto}.alert-box h2{font-size:22px}}