/* A quiet, email-only invitation; native dialog supplies focus containment. */
.nk-newsletter {
  width: 480px; max-width: calc(100% - 32px); margin: auto;
  max-height: calc(100dvh - var(--safe-top) - var(--safe-bottom) - 32px);
  padding: 36px; border: 1px solid var(--line); border-radius: 24px;
  background: var(--surface); text-align: center; overscroll-behavior: contain;
}
.nk-newsletter::backdrop { background: rgb(37 30 20 / .48); backdrop-filter: blur(4px); }
.nk-newsletter-close { position: absolute; inset-block-start: 10px; inset-inline-end: 10px; }
.nk-newsletter .nk-newsletter-mark { width: 56px; height: 56px; margin: 0 auto 18px; font-size: 28px; }
.nk-newsletter-eyebrow { margin-bottom: 10px; color: var(--accent-dark); font-size: 14px; font-weight: 600; }
.nk-newsletter h2 { font-size: 28px; line-height: 1.5; text-wrap: balance; }
.nk-newsletter h2:focus { outline: none; }
#newsletter-description { margin-top: 12px; color: var(--muted); font-size: 14px; line-height: 1.9; }
.nk-newsletter form { margin-top: 24px; text-align: start; }
.nk-newsletter label { display: block; margin-bottom: 8px; font-size: 14px; font-weight: 600; }
.nk-newsletter input[type="email"] {
  width: 100%; min-width: 0; min-height: 52px; padding: 12px 16px;
  border: 1px solid var(--line); border-radius: 12px; background: var(--bg); font-size: 16px; text-align: left;
}
.nk-newsletter input[aria-invalid="true"] { border-color: var(--red); }
.nk-newsletter form .nk-btn { width: 100%; min-height: 52px; margin-top: 12px; }
.nk-newsletter-error { margin-top: 8px; color: var(--red); font-size: 14px; line-height: 1.8; }
.nk-newsletter-privacy { margin-top: 14px; color: var(--muted); font-size: 12px; line-height: 1.9; text-align: center; }
.nk-newsletter-dismiss { display: block; min-height: 44px; margin: 8px auto 0; color: var(--muted); font-size: 14px; }
.nk-newsletter-success { margin-top: 20px; padding: 16px; border-radius: 12px; background: var(--soft); line-height: 1.9; }
@media (max-width: 640px) {
  .nk-newsletter { padding: 28px 20px 20px; }
  .nk-newsletter h2 { font-size: 21px; }
}