/* Keep styling local so theme forms and page-builder dialogs retain their appearance. */
#imam-updates-popup:not([open]) { display: none; } /* Keep the inactive dialog hidden even if a theme overrides native dialog display. */
#imam-updates-popup { box-sizing: border-box; width: min(92vw, 480px); max-height: 88vh; max-height: 88dvh; overflow-y: auto; padding: 36px; border: 1px solid #dce4ec; border-radius: 20px; color: #172b3a; background: #fff; box-shadow: 0 24px 90px #10283b40; font-family: inherit; } /* Keep the invitation readable on narrow screens and short viewports. */
#imam-updates-popup::backdrop { background: #10283b99; } /* Separate the invitation visually from the article. */
#imam-updates-popup .imam-updates-close { position: absolute; top: 10px; right: 10px; width: 44px; height: 44px; padding: 0; border: 0; border-radius: 50%; background: transparent; color: #172b3a; font-size: 28px; line-height: 1; cursor: pointer; } /* Supply a large dismissal target on touch screens. */
#imam-updates-popup .imam-updates-eyebrow { margin: 0 28px 12px 0; color: #466a81; font-size: 12px; font-weight: 700; letter-spacing: .12em; } /* Add a restrained introduction above the invitation. */
#imam-updates-popup h2 { margin: 0 20px 14px 0; color: inherit; font-size: clamp(24px, 5vw, 32px); line-height: 1.2; } /* Maintain hierarchy without oversized headings on mobile. */
#imam-updates-popup p { margin: 0 0 18px; line-height: 1.6; } /* Give copy and form fields consistent spacing. */
#imam-updates-popup .imam-content-updates h2 { display: none; } /* Avoid duplicating the existing form heading inside the named dialog. */
#imam-updates-popup input[type="email"] { box-sizing: border-box; width: 100%; min-height: 48px; margin-top: 6px; padding: 10px 12px; border: 1px solid #9babba; border-radius: 8px; background: #fff; color: #172b3a; font-size: 16px; } /* Prevent iOS zoom and keep the address field easy to use. */
#imam-updates-popup .wp-element-button { width: 100%; min-height: 48px; padding: 12px; border: 0; border-radius: 8px; background: #164f6b; color: #fff; font: inherit; font-weight: 600; cursor: pointer; } /* Present a clear primary subscription action. */
#imam-updates-popup .imam-updates-later { display: block; margin: 14px auto 0; padding: 10px; border: 0; background: transparent; color: #38576c; font: inherit; text-decoration: underline; cursor: pointer; } /* Make continuing the article an obvious choice. */
#imam-updates-popup :focus-visible { outline: 3px solid #2d789b; outline-offset: 3px; } /* Keep keyboard navigation visible on every control. */
[data-imam-article-end] { height: 1px; } /* Give the article end marker measurable intersection geometry. */