/* Newsletter signup box (home page band and lesson-page box). Built by subscribe.js. */
.sx-home{background:var(--tint);padding:clamp(1.75rem,4vw,2.5rem) 0}
.sx-lesson{margin-top:2.5rem}
.sx{max-width:760px}
.sx-lesson .sx{background:var(--tint);border:1px solid #c5cfdf;padding:1.5rem 1.75rem;max-width:none}
.sx h2{font:700 clamp(1.5rem,3vw,1.9rem)/1.1 var(--head);margin:0 0 .5rem;color:var(--navy)}
.sx-lead{margin:0 0 1rem;max-width:62ch}
.sx-form{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr) auto;gap:.75rem;align-items:end}
.sx-form[hidden]{display:none}
.sx-f label{display:block;font-weight:700;font-size:.95rem;margin-bottom:.25rem}
.sx-f input{min-height:46px}
.sx-go{align-self:end;min-height:46px;border:0;cursor:pointer;font:700 1rem var(--body)}
.sx-go:disabled{opacity:.6;cursor:default}
.sx-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.sx-msg{margin:.75rem 0 0;font-weight:600;min-height:0}
.sx-msg:empty{display:none}
.sx-msg.err{color:#8a1f23}
.sx-msg.ok{color:var(--navy)}
.sx-fine{margin:.75rem 0 0;font-size:.9rem;color:#4a4036;max-width:62ch}
.sx-fine[hidden]{display:none}
@media (max-width:640px){.sx-form{grid-template-columns:1fr}.sx-go{width:100%}.sx-lesson .sx{padding:1.25rem 1rem}}