/* The Commons email sign-up box (pages/reach.py with_subscribe); the same rules as in reach.css */
.subscribe-band{border-top:1px solid var(--line)}
.signup{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(1.6rem,4vw,4.5rem);align-items:center;padding:clamp(1.6rem,3vw,2.6rem);border-radius:24px;background:var(--paper-3);border:1px solid var(--line)}
.signup__text .h3{margin:.2rem 0 .7rem}
.signup__text p:last-child{margin:0;color:var(--body)}
.signup--page{display:block}
.signup__label{display:block;font-weight:600;font-size:.9rem;margin-bottom:.45rem}
.signup__row{display:flex;gap:.6rem}
.signup__row input{flex:1;min-width:0;height:52px;padding:0 1.1rem;font:inherit;font-size:1rem;color:var(--text);background:var(--field);border:1px solid var(--field-line);border-radius:999px}
.signup__row input:focus{outline:none;border-color:var(--text);box-shadow:0 0 0 3px rgba(242,163,58,.45)}
.signup__row input[aria-invalid=true]{border-color:var(--err)}
.signup__consent{margin:.8rem 0 0;font-size:.84rem;line-height:1.5;color:var(--muted)}
.signup__status{margin:.7rem 0 0;font-size:.95rem;font-weight:500;min-height:0}
.signup__status:empty{display:none}
.signup__status.is-err{color:var(--err-ink);background:var(--err-bg);border:1px solid var(--err-line);padding:.7rem 1rem;border-radius:12px}
.signup__status.is-ok{color:var(--text);background:var(--callout-leaf);border:1px solid var(--callout-leaf-line);padding:1rem 1.1rem;border-radius:14px}
.signup__status:focus{outline:none}
.signup__form.is-done .signup__row,.signup__form.is-done .signup__label,.signup__form.is-done .signup__consent{display:none}
@media (max-width:820px){.signup{grid-template-columns:1fr}}
@media (max-width:460px){.signup__row{flex-direction:column}.signup__row input{flex:none;width:100%}.signup__row .btn{justify-content:center}}
@media print{.subscribe-band,.copy-btn{display:none!important}}