.form-guidance-note { background: #f5f9f8; border: 1px solid #dce8e4; border-radius: 8px; color: #475467; font-size: .8rem; line-height: 1.6; margin: 0 0 22px; padding: 10px 14px; width: 100%; }
.field-requirement { display: inline-block; font-size: .65rem; font-weight: 600; letter-spacing: .01em; line-height: 1.5; margin-left: 7px; padding: 1px 6px; border-radius: 4px; vertical-align: middle; text-transform: none; }
.field-requirement.is-required { background: #fff1f0; color: #a52a22; }
.field-requirement.is-optional { background: #f2f4f7; color: #596579; }
.field-help-button { align-items: center; background: transparent; border: 1px solid #98a2b3; border-radius: 50%; color: #526277; cursor: help; display: inline-flex; font: 700 12px/1 system-ui, sans-serif; height: 20px; justify-content: center; margin: 0 0 6px 7px; padding: 0; vertical-align: middle; width: 20px; }
.field-help-button:hover, .field-help-button:focus-visible { background: #e9f5f1; border-color: #087f75; color: #075d55; outline: 2px solid #087f75; outline-offset: 3px; }
.field-help-tooltip { background: #16324b; border-radius: 8px; box-shadow: 0 5px 20px #10182826; color: #fff; font: 400 .8rem/1.6 system-ui, sans-serif; max-width: min(300px, calc(100vw - 24px)); padding: 12px 14px; position: fixed; width: max-content; z-index: 2000; }
.field-help-tooltip[hidden] { display: none; }
label.field-guidance-label { align-items: center; display: inline-flex !important; flex-wrap: wrap; max-width: calc(100% - 40px); }
@media (pointer: coarse) { .field-help-button { height: 28px; width: 28px; } }
@media print { .form-guidance-note, .field-help-button, .field-help-tooltip { display: none !important; } }