/* Signup pages (D181, brief 2.20). Loaded through the layout's Head section; the strict CSP allows it because it is a same-origin file.
   Colour and size tokens come from site.css; nothing is redefined here. */
.signup-main { max-width: 720px; }

/* Fieldset sections: the legend is the section heading, so it takes the card's top edge, not Bootstrap's floating default. */
.signup-main fieldset { min-width: 0; }
.signup-main legend { float: none; width: auto; margin-bottom: var(--space-3, .75rem); }

/* 44 px targets (NFR-10). */
.signup-main .form-control,
.signup-main .form-select { min-height: var(--target-min); }
.signup-main .signup-check { display: flex; align-items: center; gap: .5rem; min-height: var(--target-min); padding-left: 0; }
.signup-main .signup-check .form-check-input { float: none; margin: 0; width: 1.5rem; height: 1.5rem; flex: none; }
.signup-main .signup-check .form-check-label { padding: .5rem 0; }
.signup-main .btn { min-height: var(--target-min); }

/* The certification text: a readable measure, grows with its content (no scroll area inside the page). */
.pp-text { max-width: 70ch; white-space: pre-line; line-height: 1.6; }

#error-summary:focus { outline: var(--focus-outline, 2px solid currentColor); outline-offset: 2px; }