.referral-section{columns:auto;max-width:980px;padding-block:3rem;scroll-margin-top:100px}
.referral-section>p{max-width:65ch;line-height:1.7}
.referral-form{margin-top:2rem;padding:clamp(1rem,4vw,2rem);background:#eee8df;border-radius:6px;color:#30322f}
.referral-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.1rem}
.referral-form label{display:flex;flex-direction:column;gap:.45rem;line-height:1.5;min-width:0}
.referral-form :is(input,select,textarea){font:inherit;width:100%;min-width:0;box-sizing:border-box;padding:.8rem;border:1px solid #9a978d;border-radius:4px;background:#fff;color:#30322f}
.referral-form .wide{grid-column:1/-1}.referral-form .referral-check{flex-direction:row;align-items:flex-start;gap:.7rem;margin:1.25rem 0}
.referral-form .referral-check input{flex:0 0 20px;width:20px;height:20px;margin:.15rem 0 0;accent-color:#30322f}
.referral-form .referral-status{line-height:1.65;overflow-wrap:anywhere}.referral-form [data-error=true]{font-weight:600}
.referral-form .referral-trap{display:none!important}
@media(max-width:620px){.referral-grid{grid-template-columns:minmax(0,1fr)}.referral-form .button{width:100%}.referral-section{padding-block:2rem}}