.newsletter-action{margin-left:auto;min-width:270px;max-width:500px;width:100%}
.newsletter-native{width:100%}
.newsletter-form{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.newsletter-form input[type=text],.newsletter-form input[type=email]{width:100%;min-height:42px;border:1px solid var(--line);border-radius:4px;padding:9px 11px;background:#fff;color:var(--brand);font:inherit;font-size:12px}
.newsletter-form input::placeholder{color:#7d8798}
.newsletter-form input:focus{outline:2px solid #f7b37b;outline-offset:1px;border-color:var(--accent)}
.newsletter-form .newsletter-consent{grid-column:1/-1;display:flex;align-items:flex-start;gap:7px;margin-top:2px;color:var(--muted);font-size:10px;line-height:1.45}
.newsletter-form .newsletter-consent input{margin:2px 0 0;accent-color:var(--accent-dark)}
.newsletter-form .button{grid-column:1/-1;width:100%;justify-content:center;border:0;cursor:pointer}
.newsletter-native>small{display:block;font-size:10px;color:var(--muted);margin-top:9px}
.newsletter-feedback{margin:0 0 9px;padding:8px 10px;border-radius:4px;font-size:11px;line-height:1.4}
.newsletter-success{background:#e7f5ed;color:#12653c}
.newsletter-error{background:#fff0e8;color:#944214}
.newsletter-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;opacity:0!important}
@media(max-width:600px){
  .newsletter-action{min-width:0;max-width:none}
  .newsletter-form{grid-template-columns:1fr}
  .newsletter-form .newsletter-consent,.newsletter-form .button{grid-column:auto}
  .newsletter-form .button{min-height:45px}
}

/* The newsletter no longer carries a decorative top rule. */
.newsletter{border-top:0}