.referral-demo-notice{border-left:3px solid var(--green);background:var(--pale);padding:18px 22px;margin:0 0 30px;color:var(--forest)}
.content-prose .referral-demo-notice p{font-size:14px;line-height:1.7;margin:0}
.referral-form{border:1px solid var(--line);border-radius:12px;padding:32px;background:#fff;margin:24px 0 30px}
.referral-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px 22px}
.referral-field{min-width:0}
.referral-field-wide{grid-column:1/-1}
.referral-field label,.referral-field legend{display:block;color:var(--ink);font-size:14px;line-height:1.5;font-weight:650;margin:0 0 9px}
.referral-field fieldset{border:0;padding:0;margin:0;min-width:0}
.referral-name-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.referral-name-grid label{font-size:12px;color:var(--body);font-weight:500}
.referral-required{color:var(--forest)}
.referral-field input,.referral-field select,.referral-field textarea{display:block;width:100%;max-width:100%;min-height:48px;border:1px solid #bdcbc2;border-radius:5px;background:#fff;color:var(--ink);font:inherit;font-size:15px;line-height:1.5;padding:12px 13px;box-shadow:none}
.referral-field textarea{min-height:126px;resize:vertical}
.referral-field input:focus-visible,.referral-field select:focus-visible,.referral-field textarea:focus-visible{outline:3px solid #17824830;outline-offset:2px;border-color:var(--green)}
.referral-field [aria-invalid=true]{border-color:#a7372f}
.referral-form .referral-required-note{font-size:12px;margin:0 0 22px;color:var(--body)}
.referral-form-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:30px;padding-top:24px;border-top:1px solid var(--line)}
.referral-form-actions .button{border:0;cursor:pointer}
.referral-form-actions .button:disabled{opacity:.55;cursor:wait}
.referral-form-actions p{font-size:12px;line-height:1.6;margin:0;max-width:310px}
.referral-success{background:var(--pale);border:1px solid var(--line);border-radius:12px;padding:34px;margin:24px 0 30px;scroll-margin-top:130px}
.referral-success h3{margin-top:0}
.referral-success p{max-width:520px}
.referral-success .button{border:0;cursor:pointer}
.referral-success:focus{outline:3px solid #17824830;outline-offset:4px}
[hidden].referral-form,[hidden].referral-success{display:none!important}
@media(max-width:760px){.referral-form{padding:24px 20px}.referral-fields{grid-template-columns:1fr;gap:22px}.referral-field-wide{grid-column:auto}.referral-form-actions{align-items:stretch;flex-direction:column}.referral-form-actions .button{width:100%}.referral-success{padding:26px 22px}.referral-demo-notice{padding:16px 18px}}
@media(max-width:380px){.referral-name-grid{grid-template-columns:1fr}}