/* Review Documents — the NDA page, a port of "Review Documents.dc.html".

   Layout of the card, hero and agreement lives in the template and the
   partials' inline styles. This file lays Gravity Forms #15 out as the
   design's field grid, on top of the shared skin in gform.css.

   LEGACY MARKUP. Form 15 renders with Gravity Forms' legacy markup
   (`.gform_legacy_markup_wrapper`, fields as `ul > li`, name and address
   headed by a <label> rather than a <legend>) and its formsmain sheet,
   which loads after the theme. Every rule here is scoped
   `body .ij-gform .cform.ij-nda-form .gform_legacy_markup_wrapper X` so it
   wins on specificity rather than load order; the input rule mirrors the
   legacy sheet's own long `:not()` chain for the same reason. */

.ij-nda { font-family: var(--font-sans); font-weight: 500; color: var(--color-text); -webkit-font-smoothing: antialiased; }

body .ij-nda a:hover, body .ij-nda a:focus { text-decoration: none; }

/* ---- The field grid ------------------------------------------------------
   Design: `.signgrid` — three equal columns, 16px gap, under each section's
   heading. Gravity Forms renders a name and an address as ONE field holding
   several inputs, so those fields and their input wrappers are dissolved
   with `display: contents` and every sub-input becomes a cell of the same
   grid. A field Gravity Forms hides by conditional logic carries an inline
   `display:none`, which still beats this, so the US/Canada address switch
   keeps working. */

body .ij-gform .cform.ij-nda-form .gform_legacy_markup_wrapper .gform_fields {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 16px;
}

body .ij-gform .cform.ij-nda-form .gform_legacy_markup_wrapper ul.gform_fields {
	margin: 0;
	padding: 0;
	list-style: none;
}

body .ij-gform .cform.ij-nda-form .gform_legacy_markup_wrapper .gform_fields > li.gfield {
	grid-column: auto;
	float: none;
	clear: none;
	width: auto;
	max-width: none;
	min-width: 0;
	margin: 0;
	padding: 0;
	background: none;
	border: 0;
}

/* The legacy sheet paints an errored row pink with a rule above and below. */
body .ij-gform .cform.ij-nda-form .gform_legacy_markup_wrapper .gform_fields > li.gfield.gfield_error {
	background: none;
	border: 0;
	margin: 0;
	padding: 0;
}

body .ij-gform .cform.ij-nda-form .gform_legacy_markup_wrapper .gform_fields > li.gfield.ij-nda-full,
body .ij-gform .cform.ij-nda-form .gform_legacy_markup_wrapper .gform_fields > li.gfield--type-html {
	grid-column: 1 / -1;
}

/* The preamble is printed by the template's hero instead. */
body .ij-gform .cform.ij-nda-form .gform_legacy_markup_wrapper .gform_fields > li.gfield.ij-nda-hide { display: none; }

/* Each section heading sits 20px above its first row: 16px of grid gap
   plus this. */
body .ij-gform .cform.ij-nda-form .gform_legacy_markup_wrapper .gfield.ij-nda-full { margin-bottom: 4px; }

body .ij-gform .cform.ij-nda-form .gform_legacy_markup_wrapper .gfield--type-name,
body .ij-gform .cform.ij-nda-form .gform_legacy_markup_wrapper .gfield--type-address,
body .ij-gform .cform.ij-nda-form .gform_legacy_markup_wrapper .gfield--type-name .ginput_complex,
body .ij-gform .cform.ij-nda-form .gform_legacy_markup_wrapper .gfield--type-address .ginput_complex {
	display: contents;
}

body .ij-gform .cform.ij-nda-form .gform_legacy_markup_wrapper .ginput_complex .gf_clear { display: none; }

body .ij-gform .cform.ij-nda-form .gform_legacy_markup_wrapper .ginput_complex.ginput_container > span.gform-grid-col,
body .ij-gform .cform.ij-nda-form .gform_legacy_markup_wrapper .ginput_complex > span {
	display: block;
	float: none;
	flex: none;
	width: auto;
	max-width: none;
	min-width: 0;
	margin: 0;
	/* !important: the legacy half-width gutter on the ZIP cell outranks even
	   this depth, and a grid cell needs no gutter of its own. */
	padding: 0 !important;
}

/* The legacy sheet gives a single field's container `margin-top: 8px`, on
   top of the 8px every input already carries below its label — which set
   Country, Email and Phone 8px lower than the sub-fields beside them. The
   ZIP cell's legacy half-width gutter is cleared by the span rule above. */
body .ij-gform .cform.ij-nda-form .gform_legacy_markup_wrapper .top_label li.gfield > div.ginput_container { margin-top: 0; }

/* The address's own Country input is hidden by the form; field 10 asks. */
body .ij-gform .cform.ij-nda-form .gform_legacy_markup_wrapper .ginput_complex > span.address_country { display: none; }

/* The name/address labels ("Name", "Agreed & Accepted by:") are replaced
   visually by the section headings, but stay for screen readers — and are
   taken out of the grid so they do not claim a cell. */
body .ij-gform .cform.ij-nda-form .gform_legacy_markup_wrapper .gfield--type-name > .gfield_label,
body .ij-gform .cform.ij-nda-form .gform_legacy_markup_wrapper .gfield--type-address > .gfield_label {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	white-space: nowrap;
}

/* A sub-field's validation message spans the row under its inputs. */
body .ij-gform .cform.ij-nda-form .gform_legacy_markup_wrapper .gfield--type-name > .validation_message,
body .ij-gform .cform.ij-nda-form .gform_legacy_markup_wrapper .gfield--type-address > .validation_message {
	grid-column: 1 / -1;
	margin-top: 0;
}

/* ---- Labels and inputs ---------------------------------------------------
   Design: 14px/600, -0.1px, sentence case, with an orange asterisk on the
   required ones. gform.css draws the contact form's 13px uppercase labels
   and hides Gravity Forms' required markers; the asterisk is restored here
   by CSS, on every input the form requires (Address line 2 is optional). */

body .ij-gform .cform.ij-nda-form .gform_legacy_markup_wrapper .gfield_label,
body .ij-gform .cform.ij-nda-form .gform_legacy_markup_wrapper .ginput_complex label {
	display: block;
	margin: 0;
	font-size: 14px;
	font-weight: 600;
	/* One line height for both kinds of label: the legacy sheet leaves a
	   sub-label at 20.3px and a field label at 18.2px, which put Email 2px
	   above the name inputs beside it. */
	line-height: 18px;
	letter-spacing: -0.1px;
	text-transform: none;
	color: var(--color-text);
}

body .ij-gform .cform.ij-nda-form .gform_legacy_markup_wrapper .gfield_contains_required .ginput_complex > span:not(.address_line_2) > label::after,
body .ij-gform .cform.ij-nda-form .gform_legacy_markup_wrapper .gfield_contains_required:not(.gfield--type-name):not(.gfield--type-address) > .gfield_label::after {
	content: " *";
	color: var(--brand-orange);
}

body .ij-gform .cform.ij-nda-form .gform_legacy_markup_wrapper input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]),
body .ij-gform .cform.ij-nda-form .gform_legacy_markup_wrapper select {
	margin-top: 8px;
	width: 100%;
	min-height: 0;
	box-sizing: border-box;
	padding: 11px 14px;
	border-radius: 12px;
	border: 1px solid var(--color-border-strong);
	background-color: #fff;
	font-family: var(--font-sans);
	font-size: 14px;
	font-weight: 500;
	line-height: normal;
	color: var(--color-text);
	outline: none;
	transition: border-color 200ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 200ms cubic-bezier(0.4, 0, 0.2, 1);
}

body .ij-gform .cform.ij-nda-form .gform_legacy_markup_wrapper input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]):focus,
body .ij-gform .cform.ij-nda-form .gform_legacy_markup_wrapper select:focus {
	border-color: var(--brand-green);
	box-shadow: var(--ring-focus, 0 0 0 3px rgba(140, 198, 62, 0.35));
}

body .ij-gform .cform.ij-nda-form ::placeholder { color: var(--color-text-tertiary); opacity: 1; }

body .ij-gform .cform.ij-nda-form .gform_legacy_markup_wrapper .gfield_error input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]),
body .ij-gform .cform.ij-nda-form .gform_legacy_markup_wrapper .gfield_error select { border-color: #b3261e; }

/* ---- Submit --------------------------------------------------------------
   Design: 14px/600 green pill, 10px 20px, 28px under the grid, "Submit"
   followed by a 16px arrow 6px away. Gravity Forms' submit is an <input>,
   which cannot hold an SVG, so the arrow is its background. */

body .ij-gform .cform.ij-nda-form .gform_legacy_markup_wrapper .gform_footer {
	margin: 28px 0 0;
	padding: 0;
}

body .ij-gform .cform.ij-nda-form .gform_legacy_markup_wrapper .gform_footer input[type="submit"] {
	--ij-nda-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14'/%3E%3Cpath d='m12 5 7 7-7 7'/%3E%3C/svg%3E");
	width: auto;
	margin: 0;
	padding: 10px 42px 10px 20px;
	line-height: 21px;
	background-color: var(--brand-green);
	background-image: var(--ij-nda-arrow);
	background-repeat: no-repeat;
	background-position: right 20px center;
	background-size: 16px 16px;
}

body .ij-gform .cform.ij-nda-form .gform_legacy_markup_wrapper .gform_footer input[type="submit"]:hover,
body .ij-gform .cform.ij-nda-form .gform_legacy_markup_wrapper .gform_footer input[type="submit"]:focus-visible {
	background-color: var(--brand-green-dark);
	background-image: var(--ij-nda-arrow);
}

@media (prefers-reduced-motion: reduce) {
	body .ij-gform .cform.ij-nda-form input,
	body .ij-gform .cform.ij-nda-form select { transition: none; }
}

/* ---- Breakpoints: the design's own ----------------------------------------
   `.signgrid` goes to two columns at 900px and one at 620px. */

@media (max-width: 900px) {
	body .ij-gform .cform.ij-nda-form .gform_legacy_markup_wrapper .gform_fields { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 620px) {
	.ij-nda #nda { padding-left: 16px !important; padding-right: 16px !important; }
	.ij-nda .ndacard { border-radius: 24px !important; }

	body .ij-gform .cform.ij-nda-form .gform_legacy_markup_wrapper .gform_fields { grid-template-columns: minmax(0, 1fr); }

	body .ij-gform .cform.ij-nda-form .gform_legacy_markup_wrapper .gform_footer input[type="submit"] { width: 100%; background-position: right 20px center; }
}

/* gform.css now shows Gravity Forms' own required marker, so the labels that
   get the asterisk above showed two (Country, Email, Phone; 2026-10-20). This
   form keeps its own orange one. */
body .ij-gform .cform.ij-nda-form .gform_legacy_markup_wrapper .gfield_contains_required:not(.gfield--type-name):not(.gfield--type-address) > .gfield_label > .gfield_required {
	display: none;
}