/*
 * Whitepaper form + confirmation widget (cxs-section-whitepaper).
 * 2026-09-28, section 6B/6C. Scoped under .cxs-section .cxs-whitepaper;
 * the form controls themselves inherit the approved .cxs-page-form card styling
 * from content-pages.css.
 *
 * Specificity note: the content pages set `.elementor .cxs-content-page
 * .cxs-editorial-section :is(h2, …)` (line-height 1.12) and
 * `.elementor .cxs-content-page.cxs-build-v2 .cxs-editorial-section h2`
 * (clamp 24-30px) at (0,4,1). The heading, message and link rules below are
 * (0,5,1) so the specified sizes win on every container page without !important.
 */
.cxs-section .cxs-whitepaper { width: 100%; }
.cxs-section .cxs-whitepaper :is(.cxs-whitepaper__form, .cxs-whitepaper__confirm)[hidden] { display: none; }

/* Form heading: the page-intro H2 size, above the fields. */
.cxs-section .cxs-whitepaper .cxs-page-form .cxs-page-form__intro { margin: 0 0 20px; }
.cxs-section .cxs-whitepaper .cxs-page-form .cxs-whitepaper__form h2.cxs-whitepaper__form-heading { margin: 0; color: var(--navy); font-size: clamp(24px, 2.4vw, 32px); font-weight: 700; line-height: 1.2; letter-spacing: -.02em; text-wrap: initial; }

/* Confirmation block (revealed in place of the form after wpcf7mailsent). */
.cxs-section .cxs-whitepaper .cxs-whitepaper__confirm { scroll-margin-top: calc(var(--ag-header-h, 72px) + 24px); }
.cxs-section .cxs-whitepaper .cxs-page-form .cxs-whitepaper__confirm h2.cxs-whitepaper__confirm-heading { margin: 0; color: var(--navy); font-size: 32px; font-weight: 700; line-height: 1.2; letter-spacing: -.02em; text-wrap: initial; overflow-wrap: anywhere; }
.cxs-section .cxs-whitepaper .cxs-page-form .cxs-whitepaper__confirm h2.cxs-whitepaper__confirm-heading:focus { outline: none; }
.cxs-section .cxs-whitepaper .cxs-page-form .cxs-whitepaper__confirm p.cxs-whitepaper__message { margin: 16px 0 0; color: #0B263B; font-size: 20px; font-weight: 400; line-height: 1.6; }
.cxs-section .cxs-whitepaper .cxs-page-form .cxs-whitepaper__confirm p.cxs-whitepaper__link-wrap { margin: 24px 0 0; font-size: 24px; line-height: 1.35; }
.cxs-section .cxs-whitepaper .cxs-page-form .cxs-whitepaper__confirm a.cxs-whitepaper__link { display: inline-block; max-width: 100%; border-radius: 4px; color: #005580; font-size: 24px; font-weight: 700; line-height: 1.35; text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 3px; overflow-wrap: anywhere; transition: color .16s ease; }
.cxs-section .cxs-whitepaper .cxs-page-form .cxs-whitepaper__confirm a.cxs-whitepaper__link:hover,
.cxs-section .cxs-whitepaper .cxs-page-form .cxs-whitepaper__confirm a.cxs-whitepaper__link:focus { color: #003B5C; text-decoration: underline; }
.cxs-section .cxs-whitepaper .cxs-page-form .cxs-whitepaper__confirm a.cxs-whitepaper__link:focus-visible { outline: 3px solid #003B5C; outline-offset: 3px; }
.cxs-section .cxs-whitepaper .cxs-page-form .cxs-whitepaper__confirm p.cxs-whitepaper__note { margin: 8px 0 0; color: var(--muted, #5b6b7f); font-size: 13px; font-weight: 400; line-height: 1.5; }

@media (max-width: 767px) {
  .cxs-section .cxs-whitepaper .cxs-page-form .cxs-whitepaper__confirm h2.cxs-whitepaper__confirm-heading { font-size: 24px; }
  .cxs-section .cxs-whitepaper .cxs-page-form .cxs-whitepaper__confirm p.cxs-whitepaper__message { font-size: 18px; }
  .cxs-section .cxs-whitepaper .cxs-page-form .cxs-whitepaper__confirm p.cxs-whitepaper__link-wrap,
  .cxs-section .cxs-whitepaper .cxs-page-form .cxs-whitepaper__confirm a.cxs-whitepaper__link { font-size: 20px; }
}