/* MCA Exposure Self-Assessment (page-mca-exposure-assessment.php), ported from learn.delanceyst.com.
Loaded only on that page. There is deliberately no .ds-assess padding/background rule: on
learn that rule never applied, and this file reproduces the page as it renders there. */
/* ===========================================================================
TCPA consent checkbox (.ds-form__consent)
Replaces .ds-form__consent-note, which was passive microcopy under a
hardcoded consent=1. This is a real required checkbox — the legal text IS
the label, so it must stay visually associated with the box and must not be
shrunk into unreadability. 12px against the old note's 11px, and normal
contrast rather than --ds-muted, deliberately: consent language a visitor
cannot comfortably read is the first thing challenged.
Language approved by Lauren 2026-09-03; wording lives in ds_consent_field().
=========================================================================== */
.ds-form__consent {
display: flex;
flex-direction: row;
align-items: flex-start;
gap: 6px;
margin-top: 16px;
text-align: left;
}
.ds-form__consent-box {
flex: 0 0 auto;
width: 18px;
height: 18px;
margin: 2px 0 0;
accent-color: var(--ds-cyan);
cursor: pointer;
}
/* The element selector matters. `.ds-form label` above is (0,1,1) and this
block was (0,1,0), so for as long as both existed the consent text rendered
with the FIELD LABEL style — 11px, weight 800, UPPERCASE, 0.10em tracking.
That, not the font size, is what "too bold and big" was describing. Qualify
with `.ds-form label` so this actually wins; do not drop back to a bare
class selector. */
.ds-form label.ds-form__consent-text {
/* 9px at Rodrigo's request, 2026-10-06, to match the approved mock.
Recorded because it is below the floor the note at the top of this block
argues for: the wording was approved by Lauren on 3 Sept and consent a
visitor cannot comfortably read is the first thing challenged. Raising it
is a one-number change. */
font-size: 9px;
font-weight: 400;
text-transform: none;
letter-spacing: normal;
line-height: 1.5;
color: var(--ds-ink-3);
display: block;
margin-bottom: 0;
cursor: pointer;
/* Full width of the form rather than the old 70ch cap. */
max-width: none;
}
.ds-form__consent { width: 100%; }
.ds-form__consent-text a {
color: inherit;
text-decoration: underline;
}
.ds-form__consent-text a:hover { color: var(--ds-cyan-text); }
/* Keyboard focus must be obvious on a required legal control. */
.ds-form__consent-box:focus-visible {
outline: 2px solid var(--ds-cyan);
outline-offset: 2px;
}
/* Dark form surfaces (final CTA on the MCA pages) invert the text colour. */
.ds-mca-final-cta__form .ds-form__consent-text { color: rgba(255, 255, 255, 0.82); }
/* ===========================================================================
MCA Exposure Self-Assessment (page-mca-exposure-assessment.php)
Everything else on that page reuses existing classes — .ds-inner-hero--forms,
.ds-apply__form-card / __form-head / __form-h / __form-sub, .ds-apply__progress,
.ds-apply-fields / -field, .ds-apply-back, .ds-apply__benefits*, .ds-cta,
.ds-form__consent-note. This block is only what had no equivalent: the section
grid, the radio option rows, step visibility, inline errors and the results panel.
.ds-assess-opt matches .ds-apply-option visually but wraps a real
. The theme's version is a