/* v8 presentation for the expectations forms. The form's own scoped CSS (he.css / en.css) keeps the
   behaviour (conditional blocks, resume banner, success screen); this file only restyles. */
.fineform { background: var(--paper); color: var(--ink); font-family: var(--f-text); min-height: 0; }
.fineform .form-container { max-width: 760px; padding: 0 var(--m) var(--sec); }
.fineform .intro-note, .fineform .resume-banner { border-radius: 0; background: var(--mist); border-color: var(--line); color: var(--ink); }
.fineform .section { background: var(--paper); border: 1px solid var(--line); border-radius: 0; box-shadow: none; padding: clamp(20px, 3vw, 32px); }
.fineform .section-title { font-family: var(--f-brand); font-weight: 400; font-size: 13px; letter-spacing: 0.24em; text-transform: uppercase; color: var(--ink); border-bottom: 1px solid var(--line); padding-bottom: 12px; }
.fineform[dir="rtl"] .section-title { font-family: "Assistant", var(--f-text); font-weight: 600; font-size: 17px; letter-spacing: 0; text-transform: none; }
.fineform label, .fineform .field > label { color: var(--grey); font-weight: 400; }
.fineform input[type=text], .fineform input[type=email], .fineform input[type=tel], .fineform input[type=date], .fineform input[type=time], .fineform input[type=number], .fineform select, .fineform textarea {
  border: 0; border-bottom: 1px solid var(--ink); border-radius: 0; background: transparent; color: var(--ink); font-family: inherit; font-size: 16px; padding: 10px 2px; box-shadow: none; }
.fineform input:focus, .fineform select:focus, .fineform textarea:focus { outline: none; border-bottom: 2px solid var(--wedgwood-deep); box-shadow: none; }
.fineform .radio-option { border-radius: 0; border-color: var(--line); background: var(--paper); }
.fineform .radio-option:has(input:checked) { border-color: var(--ink); background: var(--mist); }
.fineform .alert-box { border-radius: 0; background: var(--mist); border-color: var(--wedgwood); }
.fineform .submit-btn { border-radius: 0; background: var(--ink); color: var(--paper); font-family: var(--f-text); letter-spacing: 0.04em; min-height: 52px; }
.fineform .submit-btn:hover { background: var(--wedgwood); color: var(--ink); }
.fineform .success-screen { border-radius: 0; border-color: var(--line); background: var(--paper); }
.form-page .wa-float { display: none !important; }

/* WCAG 1.4.3: the live form's light greys and gold sit at 2.3–2.8:1 on white. Same hues, darkened just enough for 4.5:1. */
.fineform .required-note { color: #757575; }
.fineform .section-sub, .fineform .radio-option .ro-desc { color: #747474; }
.fineform .section.optional .section-title { color: #837250; }
.fineform .section-note { color: #7b746b; }
.fineform .field .hint, .fineform .submit-hint { color: #7c746a; }