/**
 * Newsletter page type (templates/template-newsletter.php). The card and form
 * rules are the blog section's own (blog.css, .ij-blog), re-scoped to
 * .ij-nlpage so the page looks exactly like the blog's "Stay in the loop".
 */
.ij-nlpage { font-family: var(--font-sans); font-weight: 500; color: var(--color-text); -webkit-font-smoothing: antialiased; }
.ij-nlpage a { text-decoration: none; }
body .ij-nlpage :is(h1, h2, h3, h4, h5, h6) { font-family: var(--font-display); color: var(--color-text); }
.ij-nlpage .nl-eyebrow { margin-bottom: 12px; font-size: 13px; font-weight: 600; letter-spacing: 0.6px; text-transform: uppercase; color: var(--brand-green-dark); }
.ij-nlpage .loopcard-solo { grid-template-columns: minmax(0, 1fr) !important; }
.ij-nlpage .nl-btn { display: inline-flex; align-items: center; gap: 8px; padding: 10px 20px; border-radius: 100px; background: var(--brand-green); color: #fff; font-size: 14px; font-weight: 600; transition: background 200ms cubic-bezier(0.4,0,0.2,1); }
.ij-nlpage .nl-btn:hover { background: var(--brand-green-dark); color: #fff; }
@media (max-width: 600px) { .ij-nlpage .nl-first { padding-left: 16px !important; padding-right: 16px !important; } }

/* From blog.css */
@media (max-width: 900px)  { .ij-nlpage .loopcard { grid-template-columns: minmax(0,1fr) !important; gap: 32px; padding: 32px !important; } }
.ij-nlpage .ij-newsletter-form .gform_fields { display: flex; flex-wrap: wrap; gap: 16px; }
.ij-nlpage .ij-newsletter-form .gfield { flex: 1 1 220px; margin: 0 !important; }
.ij-nlpage .ij-newsletter-form input[type="email"] { width: 100%; padding: 14px 20px !important; border-radius: var(--radius-input) !important; background: #fff; border: 1px solid var(--color-border-strong) !important; font-family: var(--font-sans); font-size: 14px; font-weight: 500; color: var(--color-text); outline: none; }
.ij-nlpage .ij-newsletter-form .gfield--type-consent { flex: 1 1 100%; font-size: 13px; color: var(--color-text-tertiary); }
.ij-nlpage .ij-newsletter-form .gform_footer { margin: 16px 0 0 !important; padding: 0 !important; }
.ij-nlpage .ij-newsletter-form .gform_button { padding: 14px 28px !important; border: none !important; border-radius: var(--radius-button) !important; background: var(--brand-green) !important; color: #fff !important; font-family: var(--font-sans); font-size: 14px; font-weight: 600; cursor: pointer; }
.ij-nlpage .ij-newsletter-form .gform_button:hover { background: var(--brand-green-dark) !important; }
.ij-nlpage .ij-newsletter-form .gform_confirmation_message { font-size: 16px; color: var(--brand-green-dark); font-weight: 600; }