/* Builder: newsletter (port z mockupu) — formularz HubSpot (inc/newsletter.php) lub embed */
.news{background:var(--paper);border-top:1px solid var(--line)}
.news__inner{display:flex;align-items:center;justify-content:space-between;gap:36px;padding:54px 24px;flex-wrap:wrap}
/* pełny styl niezależny od znacznika nagłówka */
.news__title{display:block;font-family:var(--display);font-weight:700;line-height:.98;font-size:clamp(30px,4vw,46px);text-transform:uppercase;letter-spacing:.5px;margin:0 0 6px}
.news__text p{margin:0;color:var(--ink-2);max-width:460px}

.news__form-slot{flex:1;min-width:320px;max-width:560px}
.news__form{display:flex;gap:10px}
.news__form input[type="email"]{flex:1;min-width:0;border:2px solid var(--line);border-radius:var(--radius);padding:13px 16px;font-size:16px;font-family:var(--body);background:#fff;outline:none}
.news__form input[type="email"]:focus{border-color:var(--brand)}

/* zgody (checkbox .sh-consent w css/main.css) i informacja o administratorze */
.news__form-wrap{display:flex;flex-direction:column;gap:14px}
.news__consents{display:flex;flex-direction:column;gap:8px}
.news__admin{margin:0;font-size:11.5px;line-height:1.5;color:var(--muted)}
.news__admin a{color:inherit;text-decoration:underline;text-underline-offset:2px}

.news__msg{margin:0;padding:12px 14px;border-radius:var(--radius);font-size:14px;font-weight:600;line-height:1.45}
.news__msg.is-ok{background:#e3efe6;color:#2f7d4a}
.news__msg.is-err{background:#fbe9e7;color:#a8321f}
.news__form-wrap.is-busy button[type="submit"]{opacity:.6;cursor:progress}
.news__form-wrap.is-done .news__form,
.news__form-wrap.is-done .news__consents,
.news__form-wrap.is-done .news__admin{display:none}

/* strona wypisu (/?sh-wypis=…) */
.nl-page__inner{max-width:640px;padding:72px 24px 88px}
.nl-page__title{font-family:var(--display);font-weight:700;font-size:clamp(32px,5vw,48px);line-height:1;text-transform:uppercase;margin:0 0 18px}
.nl-page p{margin:0 0 18px;color:var(--ink-2);font-size:16px;line-height:1.6}
.nl-page a:not(.btn){color:var(--brand)}

@media(max-width:560px){
  .news__form-slot{min-width:0;width:100%}
  .news__form{flex-direction:column}
  .news__form .btn{width:100%;justify-content:center}
}