/* Required/Optional presentation only; workspace geometry and control behavior
   remain owned by each page and the shared theme. */
.la-field-optional{display:inline-block!important;margin-inline-start:7px;margin-inline-end:5px;color:#68758b;font-size:.68rem;font-weight:500;font-style:normal;letter-spacing:normal;line-height:1.45;vertical-align:baseline;white-space:nowrap}
.la-form-with-requirements{flex-wrap:wrap}
/* Keep field tracks at their natural height when a sibling gains feedback.
   Checkbox/radio labels retain their authored centered selection geometry. */
.la-form-with-requirements label:not(:has(input[type=checkbox],input[type=radio])){align-content:start}
.la-form-requirements-note{grid-column:1/-1;margin:0 0 12px;color:#68758b;font-size:.75rem;font-weight:400;line-height:1.5;text-align:start}
.la-form-requirements-flex>.la-form-requirements-note{order:-1}
.la-form-requirements-flex>.la-form-requirements-note{flex-basis:100%}
.la-field-requirement-note{display:block;margin-top:5px;color:#68758b;font-size:.72rem;font-weight:400;line-height:1.5}
.la-form-requirements-note:only-child{display:none}
/* Split-scroll dialog bodies already provide the field inset and row gap. */
.la-ai-dialog-body>.la-form-requirements-note,.la-dialog-body>.la-form-requirements-note,[data-form-requirements-body]>.la-form-requirements-note{margin:0}
.la-ticket-create-body>.la-form-requirements-note{margin:12px 0 0}
/* Match the established focus-dialog field inset, including small screens. */
.la-focus-dialog>form>.la-form-requirements-note{margin:17px 24px 0}
@media(max-width:560px){.la-focus-dialog>form>.la-form-requirements-note{margin-inline:18px}}